元素/标签分为三大类:
1、块元素 主要是用来布局
特点:
(1)、块元素会独占一行,
块元素宽度是父元素100%,高度是被内容撑开的
(2)、 常用的块元素:
h1-h6,p,div
2、行内元素 主要是用来包裹文字
特点:
(1)、不会独占一行,行内元素的宽高是被内容撑开,不可以自定义宽高
(2)常用的行内元素:
span、em、strong、del
3、行内块元素
特点:兼具块元素和行内元素的特点,
不会独占一行,而且可以自定义宽高,会有空白三像素的问题
常用的行内块元素:img
注意:
1、块元素里面什么都能放,能放块元素,行内元素,行内块元素
2、行内元素里面不能放块元素,一般只用来包裹文字.
如果你放了块元素,也不会报错,但不符合规范要求
3、块元素里有一个特殊的p标签,p标签里面只能放文字
4、行内元素里面有一个特殊的a标签,a标签里面什么都能放,除了它自己
img标签 引入图片 自结束标签
src属性 引入图片的路径
alt属性 对图片的描述,在图片引入不成功的时候,会显示出来
width属性 设置图片的宽度
height属性 设置图片的高度
width属性和height属性,一般情况不会同时设置,只设置一个,另一个浏览器会自适应缩放