128 lines
4.2 KiB
HTML
128 lines
4.2 KiB
HTML
<html>
|
|
<head >
|
|
<title> 我的第一个网站 </title>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
</head>
|
|
|
|
<img>
|
|
|
|
<h1>标题1</h1>
|
|
<h2>标题2</h2>
|
|
<hr>
|
|
<h3>标题3</h3>
|
|
<h4>标题4</h4>
|
|
<h5>标题5</h5>
|
|
<h6 >标题6</h6>
|
|
|
|
<img title="悬浮的时候提示文字" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片出不来了">
|
|
|
|
<P>
|
|
什么 是HTML HTML 是 <del>用来</del> 描述网页的一种语言。 <br>
|
|
HTML 是一种在 Web 上使用的 <i>通用</i> 标记语言。<br>
|
|
HTML 允许你格式化文本, <strong>添加图</strong> 片,创建 <sub>链</sub> 接、输入 <sup>表</sup> 单、框架和表格等等,并
|
|
</P>
|
|
|
|
<pre>
|
|
此例演示如何使用 pre 标签
|
|
对空行和 空格
|
|
进行控制
|
|
</pre>
|
|
|
|
<ul>
|
|
<li>
|
|
html学习
|
|
|
|
</li>
|
|
<li>无序列表2</li>
|
|
<li>无序列表3</li>
|
|
<li>无序列表4</li>
|
|
<li>无序列表5</li>
|
|
</ul>
|
|
|
|
<ol>
|
|
<li>
|
|
有序列表1
|
|
<ol>
|
|
<li>p标签学习</li>
|
|
<li>li标签学习</li>
|
|
<li>img标签学习</li>
|
|
</ol>
|
|
</li>
|
|
<li>有序列表2</li>
|
|
<li>有序列表3</li>
|
|
<li>有序列表4</li>
|
|
<li>有序列表5</li>
|
|
</ol>
|
|
|
|
|
|
<a href="https://item.jd.com/100033815062.html" target="_blank">去京东</a>
|
|
|
|
<input type="text" placeholder="请输入用户名">
|
|
<input type="password" placeholder="请输入密码">
|
|
<input type="number" placeholder="请输入手机号">
|
|
|
|
<input type="color">
|
|
<input type="date">
|
|
<input type="time">
|
|
<input type="file">
|
|
|
|
你的兴趣：
|
|
编程<input type="checkbox">
|
|
打游戏<input type="checkbox">
|
|
看电视<input type="checkbox">
|
|
|
|
你的性别：
|
|
男<input type="radio" name="znan">
|
|
女<input type="radio" name="znan">
|
|
|
|
|
|
<input type="range">
|
|
|
|
<input type="file">
|
|
|
|
|
|
<input type="button" value="登录 input">
|
|
<!-- <input type="submit" value="登录 input"> -->
|
|
|
|
<button>登录</button>
|
|
|
|
<select name="" id="">
|
|
<option value="">-请选择-</option>
|
|
<option value="101">合肥</option>
|
|
<option value="102">南京</option>
|
|
<option value="103">北京</option>
|
|
</select>
|
|
|
|
<textarea cols="30" rows="10" placeholder="请输入留言"></textarea>
|
|
|
|
|
|
<table>
|
|
<tr>
|
|
<th>姓名</th>
|
|
<th>年龄</th>
|
|
<th>职业</th>
|
|
</tr>
|
|
<tr>
|
|
<td>张三</td>
|
|
<td>18</td>
|
|
<td>的</td>
|
|
</tr>
|
|
<tr>
|
|
<td>李四</td>
|
|
<td>20</td>
|
|
<td>的</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<video width="200px" src="https://v1.kwaicdn.com/upic/2023/01/23/23/BMjAyMzAxMjMyMzUyNTZfODI5MjQwMzQ5Xzk0NDQzNTI5NDI1XzBfMw==_hd15_B0a384e79cc83963e0dda8f3dd819d84c.mp4?pkey=AAVOq3pXn2cUMhT5WPtpTs6MmEH5rbnCFjqcOmsHPzzOv4d_wn8ItljRE4wR5eYAOiJkEQMecpkvNsHA97CT6zGkBOvS4vVjqORlWSwcmsobWBIl5h_TK-XS4fqslOFqU4s&tag=1-1675502788-unknown-0-dlm0ux2rcq-2ba2128185d3f233&clientCacheKey=3xix3c9m4kbcyh4_hd15.mp4&di=24a1ee5e&bp=14944&tt=hd15&ss=vp" controls muted loop autoplay></video>
|
|
|
|
<audio width="200px" src="https://v1.kwaicdn.com/upic/2023/01/23/23/BMjAyMzAxMjMyMzUyNTZfODI5MjQwMzQ5Xzk0NDQzNTI5NDI1XzBfMw==_hd15_B0a384e79cc83963e0dda8f3dd819d84c.mp4?pkey=AAVOq3pXn2cUMhT5WPtpTs6MmEH5rbnCFjqcOmsHPzzOv4d_wn8ItljRE4wR5eYAOiJkEQMecpkvNsHA97CT6zGkBOvS4vVjqORlWSwcmsobWBIl5h_TK-XS4fqslOFqU4s&tag=1-1675502788-unknown-0-dlm0ux2rcq-2ba2128185d3f233&clientCacheKey=3xix3c9m4kbcyh4_hd15.mp4&di=24a1ee5e&bp=14944&tt=hd15&ss=vp" controls muted loop autoplay></audio>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |