• HTML页面固定构造

  • <html>:根标签

          <head> ( head标签内容是给搜索引擎和浏览器看的)             <title></title>      </head>      <body>       </body>  (body标签里的内容是给用户看的) </html>
  • ctrl=s :保留快捷键
  • ctrl+c ctrl+v :复制一行快捷键
    ctrl+x 剪切
    在vscode中,正文是给程序员看的 正文的快捷键:ctrl+/
  • 题目标签
    从h1~h6 文字加粗 高低有一行空白行 h1只能用一次 h2~h6能应用无数次
    <h1>一级题目</h1>
    <h2>二级题目</h2>
    <h3>三级题目</h3>
    <h4>四级题目</h4>
    <h5>五级题目</h5>
    <h6>六级标签</h6>
    标签的组成:<开始标签>包裹的内容</完结标签>
    常见标签分为两局部:单标签 双标签
    HTML标签与标签的关系可分为:
    父子关系(嵌套关系)
    兄弟关系(并列关系)
    HTML标签学习:
    题目标签:<h1`6></h1~6>
  • 段落标签:<p></p> (双标签,单占一行,段落之间用)
  • 水平线标签: (单标签 水平线 另起一行)

  • 图片标签 <img src="" alt="">
    src和alt是图片的标签的属性,属性是标签的特点,值是特点的范畴(水平) 属性="值"
    src 图片的地位(门路)
    alt 替换文本 图片出错(不显示)的时候,显示的文字
    title 提醒文本 鼠标(悬停)放到图片上显示的文字
    width 宽
    height 高
    留神! :图片只更改宽或高,图片等比例缩放

    • 换行标签:

        <br>单标签

    文本格式化标签

     <strong></strong>加粗<b></b> <em></em>歪斜<i></i> <ins></ins>下划线<u></u> <del></del>删除线<s></s>
  • 音频标签 <audio src="" alt="">
    src 音频的门路
    autoplay 自动播放(局部浏览器不反对)
    controls 播放控件
    loop 循环播放

  • 视频标签 <video src="" alt="">

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

  • 超链接标签

     <a  href="链接地址">文本或图片  <a/>

    href 跳转的指标(门路) 内部链接
    外部链接 target 打开方式
    target="self"默认值(缺省值)以后窗口关上(原页面敞开)
    target="_blank"新窗口关上(原页面不敞开)
    href ="#" 空链接,不晓得连贯到哪里去

    门路的介绍:门路分为两种 相对路径和绝对路径
    相对路径:
    同级目录 输出"./"
    下一级目录 输出"./ /"
    上一级目录 输出"../"

    绝对路径：指的是目录下的相对地位，可间接达到指标地位，通常以盘符开始的门路 ,能够是本地电脑中的绝对路径,也能够是互联网上的绝对路径.