HTML常用标签

HTML标签

---

单标签 双标签

• 单标签: img hr br
• 双标签:div(盒子模型)

---

熟记标签

• 标题标签

  <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>

  注意:标题标签只有h1-h6，h1一个网页只能出现一个

• 段落标签

  <p></p>

• 强调标签

  <b>粗体</b>             
  <strong>强调粗体</strong> 
  <i>斜体</i>
  <em>强调斜体</em>

• 单独设置样式标签

  <span style="color:red;">你好</span>

• 列表标签

  • 无序列表

    <ul>
        <li>111111</li>
        <li>222222</li>
        <li>333333</li>
    </ul>

  • 有序标签

    <ol>
        <li>111111</li>
        <li>222222</li>
        <li>333333</li>
    </ol>

  • 自定义列表标签

    <dl>
        <dt>六月</dt>
            <dd>二五</dd>
            <dd>号</dd>
    </dl>

    dt是列表标题 dd是列表项

    ​

• 链接<a href=""></a>

  <a img=" 加入图片的相对地址或绝对地址"></a>
  <a href="网站地址">网址的名称或标记(点击跳转)</a>
  <a href="文件路径">下载</a>
  <a href="#button" >跳转 #锚点id 实现定位</a>
  <a href="#" id="button">锚点 通过id进行实现</a>

• 图片标签 <img>

  • 四要素
    1. src 图片路径
    2. alt 图片描述
    3. target 表示链接打开方式 _self在当前标签打开; _blank在新标签中打开
    4. title 图片提示

  <img width="100px" height="100px" src="图片路径 1.jpg" alt="图片描述 小草 (便于抓取)" title="图片提示 这是一张图片  (提高用户体验)" target="_blank">    <!-- .\表示当前路径-->