HTML（一）

1.html（超级文本标记语言）


    文本（纯字符）

    html（字符  图片  超链接  视频  音频）

    载体 --  文档

    <h1>标题</h1>
    <p>段落</p>
    <video src="a.mp4"></video>

2.B/S架构（browser/server,浏览器/服务器模式）

3.网络概念
http（超文本传输协议）
url（统一资源定位符）
uri（统一资源标识符）

    服务地址：
        80  apache
        3306  mysql
        ...
        /var/www/html apache的部署目录
    资源路径

4.html网页
    1）开发流程
        1.1编写网页（sublime/vscode）
        1.2本地测试
        1.3部署（linux）
            将本地
    
    2）网页元素

        html5继承了html4松散的语法结构并简化
        h5和h4的区别
        1）DOCTYPE的声明
        2）mata的声明
        3）添加新的标签

        html
        程序员  编写
        浏览器  解析


        属性
            在开始标签中可以添加属性
            <div 属性名=属性值 属性名=属性值>
            属性名不区分大小写

            <div id="one"></div>
            <div ID="one"></div>

            核心属性（绝大多数标签都可以应用的标签）
                id 文档内部的唯一标识
                class 类

                title 描述
                style 样式，取值css规则
                    css规则，键值对，键值之间通过冒号分割，规则之间通过分号分割

    3）结构
        DOCTYPE  声明部分
        html
            head（不会显示在浏览器的视口中）
                title（显示在浏览器选项卡中 ）
                meta（用于设置信息，配置）
                    charset="UTF-8"
                    gbk
                    big5 报社
                    utf-8

                    编码
                        编译器 utf-8
                    解码
                        浏览器
            body
                网页主体

    
    4）元素
        1.块元素（box)
            作用：作为网页框架，或者容器.是页面主体
            特性：
                1）独占一行空间
                2）默认宽度为父元素的100%，默认高度有子元素或内容决定
                3）可以指定其宽高


            div   无意义的块元素
            h1~h3 标题（字体变大加粗、有外边距）
                    font-size
                    font-weight
                    magin

            p     段落
            html、body（有外边距）
            ul li 无序列表，列表项(sublime快捷ul>li*5  +tab)
            ol li 无序列表，列表项
            dl dt dd 有序列表


        2.行内元素(label)
            作用：点缀网页，填充内容
            特性：
                1）与其他行内元素共享一行空间
                2）默认宽高都由内容决定
                3）不能为其指定宽高
                4）行内元素不可以嵌套块元素（可以嵌套行内元素），但是块元素可以指定行内元素

                span  无意义的行内元素
                a
                img
                strong
                bold
                b
                em
                i
                sub
                sup
                del
                ...