HTML → 页面元素
结构：HTML → 页面元素 表现：CSS → 页面样式 行为：JavaScript → 页面交互的动态效果
文本格式化标签：
无语义化标签
1、加粗 （bold） 标签 ( b )
2、下划线 （undeline） 标签 ( u )
3、倾斜 （insert） 标签 ( i )
4、删除线 （strike） 标签 ( s )
有语义标签
1、加粗 标签 （strong）
2、下划线 标签 （ins） 3、倾斜 标签 （em）
4、删除线 标签 （del）
常用标签
1、h1 → h6 标题标签
2、p 代表段落
3、br 代表换行
4、hr 代表分割线
图片
1、img ： 代表图片 src ： 代表图片路径 alt ： 代表图片加载失败后的替换文字 -
2、title : 在图片属性代表图片悬停显示文字效果 其他标签也可以使用 3、图片路径：
1、 ../../找上级上级
2、 ../代表找上级目录
3、 ./代表找下级目录
4、 同级目录直接输文件名
5、 网络图片右键复制图片地址
视频与音频
video 代表视频标签
audio 代表音频标签
controls 代表播放控件
autoplay 代表自动播放 （部分不支持 需要➕muted 静音）
loop 代表循环
网址与文字链接
herf ：标签代表的超链接
a href=" # " 代表空链接
css 里 使用 text-decoration: none; 可以去掉链接下划线
target 代表网页的打开方式 目标
target="_blank" 代表在新窗口跳转
iframe: 内部链接小窗口
<src="路径" frameborder="1" width="600" height="300" name="风流" >
列表类
无序
ul ： 表示无序列表的整体 圆点
li ： 表示无序列表的每一项 内容
有序
ol ： 表示有序列表的整体 数字
li ： 表示有序列表的每一项 内容
自定义
dl ： 表示自定义列表的整体 只包含dt/dd标签
dt ： 表示自定义列表的主题（标题） 表示自定义列表的主题
dd ： 表示自定义列表中的每一项解释说明 默认显示缩进效果
dt/dd标签可以包含任意内容
表格类
table 表示表格的整体
tr 表示表格的每一行
td 表示表格的单元格 --> 对于主题的每一项内容
th 标签书写在tr标签内部（用于替换td标签） 表头单元格 表格一列的小标题
标签的嵌套关系：table > tr > td
border:表格的边框宽度
width:表格的宽度
height：表格的高度
thead:表格的头部
tbody:表格的主体
tfoot:表格的底部
caption:表格的大标题 标签书写在table标签内部
rowspan：跨行合并
colspan: 跨列合并
表单类
input标签可以通过type属性值的不同 表现出不同的效果 -->
1，文本框：text（type的默认值）
2.日期选项框：input type="date"
3.密码框：passwrod
4.单选框：radio
5.多选框：checkbox
6.文件选择框：file
- multiple:可以多个文件同时选择
placeholder（占位符）="请输入用户名"
value="用户输入的内容" !-- value是给按钮取名字 -->
name="名称"把name属性值=value属性值发送给后台
示例：
性别：（input type="radio" name="sex" checked）男
name也是在提交的时候告诉服务器你是什么类别 名称还是密码的 有相同name属性值的单选框为一组，一组中只能同时有一个被选中
checked(默认选择）
submit:提交按钮
reset:重置按钮
button:普通按钮 -->:button:普通按钮 之后会配合js使用 -->（重要）
select:下拉菜单的整体 --> option：下拉菜单的选项 --> selected 代表select下菜单里的下拉默认选项
第一种： label:让文字点击也可以选择 在label标签的for属性中设置对应的id属性值 添加对应属性包裹
第二种： label 让文字点击也可以选择 连文本文字一起包裹 删除for也可以实现点击文字选择 --> 最简单方便 一行只能包一个
示例：
label>（nput type="radio" name="sex" checked）男（/label）
（label><input type="radio" name="sex"）女（/label）
type属性值（同input的按钮系列）：
标签名：button button标签是双标签，更便于包裹其他内容：文字、图片等
<textarea cols（一行的字数）="30" rows（文本的行数）="10"></textarea>
cols：规定了文本域内可见宽度
rows：规定了文本域内可见行数 （实际开发时针对于样式效果推荐用CSS设置）
有语义的标签 这些是手机端网页的
header: 网页的头部
nav: 网页导航
footer: 网页的底部
aside: 网页的侧边栏
sectio: 网页的区块
article: 网页的文章
没有语义的布局标签
div:独占一行
span:一行可以显示多个
html空格合并现象( & nbsp;)代表空格 --> 工作中只记空格符号
<=& lt; >=& gt;
