120 lines
3.2 KiB
HTML
120 lines
3.2 KiB
HTML
<html>
|
|
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>我的第一个html网页</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>标题1</h1>
|
|
<h2>标题2</h2>
|
|
<h3>标题3</h3>
|
|
<h4>标题4</h4>
|
|
<h5>标题5</h5>
|
|
<h6>标题6</h6>
|
|
|
|
|
|
<a href="tel:15056042604" target="_blank"> 百度 </a>
|
|
<a href="https://www.baidu.com/" target="_blank"> 百度 </a>
|
|
|
|
<img height="100px" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="抱歉，图片无法显示">
|
|
|
|
<!-- 无序列表 注释 实现重复性布局 -->
|
|
<ul>
|
|
<li>无序列表1</li>
|
|
<li>无序列表2</li>
|
|
<li>无序列表3</li>
|
|
</ul>
|
|
|
|
<ol>
|
|
<li>有序列表1</li>
|
|
<li>有序列表2</li>
|
|
<li>有序列表3</li>
|
|
</ol>
|
|
|
|
|
|
<input type="text" placeholder="输入用户名" />
|
|
<input type="number" placeholder="输入手机号" />
|
|
<input type="password" placeholder="输入密码" />
|
|
<input type="date" />
|
|
<h2>性别</h2>
|
|
<input type="radio" name="sex" />
|
|
<input type="radio" name="sex" />
|
|
|
|
<hr>
|
|
|
|
<span>你好 留坑重点提</span>
|
|
|
|
<!-- 放图标的 icon -->
|
|
<i>你好</i>
|
|
|
|
|
|
<!-- 管理后台 -->
|
|
<table>
|
|
<tr>
|
|
<th>Month</th>
|
|
<th>Savings</th>
|
|
</tr>
|
|
<tr>
|
|
<td>January</td>
|
|
<td>$100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>February</td>
|
|
<td>$80</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h2>爱好寄存器会比较好 <br>
|
|
全部为湖北地区 为加快电气接口为</h2>
|
|
<input type="checkbox" name="aihao" />
|
|
<input type="checkbox" name="checkbox" />
|
|
<input type="checkbox" name="checkbox" />
|
|
<input type="checkbox" name="checkbox" />
|
|
<input type="checkbox" name="checkbox" />
|
|
|
|
<input type="button" value="登 录">
|
|
|
|
<button>登 录</button>
|
|
|
|
<input type="submit" value="登 录">
|
|
<input type="reset" value="登 录">
|
|
|
|
<select>
|
|
<option value="">-请选择-</option>
|
|
<option value="">合肥</option>
|
|
<option value="">南京</option>
|
|
</select>
|
|
|
|
<textarea placeholder="输入留言"></textarea>
|
|
|
|
<video src="https://www.runoob.com/try/demo_source/movie.ogg" controls
|
|
poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" muted autoplay loop></video>
|
|
|
|
<!-- <audio src=""></audio> -->
|
|
|
|
|
|
<form action="http://127.0.0.1/login.php">
|
|
<input type="text" name="user_name" placeholder="输入用户名" />
|
|
<input type="number" name="user_pwd" placeholder="输入手机号" />
|
|
<input type="submit" value="登 录">
|
|
<input type="reset" value="清除">
|
|
<input type="button" value="登 录">
|
|
</form>
|
|
|
|
|
|
|
|
<p>
|
|
<strong>菜鸟教程</strong> (www. <big>runoob</big> .com)提供了 <small>编程</small> 的基 <em>础技</em> 术教程, 介绍了HTML、CSS、Javascript、 <del>Python,Java</del> ,Ruby,C,PHP , MySQL等各种编程 <center>语言</center> 的基础知识。 同时本站中也提供了大量的在 32 <sub>。</sub> <sup>。</sup>
|
|
</p>
|
|
|
|
|
|
<span>你好</span>
|
|
<div>你好安静安静安静安静安静</div>
|
|
|
|
</body>
|
|
|
|
|
|
</html> |