HTML5

1.web 组成标准
结构（xml/html)
表现(css)
行为(js）
结构和表现标准指定组织为W3C（万维网联盟）
行为标准制定组织(ECMA)
2.html特点
    1 HTML指的是超文本标记语言，是WWW万维网的描述性语言
    2 我们使用的是html的第五个重大版本，目前仍处于更新状态。
3. 站点的命名规则
    用英文小写字母开头，有数字  字母 下划线组成，不得包含中文，空格和特殊字符
4.vscode 快捷键使用
    1     ctrl+s           保存文件
    2      ctrl+b        默认浏览器运行
    3      ctrl+c        复制
    4      ctrl+v        粘贴
    5     ctrl+x        剪切
     6     ctrl+z        撤销
    7      ctrl+y        取消撤销
      8     ctrl+/        注释或取消注释 注释之间不能相互嵌套
    9     lorem              快速生成一段文本
    10    ctrl++号          放大编辑器字体
    11    ctrl+-号        缩小编辑器字体
5. 页面基本结构
    !DOCTYPE  声明文档类型
    html标签，双标签，规定了html的范围
    head头部标签，双标签，规定头部范围，用来存放页面元信息，告诉浏览器如何解析页面
    meta 媒体信息标签，单标签     UTF-8的编码格式
    title页签标题，双标签 
    body页面主体标签，双标签，规定页面主体的内容，写给用户看的内容写在这个里边，也就是浏览器需要显示的内容
6.标签基本结构
    1.单标签、单标记、空标记 <标签名 /> 注意：单标签/可以省略
     2.双标签、双标记、对标签  <标签名> </标签名>
  特点总结：
    <1>标签需要写在<>内，单标签单个出现，双标签成对出现
    <2>标签的第一个单词叫做标签名
    <3>属性和属性值之间用=号连接，属性值需要写在""内（单引双引都行）
    <4>如果有多组属性，注意属性和属性之间用空格隔开
7.HTML常用标签
    1.标题标签   h1-h6
   特点：独占一行，自带加粗，不同等级标题字号不同，自带间距（双标签）
      2.正文段落   p
   特点：独占一行，自带间距，具有文本段落的含义（双标签）
      3.空格符   &nbsp;
   特点：特殊字符，空格符（不属于标签）
      4.强制换行  br
   特点：单标签，作用是强制换行。
      5.水平线、分割线   hr
   特点：单标签，作用是强制出现分割线。
      6.加粗    b、strong
   特点：默认不独占一行，让文字加粗（双标签），strong具有一个强调的语气
      7.倾斜    i、em
   特点：默认不独占一行，让文字倾斜（双标签），em具有一个强调的语气
      8.补充
            <1>u      下划线（双标签，默认不独占一行）
            <2>s、del 删除线（双标签，默认不独占一行，del具有强调的语气）
            <3>sup    上标(双标签，默认不独占一行)
            <4>sub    下标(双标签，默认不独占一行)
      9.列表
            <1>无序列表   ul>li 默认独占一行，没有序号
            <2>有序列表   ol>li
            <3>自定义列表 dl>dt+dd
        快捷写法
            *  生成几个
            $  数字序号
            >  包含
            +  相邻兄弟
        type   类型支持的属性值
                    1     数字
                    A     大写字母
                    a     小写字母
                    I     大写罗马数字
                    i     小写罗马数字
             start    开始
                支持属性值为数字
      10.图片标签   img
              img   图片标签
            特点：单标签，默认不独占一行，自带大小属性
              src     图片路径
            ——相对路径  (相对于当前文件来说，图片的路径位置)
                  ../      返回上一层
                  xxx/     进入到某个文件夹
                  demo:   src="../../images/home/m.png" 
            ——绝对路径
                  demo:   src="C:\Users\Qianfeng\Desktop\day02\images\3.jpg"
          弊端：路径不够灵活，文件发送到其他设备路径就失效。
            ——网络路径
                      demo:src="https://p5.itc.cn/images01/20210627/c7a4cb2caed54da3ab13a90a4177e8e2.jpeg"
      alt    图片无法加载时的显示内容
      title  鼠标悬停时的提示信息
    11.超链接  a
        超链接    a
              功能：实现页面跳转
              特点：默认不独占一行，自带下划线，访问前访问后自带不同颜色（对标签）
              属性：href       跳转路径地址
                      ——相对路径
                     ——绝对路径
                     ——网络路径 （需要带上http://网络协议）
                title      鼠标悬停时的提示信息
                target     跳转方式
                      _blank          在新窗口进行跳转
                      _self(默认值)    在当前窗口进行跳转