html
注释：
<!-- 注释
对文档中的代码进行解释说明，注释也是代码的一部分，
但浏览器会自动忽 略注释的内容
-->
文档结构标签：
如下：
<DOCTYPE html>
<html lang="En">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Comatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ">
<title></title>
</head>
<body >
</body>
</html>
文字标签：
strong标签和b标签的区别
用在网页上，默认情况下它们都是起到加粗字体的作用
b标签：仅仅是在样式上有加粗效果，不具备HTML语义；
strong标签：不仅是在样式上有加粗效果，具备HTML语义，表示强调
em标签和i标签的区别
em标签用来强调标签中的内容很重要，同时将标签中的字体显示为斜体
i标签没有强调作用，只是在样式上起到明显的效果，将标签中的文字样式显示为斜体
特殊符号
<!--
空格：
不断行空格
  半角空格
  全角空格
小于号
<
大于号
>
双引号
"
单引号
'
版权
©
注册商标
®
-->
列表
<body>
<!-- 有序列表 -->
<!--
type属性：控制列表项数字的样式
-->
<h2>把大熊猫放冰箱的步骤：</h2>
<ol type="a">
<li>打开冰箱门</li>
<li>把大熊猫放进去</li>
<li>关上冰箱门</li>
</ol>
<hr>
<!-- 无序列表 -->
<!--
type属性：
circle 空心圆
square 正方形
-->
<h2>饮品店</h2>
<ul type="square">
<li>咖啡</li>
<li>奶茶</li>
<li>果汁</li>
<li>牛奶</li>
</ul>
<hr>
<!-- 自定义列表 -->
<dl>
<dt>
<a href="./demo01.html">关于我们</a>
</dt>
<dd>
<a href="./demo01.html">联系我们</a>
</dd>
<dd>
<a href="./demo01.html">新浪微博</a>
</dd>
<dd>
<a href="./demo01.html">官方微信</a>
</dd>
</dl>
<hr>
<!-- 嵌套列表 -->
<h2>饮品店</h2>
<ul>
<li>
咖啡
<ul>
<li>拿铁</li>
<li>美式</li>
<li>卡布奇诺</li>
</ul>
</li>
<li>
奶茶
<ul>
<li>红豆奶茶</li>
<li>布丁奶茶</li>
<li>芋泥波波奶茶</li>
</ul>
</li>
<li>
果汁
<ul>
<li>葡萄汁</li>
<li>橙汁</li>
<li>西瓜汁</li>
</ul>
</li>
</ul>
</body>
表格
<body>
<!--
border属性： 边框
table标签：定义表格
tr标签：行
td标签：单元格
th标签：表头（加粗字体、居中）
table标签中的align属性： 整个表格的对齐方式
tr和td标签中的align属性：单元格中的文字对齐方式
-->
<table border="1" align="center">
<!-- 标题标签 -->
<caption>学生信息</caption>
<!-- 第一行 -->
<tr>
<th>序号</th>
<th>班级</th>
<th>姓名</th>
</tr>
<!-- 第二行 -->
<tr align="center">
<td>1</td>
<td>一班</td>
<td>张三</td>
</tr>
<!-- 第三行 -->
<tr>
<td align="center">2</td>
<td>二班</td>
<td>李四</td>
</tr>
</table>
</body>
结构标签：
图片标签：
<img src="图片路径" alt="图片加载不出来时，显示内容">
A标签：
<a href="路径"></a>
form表单
<DOCTYPE html>
<html lang="En">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Comatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ">
</head>
<body >
<!--form 表单标签
action 表单提交路径
method 表单提交方式
get:数据显示在url栏里
post:需后台服务器 （相对安全）
-->
<form action="https://www.baidu.com" method="">
<!-- 隐藏域 -->
<!-- <input type="hidden" name="userid" value="0001"> -->
<input hidden name="userid" value="0001">
<!-- input 输入框（默认文本框） -->
<!--文本框
name:必填
maxlength：最大输入长度
size：文本框长度
placeholder：提示信息
value：默认值（可更改）
readonly：只读
required:
-->
<label for="uname">用户账号：</label><!-- 使用id链接文本框 -->
<input type="text" id="uname" name="username" maxlength="5" size="50" placeholder="请输入账号" ><br><br>
<!--密码框 -->
<label for="mm" >用户密码：</label>
<input type="password" id="mm" name="userpassword" maxlength="8" ><br><br>
<!--邮箱框-->
<label for="em">用户邮箱：</label>
<input type="email" id="em" name="useremail" value="741852@sina.com" required><br><br>
<!--数字框
min：最小
max：最大
step：间隔
-->
<label for="jiage">商品价格：</label>
<input type="number" id="jiage" name="jiage" min="0" max="100" step="0.1"><br><br>
<!--搜索框-->
<label for="sousuo">用户搜索：</label>
<input type="search" id="sousuo" name=" usersearch" ><br><br>
<!-- 下拉框 -->
所在城市：<input type="text" list="city" name="usercity">
<datalist id="city">
<option value="西安">xian</option>
<option value="延安">yanan</option>
<option value="渭南">weinan</option>
<option value="安康">ankan</option>
<option value="咸阳">xianyan</option>
</datalist><br>
<!-- -->
所在省份：<select>
<option value="shaanxi">陕西省</option>
<option value="shangdong">山东省</option>
<option value="hubei">湖北省</option>
<option value="yunnan">云南省</option>
<option value="guangxi">广西省</option>
</select><br>
自我介绍：<br>
<textarea name="jieshao" cols="30" rows="10" placeholder="请输入信息"></textarea>
<br>
<!--提交框
disabled:禁用
-->
<input type="submit" ><br>
<!-- 提交按钮（可自定义文本） -->
<button>提交按钮</button><br>
<!-- 普通按钮 -->
<input type="button" value="提交按钮"><br>
<!-- reset重置按钮 -->
<input type="reset"><br>
</form>
</body>
</html>
单选多选文件上传
<DOCTYPE html>
<html lang="En">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Comatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ">
<title>单选复选文件上传</title>
</head>
<body >
<form action="https://www.baidu.com" method="GET">
<!-- radio:单选 -->
性别：<input type="radio" name="gender" value="man">男
<input type="radio" name="gender" value="woman" checked>女
<br>
<!-- checkbox：多选 -->
爱好：<input type="checkbox" name="hobby" value="playgame" checked="checked">玩游戏
<input type="checkbox" name="hobby" value="ganfan" >干饭
<input type="checkbox" name="hobby" value="playpingpong" checked>乒乓
<br>
<!-- 上传文件 -->
上传文件：<input type="file" name="userfile">
<br>
<!-- 背景颜色 -->
背景颜色：<input type="color" name="bjys">
<br>
<input type="submit" >
</form>
</body>
</html>
时间选择器：
<body >
<form action="https://www.baidu.com" method="GET">
<input type="date" name="userdate"><br>
<input type="time" name="usertime"><br>
<input type="datetime-local" name="datetime"><br>
<input type="week" name="week"><br>
<input type="month" name="month"><br>
<input type="submit" >
</form>
</body>
视频音频
<body >
<!--
src:路径
controls：播放器
autoplay:自动播放
loop:循环
poster:封面
-->
<video src="./孤勇者.MP4" controls autoplay loop poster="./baidu.png" ></video>
<audio src="" controls autoplay loop></audio>
</body>
3582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
