html标签

1.语义化标签:

header nav main section article aside footer

作用:方便SEO和浏览器的收录与识别,利于搜索引擎抓取有用的内容

理解:有意义的div,见词知意

2.a超链接

    语法: 

        <a href="路径">..内容</a>

    属性:

        href  --  必写属性,实现跳转

        target  --  可选属性,指定在何处打开新窗口

    特征:

        双标签  行内元素  href是必写属性

    三种跳转方式:

        网站A跳转到网站B,外部链接   ---   绝对路径

        网页A跳转到网页B,内部链接   ---   相对路径

        页面A位置跳转到B位置,锚点链接  ---  hash路径

3.路径

    绝对路径:

        1.以http或者https开头

        2.基于网站根路径（/）

    相对路径:

        ./  --  同级

        ../ --  上一级(可以连续写../../../)

        目录名/  --  下一级

4.多媒体

    img图片标签:

        语法: <img src="" alt="">

        属性: 必写属性: src  --  定义图片的引入路径

                        alt  --  图片加载失败时候的提示文字

              可选属性: width  --  设置图片的宽度

                        height --  设置图片的高度

              注意:宽高设置一方即可,另一方会等比缩放

        特征: 是个单标签

              行内元素奥!!!!

              两个重要的属性: src  alt

        补充:面试题:img标签身上的alt属性和title属性有什么区别吗?

    audio音频标签:

        语法: <audio src=""></audio>

        属性: 必写属性: src  --  音频路径

              可选属性: controls muted loop autoplay

        特征: 双标签 行内元素,重要的属性src

    video视频标签:

        语法: <video src=""></video>

        属性: 必写属性: src  --  视频路径

              可选属性: controls muted loop autoplay width height poster

        特征: 双标签 行内元素,重要的属性src

5.列表标签:

  无序列表ul

        语法: 

            <ul>
                <li></li>
                <li></li>
            </ul>

        注意:两者要组合出现

        特征: 双标签

        语法: 

            <ol>
                <li></li>
                <li></li>
            </ol>
        注意:两者要组合出现

        特征: 双标签

    定义列表dl

        语法:

            <dl>
                <dt></dt>
                <dd></dd>
                <dd></dd>
            </dl>