文本标签

2018-10-17  本文已影响0人  策_54d3

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<sup>2</sup></p>

<p> H<sub>2</sub>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:加粗 斜体 小型大写 大小/行高 字体

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

上一篇下一篇

猜你喜欢

热点阅读