标签显示模式、模式转换、html书写规范

6.9

标签显示模式

<!--
块级元素：div/p/hn/header/section/footer/article/nav/aside/table
        1、有默认的宽高，宽度是父元素的100%，高度是内容撑起来的
        2、可以设置宽高
        3、独占一行
        4、可以包含任意元素（标签）（p标签不包含块状元素，hn不包含hn标签，                       table除外）
        5、可以设置内外边距
行内元素：span/a/b/strong/i/em/u/i/s/del
        1、有默认宽高，是内容撑起来的
        2、不可以设置宽高
        3、相邻的行内元素在同一行显示
        4、可以包含元素
        5、可以设置左右内外边距，上下无效
行内块元素：input/audio/video/img/button
        1、有宽高，是里面的元素撑起来的
        2、可以设置宽高
        3、相邻的行内块元素在同一行显示
        4、不包含其他元素
        5、可以设置内外边距
-->

模式转换

转化成行内元素：display:inline;
转化成行内块元素：display:inline-block;
转化成块状元素：display:block;

html书写规范

标签名小写
<div></div>
<br>
双标签要有闭合标签
<p></p>
<p>
属性名小写
<header class="box"></header>
<header CLASS="box"></header>
图片标签加上alt属性
<img src="hello.jpg" alt="">