• HTML页面固定结构

      1. <html>:根标签
      2.           <head> ( head标签内容是给搜索引擎和浏览器看的)
      3.                  <title></title>
      4.           </head>
      5.           <body> 
      6.           </body>  (body标签里的内容是给用户看的)
      7.      </html>

    • ctrl=s :保存快捷键

    • ctrl+c ctrl+v :复制一行快捷键

      1.  ctrl+x  剪切<br />        在vscode中,注释是给程序员看的       快捷键:ctrl+/

    • 标题标签

      1.     标题标签:<h1~6></h1~6><br />          从h1~h6    文字加粗 上下有一行空白行 h1只能用一次  h2~h6能使用无数次 
      1.   <h1>一级标题</h1>
      2.   <h2>二级标题</h2>
      3.   <h3>三级标题</h3>
      4.   <h4>四级标题</h4>
      5.   <h5>五级标题</h5>
      6.   <h6>六级标签</h6>

      标签的组成:<开始标签>包裹的内容</结束标签>
      常见标签分为两部分:单标签 双标签
      HTML标签与标签的关系可分为:
      父子关系(嵌套关系)
      兄弟关系(并列关系)
      HTML标签学习:


    • 段落标签:

      (双标签,单占一行,段落之间用)

    • 水平线标签:

      (单标签 水平线 另起一行)

    • 图片标签 

      1. <img src="" alt="">
      1.   src和alt是图片的标签的属性,属性是标签的特点,值是特点的范围(程度)    属性="值"<br />        src 图片的位置(路径)<br />        alt  替换文本  图片出错(不显示)的时候,显示的文字<br />        title  提示文本  鼠标(悬停)放到图片上显示的文字<br />        width  宽<br />        height  高<br />        注意!  :图片只更改宽或高,图片等比例缩放

    • 换行标签:
      单标签

    • 文本格式化标签
    1.        <strong></strong>加粗<b></b>
    2.        <em></em>倾斜<i></i>
    3.        <ins></ins>下划线<u></u>
    4.        <del></del>删除线<s></s>

    • 音频标签

      src 音频的路径
      autoplay 自动播放(部分浏览器不支持)
      controls 播放控件
      loop 循环播放

    • 视频标签 

      1. src :  视频的路径<br />      autoplay  (自动播放一些浏览器禁止播放) <br />       想在chrome浏览器自动播放 , 配合muted(静音)实现自动播放<br />      controls  播放控件<br />      loop 循环播放<br />      muted  静音

    • 超链接标签文本或图片 

      1.  href 跳转的目标(路径)    外部链接<br />       内部链接    target  打开方式  <br />       target="self"默认值(缺省值)当前窗口打开(原页面关闭)<br />       target="_blank"新窗  口打开(原页面不关闭)<br />       href ="#"  空链接,不知道连接到哪里去
      3. 路径的介绍:路径分为两种 相对路径和绝对路径<br />                       相对路径:<br />                                    同级目录 输入"./"<br />                                    下一级目录  输入"./  /"<br />                                    上一级目录  输入"../"<br />    <br />                      绝对路径：指的是目录下的绝对位置，可直接到达目标位置，通常以盘符开始的路径 ,可以是本地电脑中的绝对路径,也可    以是互联网上的绝对路径.