css的html和body放第一行,【HTML篇】2.HTML的head标签和body标签

css的html和body放第一行,【HTML篇】2.HTML的head标签和body标签

1.HTML的head标签

head标签中主要配置浏览器的配置信息

常用的配置信息：

1.网页解析编码格式

2.网页标题标签

3.网页关键字

4.网页描述

5.作者

6.自动跳转

7.其他(引入css，js)

注：其中第三，第四和第五项，提升在浏览器中的搜索概率

例：

2.HTML的body标签(文本标签)

1.标题标签：

h1到h6：会将其中的数据加粗加黑显示，并且显示依次减弱，并且自带换行功能

属性：aligin：center，left，right 设置位置

2.水平线标签：

hr：会在页面中显示一条水平线，默认居中。

属性：width=”200px“：水平线宽度，size=”20px“：水平线高度，color=”red“：水平线颜色 aligin

3.段落标签

p：会将一段数据作为整体进行显示，主要是进行css和js操作时比较方便。会自动换行。

特点：段间距比较大

4.换行符标签

br：告诉浏览器此处换行

特点：行间距小于段间距

5.空格符标签

 ：告诉浏览器此处增加空格

6.权重标签

1.b：会将内容加黑

2.i：会将内容斜体

3.u：会将内容增加下划线

4.del：中划线

以上标签不会换行，并且可以嵌套使用

注：

1.块级标签：html中自己站一行的标签叫块级标签

2.标签属性：对标签的功能进一步补充，可以自由指定标签属性

3.像素单位：战局电脑屏幕的大小，百分比则是占据浏览器窗口的大小

例：

3.HTML的body标签(列表标签)

1.无序标签

ul

li：该标签中写列表内容，一个li标签代表列表中的一行数据

特点：默认数据前有一个黑圆圈符号

2.有序标签

ol

li：该标签中写列表内容，一个li标签代表列表中的一行数据

特点：会自动的给列表进行顺序编码，从小到大

属性：type：可以改变顺序编码的值，可以是1，a，A，罗马数字1，默认阿拉伯数字1排序

3.自定义标签

dl

dt：数据标题

dd：数据内容，一个dd表示一条数据

例：