HTML总结1

1.HTML是HyperText Markup Language(超文本标记语言)

        前端三要素(三剑客)

                html 网页布局 标签

                css 层叠样式表 主要修饰html文档

                js 用于和网页动态交互  事件 请求数据

        html语法：

                1.注释 <!-- --> 解释说明代码  便于代码阅读和维护

                2.属性 标签都有四个属性 id class style title

                3.空白语法 无数个空格会被浏览器解析为一个

                4.字符实体 空格&nbsp; 小于号&lt; 大于号&gt;引号&quot; 版权&copy;

2.元素分类：

        块级元素 div p secetion header footer nav article body html 列表标签 table

                特点：

                        1.独占一行

                        2.默认宽度100%

                        3.可以根据css属性设置宽高

                        4.高度由自身内容决定

        行内元素 span a i em b strong sub strike pre th tr td cite

                特点：

                        1.与其他行内元素共享一行

                        2.高度有自身内容决定

                        3.无法通过css属性设置宽高

                        4.不建议行内元素嵌套块级元素

3.常用标签

        a标签

                1.打开链接 进行页面跳转

                2.锚点 指定锚点跳转

                        回到顶部 href="#"

                        指定锚点

                                给标签设置id href="#id"

                3.发送邮件

                        href="matio:邮箱地址"

                        target 指定a标签打开方式

                        base标签可以指定所有a标签的打开方式，a标签与base冲突时，就近原则

        img图片 特有属性：width height src alt

        音视频

        video width height 也是video特有的属性

                controls 控制条 autoplay 自动播放 muted静音播放 loop 循环播放 poster 设置封面

         video

                source src type

        audio

                controls 控制条 autoplay 自动播放 muted静音播放 loop 循环播放

4.h5新增语义化标签

        header footer nav article adress

        details配合summary  figure配合figcaption

5.单标签

            meta img br hr