定义:标签(标记,元素)
由尖角号和关键字组成
大部分是成对出现的,也有单独出现的
分类:
闭合标签:成对出现的标签,前面的叫开始标签,后面的叫结束标签,或者开放标签和闭合标签
自闭合标签;单独出现的叫自闭合标签,或者叫空标签
常用标签
块标签的特点:
1.单独占一行
2.宽度,高度,内边距外边距等都可以设置
3.宽度默认是容器宽度的100%
4.可以容纳其他的块标签,内联标签,内联块标签。
内联标签的特点:
1.在同一行显示,
2.宽度高度,垂直方向的padding和margin不可以设置
3.宽度有内容撑开
4.不能容纳块标签(a标签特殊)。
内联块标签特点:
1.在同一行显示,但是之间会有空白缝隙
2.宽度是本身内容的宽度
3.宽高,行高,内外边距都可以控制
1、块标签
- 单独占一行 可以设置所有样式
如:h1 h2 h3 h4 h5 h6 p div ul li ol dl dt dd
2、内联标签 - 在同一行显示 不能设置所有样式(比如宽度,高度)
如:Strong b em I span a
3、内联块标签 - 在同一行显示 可以设置宽高
如:img
标题:
H1 主标题(一级标题) 通常一个页面只用一次
H2 二级标题
H3 三级标题
H4 四级标题
H5 五级标题
H6 六级标题
标签意义:
-
P : 段落
-
Div : 没有任何语义的,可以把他看做一个盒子或者一个块
-
Strong b 都可以让文字加粗,都是内联元素,区别是:strong更有强调的意义
-
em i 都可以让文字倾斜,都是内联元素,区别是:em更有强调的意义
-
ul li 无序列表: ul和li固定嵌套,ul的直接子元素必须是li,li里面可以放其他标签 li的父元素必须是ul或者ol
-
ol li 有序列表: ol和li 固定嵌套,ol里的直接子元素必须是li,li里面可以放其他标签
-
dl dt dd 自定义列表: dl是父元素,dt和dd是子元素(兄弟元素的关系) dd是对dt的解释和说明
-
span 没有任何语义
-
img 图片: src=”图片的路径” title=“” 图片的标题,鼠标放到图片上显示 alt=””
图片的描述,图片的路径出现问题,或者加载不出来的时候会显示里面的文字 -
br标签: 自闭合标签 强制换行