1.基本标签

(1) 标题标签

  1. <!--
  2. 标题标签特点:
  3. 1.标题标签独占一行,是块级标签。
  4. 2.标题标签自带顶部、底部外填充,文字会与上下内容间有空白。
  5. 3.标题标签自带文字加粗、字号大小区别。
  6. -->
  7. <h1>2021的卓象兄弟</h1>
  8. <h2>珠穆朗玛在你面前耸立</h2>
  9. <h3>高超技艺在飞檐走壁</h3>
  10. <h4>露八块腹肌,开玛莎拉蒂</h4>
  11. <h5>我不仅要赢,还要赢得漂亮</h5>
  12. <h6>你不仅要赞,还要赞这气场</h6>

(2) 段落标签

<!-- 
    段落标签特点:
        1.段落标签独占一行,是块级标签。
        2.段落标签自带顶部、底部外填充,文字会与上下内容间有空白。
-->

<p>卓象科技万人迷</p>

(3) 分行、分割线

<!-- 
    分行、分割线
            尽量少用,单表签不能自由控制内容。以后该效果会用css来实现。
-->
<br>    <!-- 在想分行处,写入即生效 -->
<hr>    <!-- 在想分割线处,写入即生效 -->

2.描述文本

(1) 文本语义标签

一些语义化标签自带一些样式,上述标签具有其语义性。
语义化有助于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
image.png

(2) 注释

使用注释对一段代码进行说明,方便自己和同事在现在或未来清楚明白代码意图。

<!-- 页面头部区域 Header part -->
<header>
    <nav>
      <ul>
        <li><a href='#'>卓象科技万人迷</a></li>
    </ul>
  </nav>
</header>