HTML&CSS-Day02

HTML 超文本标记语言 
1.html语法 
    注释 <!----> 解释说明 便于代码阅读和维护
    元素属性 id class style title
    空白语法 无论文档有多少空格浏览器只会解析为一个空白 
    字符实体 &nbsp;空格 &lt;小于号 &gt; 大于号 &quot; "" &copy;
2.元素 
    块级元素 div p section html body h1-h6 h5新增 header footer nav article ...
        特点:1.独占一行
        2.默认宽度100%
        3.可以根据css属性设置宽高 
        4.高度由自身内容决定
    行内元素 span a strong b i em mark sub sup u cite 
        1.与其他行内元素共享一行
        2.高度由自身内容决定
        3.无法根据css属性设置宽高
        4.不建议嵌套块级元素 
3.常用标签 
    a标签 
    1.打开链接  进行页面跳转 
    2.锚点 指定锚点跳转
        回到顶部 href='#'
        指定锚点 
            给标签设置id href='#id'
    3.发送邮件
        href='mailto:邮箱地址'
    target 指定a标签打开方式 
    base标签可以指定所有a标签得打开方式 a标签与base冲突 就近原则

    img图片 width height src alt 
    音视频 
        video 
            autoplay 自动播放 muted静音播放 controls 控制条 
            loop 循环播放 poster封面 width height 
        video    
            source src type
        audio 
            autoplay 自动播放 muted静音播放 controls 控制条 loop 循环播放
4.h5新增语义化标签
    header footer article nav address details配合summary
    figure figcaption
5.单标签 
    meta img br hr .....

------------------------------------------------------
列表标签
    无序列表 ul li  type='disc/circle/square'
    有序列表 ol li  type='1 A a i I'
    定义列表 dl dt dd
表格 展示数据 
    table 
        属性:width height border bgcolor background 
        cellspacing 单元格和单元格之间得距离 外边距 
        cellpadding 单元格文字到单元格边框距离 内边距
        align 水平对齐方式 
        合并单元格边框 border-collapse:collapse
    tr 
        bgcolor 
        align left center right 水平对齐
        valign top middle bottom 垂直对齐
    td th
        align 
        valign