web前端 HTML+CSS系列（1）于 2020.9.11

学习到的各种标签

1、p标签，段前段后都会有空白，可以用css样式来改变空白
2、span标签，没有语义，为了设置单独的样式使用
3、h1-h6标签，设置标题，并且大小逐渐减小
4、div标签，网页制作中，把独立的逻辑部分放在div标签中
5、（1）header 只是告诉你我是个头部，其实本质上还是个 div，但是具备语义化
（2）footer代表底部，本质上为div,但是具备语义化‘
（3）section代表一个区域，本质上等于div,具备语义化
（4）aside代表一个侧边栏区域，本质上等同于div,具备语义化
6、br标签，相当于word中的回车，一般使用
,是一个空标签，没有html内容的标签为空标签。
7、在html中输入空格是没有作用的，只能显示一个，&n bsp;显示空格
8、< h r/>标签显示水平分割线，后续可修改样式，空标签，只含开始标签没有结束标签
9、（1）< ul> < l i>没有前后顺序的信息列表，每个li默认带一个圆点
（2）< ol>< li>标签为有序列表，每项li钱默认带一个序号，序号从1 开始
10、使用image标签插入图片
< image src = " " alt=" " title =" " />
11、< a>标签 < a href=" " title=" "> 显示内容< /a>
target属性 可选值 _self 当前页面打开链接 _blank 在新窗口打开
12、table标签 border属性 定义表格宽度
< tr >单独的一行
< td > 一行中单独的一列
< caption> 表格名称</ caption>
13、继续完善表格 thead tbody tfoot，使浏览器支持独立于表格标题和页脚的表格正文滚动，就是一种逻辑上的分块，加强语义化。
< thead> 定义表头
< tbody> 包含行的内容下载完后优先显示，不必等待表格结束后再显示 表格很长，用tbody分段，可以一段一段的分段显示
< tfoot>用于对html表格中的表注（页脚）内容进行分组