文本标签

1. <em>和<strong>

- em标签用于表示一段内容中的着重点。

- strong标签用于表示一个内容的重要性。

<p>

<strong>警告：任何情况下不要接近僵尸</strong>

他们只是 <em>看起来</em> 很友好，实际上他们是为了吃你的胳膊！

</p>

2.   <samll>

small标签表示细则一类的旁注，通常包括 免责声明、注意事项、法律限制、版权信 息等。

<p><small>&copy;2018北财. 保留所有权利.</small></p>

3. < cite>

cite标签可以指明对某内容的引用或参考。

<p>

<cite>《七龙珠》</cite>讲的是召唤神龙的故事

</p>

4. <blockquote>和<q>

- blockquote和q表示标记引用的文本。

-  blockquote用于长引用，q用于短引用。

<div>

        子曰：<blockquote>有朋至远方来，不亦说乎!</blockquote>

    </div>

<p>

        子曰：<q>学而时习之，不亦说乎！</q>

    </p>   

5.<sup>和<sub>

-  sup和sub用于定义上标和下标

<p>2²</p>

<p> H₂O</p>

6.  <ins>和<del>

- ins表示插入的内容，显示时通常会加上下 划线。

- del表示删除的内容，显示时通常会加上删 除线。

<p>

<del>17.75</del><br>

15.54<br>

</p>

<p>

郭敬明的个头儿真<ins>高啊</ins>！

</p>

7.   <code>和<pre>

<pre>

         <code>

if(True):

          print("hello")

          </code>

</pre>

1.有序列表

- 使用ol和li来创建一个有序列表

<ol>

<li>结构</li>

<li>表现</li>

<li>行为</li>

</ol>

2.无序列表

-  使用ul和li来创建一个无序列表

<ul>

<li>西门大官人</li>

<li>柴大官人</li>

<li>武大官人</li>

<li>潘经理</li>

</ul>

3.定义列表

- 使用dl、dd、dt来创建一个定义列表

<dl>

<dt>武松</dt>

<dd>景阳冈打虎英雄，战斗力99999</dd>

<dd>后打死西门庆，投奔梁山</dd>

<dt>武大郎</dt>

<dd>著名餐饮企业家，战斗力0</dd>

</dl>

文本单位

px    百分比    em

颜色

1.颜色的关键字  

红色：red

 蓝色：blue

 绿色：green

2.十六进制颜色

第一组表示红色的浓度，范围00-ff

 第二组表示绿色的浓度，范围00-ff

 第三组表示蓝色的浓度，范围00-ff

3.RGB值

-  RGB(100%,0%,0%)

- RGB(0,255,0)

4.RGBA

表示一个颜色和RGB类似，只不过比

RGB多了一个A（alpha）来表示透明度，  透明度需要一个0-1的值。0表示完全透明，

1表示完全不透明。

-  RGBA(255,100,5,0.5)

文字的大小：  font-size

字体：font-family

字体分类

1. serif（衬线字体）

2.sans-serif（非衬线字体）

3. monospace （等宽字体）

4. cursive （草书字体）

5.fantasy （虚幻字体）

-- 指定斜体：font-style:italic

-- 指定非斜体：font-style:normal

--  指定粗体：font-weight:bold

--   指定非粗体：font-weight:normal

小型大写字母

--  font-variant:small-caps

字体属性的简写

-- font:加粗 斜体 小型大写 大小/行高 字体

注意：前边几个加粗、斜体和小型大写的顺序无所谓，也可以不写，但是大小和字体 必须写且必须写到后两个。