排版标签、图标、列表标签

排版标签

• hn h1~h6 标题
• P 段落
• hr 分隔符（间隔）
• br 换行
• pre 按原文显示（把空格、换行、tab表现出来）

HTML 新增标签

结构标签

• header
• nav
• footer
• main
• aside
• section 有标题的一块内容
• actricle
• details

    
我的信息
    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus exercitationem quam ipsam dolorum vitae, ducimus quas amet eligendi voluptate vel illum dolorem sunt, odit esse expedita dolores id obcaecati. Facilis.

• summary
• dialog（弹框）

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis molestiae voluptate officia mollitia explicabo consequuntur, animi illo harum error porro blanditiis minima, nemo architecto rem unde at quis corporis esse!

引入外部的CSS文件

• media 规定链接文档将被显示在什么设备上
• screen 计算机屏幕

设置文档图标

列表标签

• ul 无序列表
• ol 有序列表
  • 属性：start="3" 从第三个开始排序
    reversed 降序
• li 列表项
• dl 定义列表
• dt 定义列表项里的术语部分
• dd 定义列表项里的术语解释部分

        

            
曹操
            
诸葛亮
            
孙悟空
            
宋江
            
武松
        

         

            
HTML
            
超文本标记语言

            
CSS
            
层叠样式表
            
            
JavaScript
            
浏览器脚本语言