HTML常用标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这是第一个网页</title>
</head>
<body>
<a id="top">顶部锚点</a>
<h1>这是一个大标题</h1>
<br/>
<p>段落标签</p>
<hr/>
<img src="../resource/img/1.jpg" alt="QQ头像" title="悬停显示字体" />
<a href="2.链接页面.html" target="_blank"> 点击跳转</a>
<a href="#top">回到顶部</a>
<a href="mailto:2475624676@qq.com">点击联系我们</a>
<ol>
<li>java</li>
<li>c++</li>
<li>python</li>
<li>php</li>
</ol>
<hr/>
<ul>
<li>java</li>
<li>c++</li>
<li>python</li>
<li>php</li>
</ul>
<dl>
<dt>学科</dt>
<dd>Java</dd>
<dd>python</dd>
<dd>c++</dd>
</dl>
<table border="2px">
<tr>
<td rowspan="2">1-1</td>
<td>1-2</td>
<td>1-3</td>
<td>1-4</td>
</tr>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td colspan="4">1-1</td>
</tr>
</table>
<video href=" 视频的相对路径" controls autoplay></video>
<audio href="音频的相对路径" controls autoplay></audio>
<iframe src="引用页面地址" frameborder="1px"></iframe>
<h5>登陆注册</h5>
<form action="2.链接页面.html" method="post" >
<p> 姓名:<input type="text" name="username"></p>
<p>
性别:
<input type="radio" value="boy" name="sex" >男
<input type="radio" value="girl" name="sex" >女
</p>
<p>密码:<input type="password" name="password"></p>
<p>
爱好：
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="game" name="hobby">游戏
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="shop" name="hobby">购物
</p>
<p>地区：
<select name="文本选项">
<option value="china">中国</option>
<option value="american">美国</option>
<option value="UN">英国</option>
<option value="faguo">法国</option>
<option value="eluosi">俄罗斯</option>
</select>
</p>
<p>
<textarea name="textarea" rows="10" cols="50">文本内容</textarea>
</p>
<p>
<input type="file" name="files">
<input type="button" value="上传" name="up">
</p>
<p>邮箱：
<input type="mail" name="mail"/>
</p>
<p>
<input type="file" name="url"/>
</p>
<p>商品数量：
<input type="number" name="num" max="100" min="0" step="1"/>
</p>
<p>
<input type="range" name="range"/>
</p>
<p>搜索：
<input type="search" name="search"/>
</p>
<p> <input type="submit" name="提交">
<input type="reset" name="重置">
</p>
</form>
</body>
</html>
