一.文本标签 加粗strong/b 倾斜em/i
换行标签 br标签
水平线标签 hr
<strong><em>呵，女人</em></strong> <!--双标签 也叫闭合标签--> <b><i>呵，女人</i></b>二.标题标签 h ；段落标签 p
<h2> 我是标题标签 </h2> <p> 我是段落标签 </p> <!-------------------> <br>;<hr>单标签三.a标签（超链接标签）
<a href="路径" target=" "></a> <!--target是目标窗口出现的位置--> 例：<a href="www.baidu.com"></a>四.锚标签
1.创建链接点<a name="目标位置">快到碗里来</a> 2.创建跳转点<a herf="#目标位置">不，我拒绝</a>五.图片标签
<img src="图片路径" alt=" " title=" "> <!--1.alt是图片加载出错，出现的替代文字 2.title是鼠标放在图片上出现的文字 -->六.视频
<video src="视频路径" controls="controls" autoplay="autoplay" loop="loop"></video> <!-- 1.controls视频播放的组件 2.autoplay设置视频音频自动播放(现在一般不使用这个，用muted) 3.loop就是循环播放 4.muted解决视频不能自动播放的问题，没有没有声音 -->七.音频
<audio src="音频路径">音频</audio>八.行内元素
1.不能设置高度和宽度，元素的高度和宽度由内容决定。不会自动换行
九.块级元素
2.可以设置高度和宽度，能够自动换行，内容独占一行
十.列表
1.有序列表
ol+li
2.无序列表
ul+li
3.自定义列表
dl+dt+dd
<ol type="a"> <li>我是有序列表</li> <li>我是有序列表1</li> </ol> <ul type="a"> <li>我是无序列表</li> <li>我是无序列表1</li> </ul> <dl> <dt>水果</dt> <dd>苹果</dd> <dd>香蕉</dd> </dl>十一.表格
1.一个tr代表一行
2.一行td代表一行里面的一列
合并行rowspan 上下合并
合并列colspan 左右合并
<table> <tr> <td colspan="2">1-1</td> <td>1-2</td> </tr> <tr> <td rowspan="2">2-1</td> <td>2-2</td> </tr> <tr> <td rowspan="2">3-1</td> <td>3-2</td> </tr> </table>十二.表单
1.action就是我们跳转的位置
2.mehod就是我们数据发送的方式
3.method就是两种数据发送的方式
①.get ②.post 1.get在传输数据的时候，会把数据放在url（路径）后面 post则不会 2.get在传输数据的时候，数据量小。post传输数据的时候，传输的数据量默认是无限大的 3.get和post的编码格式不一样 4.get数据量小，效率更高。methed方法默认就是get十三.表格
账号：<input type="text" name="uaerName" size="30" maxlength="8" value="夏铕君阿巴巴巴"><br> <!--输入内容，就是input输入的是文本内容，那么该input框的类型就是text，那么就代表这个框的名，size是这个框的宽度--> 密码：<input type="password" name="password" size="30" maxlength="8" value="密码"><br> <!--单选框--> 性别： <input type="radio" value="男" name="sex" checked="checked"> <label for="sex_nv">男</label> <input type="radio" value="女" name="sex"> <label for="sex_nv">女</label><br> <!--下拉框--> <select name="gril" size="1" > <option value="四川">四川</option> <option value="重庆">重庆</option> <option value="北京" selected="selected">北京</option> </select>十四.按钮
<!--1.普通按钮--> <input type="button" value="button_提交" name="butt"> <!--2.提交按钮--> <input type="submit" value="sub_提交" name="sub"> <!--3.重置按钮--> <input type="reset" value="reset_重置" name="reset"> <!--4.图片按钮--> <input type="image" src="壁纸/11.jpg"> <!--5.文件上传--> <input type="file" name="wenjian"> <input type="button" value="上传">十五.文本域
<textarea name="textarea" value="自我介绍" style="resize: none" cols="30" rows="20">自我介绍：</textarea> <!--设置文本域大小固定 style="resize: none" 设置文本域宽度和高度 cols和rows--> <!-- select就是下拉列表 name：就是这个下拉列表的名字 size：代表下拉列表的显示的行数 option代表下拉列表的下拉项 每一个option里面都有一个value 下拉列表默认被选中用selected --> <!--单选框的name必须要一致--> <!-- 输入内容，就是input输入的是文本内容，那么该input框的类型就text--> <!-- checked就代表单选框或者多选框被默认选中--> <!-- maxlength就代表输入的最大字符数--> <!-- value就代表该输入框的初始值-->十六.表单高级用法
<!--隐藏文本域--> <input type="hidden" name="id" value="1"> <!--只读--> 账号：<input type="text" name="user" readonly="readonly"> <!--readonly就是只能看不能修改--> 账号：<input type="text" name="user" placeholder="请输入账号"> <!--placeholder提示--> <!--禁用--> <input type="button" value="提交" disabled="disabled"> <!--disabled禁用-->