<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" /><!-- html5的写法 -->
<!--content（内容类型）：指定网页的格式是文本的；
charset（编码）：指定网页的编码是utf-8。注意：指的是这个网页内容的编码，而不是文件本身。-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/><!-- html4的写法 -->
<!-- <metaname="参数"content="具体的参数值"> -->
<meta name="author" content="陈世浩 676695810@qq.com"/><!-- 网站的作者 -->
<meta name="description" content="前端开发的测试网站"/><!-- 对网站的描述 -->
<meta name="generator" content="HBuilder X"/><!-- 网站的制作软件 -->
<!-- 网站关键词 -->
<meta name="keywords" content="web前端 html5 css3 javascript"/>
<!-- 视口设置，宽度等于设备宽度，缩放等于1倍 -->
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<!-- 网站的标题，显示在浏览器的标签上的 -->
<title>html教学</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
</head>
<body>
<p id="maodian">锚点目标(后面用的)</p>
<p>html内容</p>
<p><a href="css.html">学习CSS</a></p>
<p><a href="javascript.html">学习JavaScript</a></p>
<hr>
<div>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</div>
<hr>
<div>
<p><em>em标签斜体字</em></p>
<p><i>i标签斜体字</i></p>
<p><b>b标签粗体字</b></p>
<p><strong>strong标签粗体字</strong></p>
<p><u>u标签下划线文字</u></p>
</div>
<hr>
<div>
<p>
<span>空格(预留字符)：[ ]</span>
<span>空格(普通)：[ ]</span>
</p>
<p>
<span>引号(预留字符)：["]</span>
<span>引号(普通)：["]</span>
</p>
<p>
<span>和号(预留字符)：[&]</span>
<span>和号(普通)：[&]</span>
</p>
<p>
<span>小于(预留字符)：[<]</span>
<span>小于(普通)：[<]</span>
</p>
<p>
<span>大于(预留字符)：[>]</span>
<span>大于(普通)：[>]</span>
</p>
<p>
<span>版权Copyright(预留字符)：[©]</span>
</p>
<p>
<span>商标TradeMark(预留字符)：[™]</span>
</p>
<p>
<span>注册商标Register(预留字符)：[®]</span>
</p>
<p>
<span>人民币(预留字符)：[¥]</span>
</p>
</div>
<hr>
<div>
<img width="300px" height="auto" src="img/gif_pic.gif" alt="gif缺失">
<img width="300px" height="auto" src="img/first_pass.jpg" alt="jpg缺失" href="https://www.baidu.com">
<img width="300px" height="auto" src="img/first_pass.png" alt="png缺失" title="天下第一关">
</div>
<hr>
<p>
<a href="https://www.baidu.com" target="_blank">百度一下(新窗口)</a>
</p>
<p>
<a href="https://www.baidu.com" target="_self">百度一下(当前窗口)</a>
</p>
<p>
<a href="#maodian">锚点(回到页面最上方)</a>
</p>
<div>
<a href="https://www.baidu.com" target="_blank">
<img width="100px" src="img/baidu.png" alt="百度图标" title="图片链接">
</a>
</div>
<p>
<a href="">普通空链接</a>
</p>
<p>
<a href="#">#号空链接</a>
</p>
<p>
<a href="javascript:void(0)">js空链接</a>
</p>
<!-- <p>
<a href="mailto:676695810@qq.com">给我发送邮件</a>
</p> -->
<p>
<a href="javascript:alert('你好!');">点击弹窗</a>
</p>
<hr>
<div>
<p>
无序列表
</p>
<ul type="square">
<li>第一条</li>
<li>第二条</li>
<li>第三条</li>
</ul>
</div>
<div>
<p>有序列表</p>
<ol type="A" start="3">
<li>第一条</li>
<li>第二条</li>
<li>第三条</li>
</ol>
</div>
<div>
<p>定义列表</p>
<dl>
<dt>定义标题1</dt>
<dd>定义内容1</dd>
<br>
<dt>定义标题2</dt>
<dd>定义内容2-1</dd>
<dd>定义内容2-2</dd>
<br>
<dt>定义标题3-1</dt>
<dt>定义标题3-2</dt>
<dd>定义内容3</dd>
</dl>
</div>
<hr>
<div>
<p>学生注册</p>
<form action="userinfo.php" name="get_form" method ="post">
<p>
<span>身份证号：</span>
<input type="text" name="student_idcard" placeholder="请输入身份证" value=""> </p>
<p>
<span>学生姓名：</span>
<input type="text" name="student_name" placeholder="请输入姓名" value="">
</p>
<p>
<span>学生学号：</span>
<input type="text" name="student_id" placeholder="请输入学号" value="">
</p>
<div>
<span>专业名称：</span>
<select name="select_test" id="select_1">
<option value="1">计算机应用技术</option>
<option value="2" selected="selected">计算机网络技术</option>
<option value="3">云计算</option>
<option value="4">移动互联</option>
<option value="5">人工智能</option>
<option value="5">广播影视</option>
</select>
</div>
<br />
<div>
<span>学院：</span>
<select name="select_test" id="select_1">
<option value="1">财经系</option>
<option value="2" selected="selected">信息系</option>
<option value="3">教育传媒系</option>
<option value="4">公共管理系</option>
</select>
</div>
<p>
<!-- https://www.cnblogs.com/lowerCaseK/p/utf8.html -->
<span>登录密码：</span>
<input type="password" name="pass_word" placeholder="请输入密码">
</p>
<p>
<!-- https://www.cnblogs.com/lowerCaseK/p/utf8.html -->
<span>确认密码：</span>
<input type="password" name="pass_word" placeholder="请再次输入密码">
</p>
<p>
<span>手机号：</span>
<input type="text" name="student_id" placeholder="请输入手机号" value="">
</p>
<p>
<span>性别：</span>
<input type="radio" name="student_sex" value="1">男
<input type="radio" name="student_sex" value="2">女
</p>
<p>
<span>爱好：</span>
<input type="checkbox" name="interest" value="1"/>音乐
<input type="checkbox" name="interest" value="2"/>美术
<input type="checkbox" name="interest" value="3"/>游戏
<input type="checkbox" name="interest" value="4" checked="checked"/>运动
</p>
<p>
<span>生日：</span>
<input type="date" name="birthday_date">
<input type="time" name="birthday_time">
</p>
<p>
<input type="submit" value="注册">
<input type="reset" value="清空">
</p>
</form>
</div>
<hr>
<div>
<p>表单控件</p>
<p>
<span>文本：</span>
<input type="text" name="user_name" placeholder="请输入用户名" value="">
</p>
<p>
<!-- https://www.cnblogs.com/lowerCaseK/p/utf8.html -->
<span>密码：</span>
<input type="password" name="pass_word" placeholder="请输入密码">
</p>
<p>
<span>单选：</span>
<input type="radio" name="radio_test" value="1">单选1
<input type="radio" name="radio_test" value="2">单选2
</p>
<p>
<span>多选：</span>
<input type="checkbox" name="interest" value="1"/>选项1
<input type="checkbox" name="interest" value="2"/>选项2
<input type="checkbox" name="interest" value="3"/>选项3
<input type="checkbox" name="interest" value="4" checked="checked"/>选项4
</p>
<p>
<span>日期：</span>
<input type="date" name="birthday">
</p>
<p>
<span>时间：</span>
<input type="time" name="time">
html_study.zip （10个子文件） 
html_study media 
test_audio.mp3 39KB
qgy_video.mp4 1.88MB js img 
gif_pic.gif 63KB
first_pass.jpg 457KB favicon.ico 4KB
first_pass.png 797KB banner.webp 28KB logo.jpg 57KB baidu.png 13KB css 
index.html 10KB资源评论
2301_81205697
- 粉丝: 0
- 资源: 1
最新资源
- （2025）行政单位会计制度知识竞赛题（含答案）.docx
- （2025）汉字听写大会竞赛题库（含答案）.docx
- （2025）行政诉讼法知识竞赛必刷题库及答案.docx
- （2025）红十字初级急救员证考试题及答案.docx
- （2025）会计电算化考试试题（含答案）.docx
- （2025）会计基础考试题库及答案(带答案解析).docx
- （2025）机电标准化考试试题（含答案）.docx
- （2025）基本公共卫生服务项目考试题库及答案.docx
- （2025）机关事业单位《工人技术职业道德》等级考核题库及答案.docx
- （2025）计算机基础理论信息安全基本知识试题及答案.docx
- （2025）计算机二级考试全真试题库及答案（通用版）.docx
- （2025）计算机网络技术考试题及答案.docx
- （2025）见证取样员考试试题（带答案）.docx
- （2025）监理工程师《案例分析》考试题库及答案.docx
- （2025）见证取样员考试题库及答案.docx
- 英伟达半导体科技（上海）有限公司创投信息
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
