常见面试题（一）HTML的行内元素和块元素以及img作为行内元素可以设置宽高问题

1.简述行内标记和块标记都有哪些（5个），区别在哪？为什么会有这样的区别？

• 常见的行内元素有：a，span，img，strong(加粗)，input，label，select，textare，button

• 常见的块级元素有：div，ul，ol，li，dl，dt，dd，h1，h2，h3，h4，h5，h6，p

• 行内标记会在一条直线上水平排列，默认宽度与内容有关

• 块标记的宽度占到百分之百，占据一行

• 行标记的宽高直接设置是无效的，而块标记的宽高是可以直接设置的

2.img是否能设置宽高，是行内标记还是块标记？如果是行内标记，为什么可以设置宽高？如果不是，底层如何实现？

• 能， 既不是行也不是块 ，是置换元素

• 行不能设置宽高

• <img>同时具有行内元素，行内块，和块级元素的特性

• 替换元素一般有内在尺寸，所以具有 width 和 height，可以设定 不指定 <img> 的 width 和 height 时，就按其内在尺寸显示，就是图片被保存的时候的宽度和高度

3.html布局，创建一个网页的常见布局有哪些？

厂字型布局

同字型布局

瀑布式布局（少用）