注：！+tab或者HTML：5生成文档结构的快捷键

标题标签

    
我是div标签
我是span标签
我是1级标题标签
我是2级标题标签
我是3级标题标签
我是4级标题标签
我是5级标题标签
我是6级标题标签

    1.从h1到h6共6级 字体大小和重要性递减
    2.一般一级标题在文档中只出现一次
    3.标题标签是块标签
    4.文档中常出现的是h3、h4标签 

img标签

    1.img标本身是一个空标签，内容是由属性值撑开的，它具有行标签与块标签的特性，支持宽高，可以同行显示，这类标签可以称之为内联块标签 
    2.src属性，填入图片的相对路径
    3.alt属性，当图片因为种种问题没有办法成功加载显示，用属性值里的文本作为替代显示内容，
    它另外的作用是里面的内容用来被搜索引擎爬取。  

a标签

    前往百度前往淘宝

     a标签是行标签
    1.标签内容是跳转链接的文本内容，宽高由其撑开
    2.跳转的链接地址写在Href属性里
    3.target属性可以设置页面跳转的方式 _self当前页面进行跳转，_blank在空白页面进行跳转

其他标签

    
我是段落标签paragraph
我也是段落标签

    p标签是段落标签，也是块标签 是一个有语义的标签

   一个汉字占据三个字符，一个英文字母占据一个字符，空格占位符 只占据一个字符

    
北京
上海
广州
深圳

    ol>li是组合标签，ol直属子级必须是li标签有序列表标签
    1.type "1" "a" "A" "I" "i"古罗马数字 
    2.start属性值填写数字，表示从何位置开始
    3.reversed属性用来定义反向排序，属性值为reversed
    4.ol,li都是块标签

    
孙大壮
你最帅
你最牛
你最棒

ul>li同样是组合标签，都是块标签

水平线标签。默认宽度是父级宽度 

br换行标签，标签前的文本内容有填充空格直到充满一行，标签后的内容另起一行

        
  你们是早上八九点钟的太阳，世界是属于你们的，也是属于们的，但归根到底是你们的！

放肆！

blockquote是块引用标签，也就是长引用，自带样式
q(quote)是短引用标签，内容自动生成引号，这两个标签都有cite属性，属性值表明引用的出处

    
for(var i=o;i<10;i++){console.log("hello world");}

pre标签定义预格式化文本，文本原本具有的排列格式在标签内保留呈现

    我是强调的文本我是重要性更高的强调

em,strong都是起强调作用的标签，默认的样式em为斜体字，strong是加粗加黑