<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html基础</title>
</head>
<body>
<h1>html基础 h1标签</h1>
<p>html基础 p标签</p>
<a href="#">html基础 a标签</a>
<p>水平线
<hr/>
</p>
<hr>
<img src="img/效果.png" alt="效果" width="500" height="300" />
<div>
表格
<table border="1">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>001</td>
<td>孙悟空</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>002</td>
<td>猪八戒</td>
<td>男</td>
<td>19</td>
</tr>
<tr>
<td>003</td>
<td>小白龙</td>
<td>女</td>
<td>20</td>
</tr>
</table>
</div>
<hr>
<div>
有序列表
<ol type="I">
<li>远看山有色</li>
<li>近听水无声</li>
<li>春去花还在</li>
</ol>
</div>
<hr>
<div>
无序列表
<ul>
<li>一去二三里</li>
<li>岩村四五家</li>
<li>亭台七八处</li>
</ul>
</div>
<hr>
<div>
自定义列表
<dl>
<dt>
唐诗
<dd>床前明月光</dd>
<dd>疑似地上霜</dd>
<dd>举头望明月</dd>
</dt>
<dt>
唐诗
<dd>白日依山尽</dd>
<dd>黄河入海流</dd>
<dd>欲穷千里目</dd>
</dt>
<dt>
唐诗
<dd>月落乌啼霜满天</dd>
<dd>夜半无人私语时</dd>
<dd>自挂东南枝</dd>
</dt>
</dl>
</div>
<hr>
<div>
表单
<form action="" method="">
<p>
<input type="text" placeholder="请输入姓名">
</p>
<p>
<input type="password" placeholder="请输入密码">
</p>
<p>性别
<input type="radio" name="gender" id="nan" /><label for="nan">男</label>
<input type="radio" name="gender" id="nv" /><label for="nv">女</label>
</p>
<p>爱好
<input type="checkbox" name="hobby" id="chifan"><label for="chifan">吃饭</label>
<input type="checkbox" name="hobby" id="shuijiao"><label for="shuijiao">睡觉</label>
<input type="checkbox" name="hobby" id="dadoudou"><label for="dadoudou">打豆豆</label>
</p>
<p>城市
<select name="" id="">
<option value="gz">广州</option>
<option value="cs">长沙</option>
<option value="zz">郑州</option>
</select>
<hr>
<select size="3">
<option value="kf">开封</option>
<option value="sh">上海</option>
<option value="cq">重庆</option>
</select>
</p>
<p>
<input type="reset" value="重置">
<input type="submit" value="提交">
</p>
</form>
</div>
</body>
</html>
html基础标签
最新推荐文章于 2024-10-05 16:51:11 发布