<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a name="top"></a>
<!--#+name锚链接-->
<a href="html02.html#down">点击跳转②</a>
<!--功能性链接-->
<a href="mailto:2905125355@qq.com">点击③联系我邮箱</a>
<!--有序列表-->
<ol>
<li>python</li>
<li>c</li>
<li>c++</li>
</ol>
<!--无序列表-->
<ul>
<li>python</li>
<li>c</li>
<li>c++</li>
</ul>
<!--自定义列表-->
<!--一般放在网站底部-->
<dl>
<dt>列表名</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<dt>主题</dt>
<dd>22</dd>
<dd>eqwe</dd>
<dd>rwe</dd>
</dl>
<table border="1px" >
<tr ><td colspan="3" align="center" >学生成绩</td>
</tr>
<tr ><td rowspan="2" >狂神</td>
<td>语文</td>
<td>学生成绩</td>
<tr><td>数学</td>
<td>学生成绩</td>
</tr>
<tr ><td rowspan="2">qch</td>
<td>语文</td>
<td>学生成绩</td>
<tr><td>数学</td>
<td>学生成绩</td>
</tr>
</table>
<!--音频视频-->
<audio src="../resours" controls autoplay></audio>
<video src="../resours" controls autoplay></video>
<hr>
<header>头部</header>
<section>独立区域</section>
<footer>脚部</footer>
<aside>相关内容或应用（常用于侧边栏）</aside>
<nav>导航类辅助内容</nav>
<hr>
<!--iframe内联框架-->
<!--<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&p=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">-->
<!--</iframe>-->
<iframe src="https://search.bilibili.com/all?vt=52265820&keyword=iFrame%E5%86%85%E8%81%94%E6%A1%86%E6%9E%B6&from_source=webtop_search&spm_id_from=333.1007&search_source=2" name="hello" ></iframe>
<a href="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&p=11" target="hello">点击跳转</a>
<form action="html02.html" method="get">
<!-- readonly设置只读的意思，值为admin，不能改-->
<p>用户名：<input type="text" name="uname" value="admin" readonly></p>
<!-- hidden隐藏的意思-->
<p>密 码：<input type="text" name="pwd" hidden></p>
<!--
单选框：radio
name：相同的表示一个组，性别只能选一个 disabled表示禁止选择-->
<p>性别 <input type="radio" value="男" name="sex" disabled>男
<input type="radio" value="女" name="sex">女
</p>
<!-- 多选框 加个checked是表示默认选中的意思 -->
<input type="checkbox" value="运动" name="hobby" checked>运动
<input type="checkbox" value="看电影" name="hobby" disabled>看电影
<input type="checkbox" value="看书" name="hobby">看书
<input type="checkbox" value="打游戏" name="hobby">打游戏
<!-- 按钮标签-->
<br><input type="button" name="btl1" value="按钮①">
<input type="button" name="btl1" value="按钮②">
<input type="button" name="btl1" value="按钮③">
<!--加个selected是默认选中的意思-->
<p>国籍<select name="国籍">
<option value="china" selected>中国</option>
<option value="miguo">美国</option>
<option value="rushi">瑞士</option>
<option value="erluos">俄罗斯</option>
</select>
</p>
<p>意见与反馈：</p><p><textarea name="文本域" cols="30" rows="10"></textarea></p>
图片提交<p><input type="image" src="../resours/img1.jpg" ></p>
<p>选择文件<input type="file" name="文件" >
<input type="button" name="上传" value="上传"></p>
<p>
<input type="submit">
<input type="reset" value="清空内容" >
</p>
<!--简单邮箱验证-->
<p>邮箱：<input type="email" name="email"></p>
<!--简单网址验证-->
<p>网址：<input type="url name=url"></p>
<!-- 数字验证-->
<p>数字验证：<input type="number" max="9999" min="10" step="10"></p>
<!-- 滑块（调节声音大小）-->
<p>滑块：<input type="range" name="vioc" max="100" min="0" step="10"></p>
<!-- 搜索框-->
<p>百度一下：<input type="search" name="search"></p>
<!-- label标签 增强鼠标可用性 placeholder内容框提示-->
<p><label for="mark">点击我一下试试什么效果</label>
<input type="text" id="mark" placeholder="请输入想输入的内容"></p>
<!-- required输入框不能为空-->
<p>输入①<input type="text" required></p>
<!--自定义邮箱，pattern正则表达式-->
<p>输入②<input type="text" name="diyemail" pattern="/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/"></p>
</form>
<a href="#top">回到顶部</a>
</body>
</html>
09-11
2万+
2万+
11-23
7225
7225
10-24
5037
5037
08-25
589
589
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
