天天看點

文本标簽和清單标簽

一、文本标簽

em标簽用于表示一段内容中的着重點

strong标簽用于表示一個内容的重要性

這兩個标簽可以單獨使用,也可以一起使用

(通常em顯示為斜體,而strong顯示為粗體)

i标簽跟em标簽的效果一樣

b标簽中的内容會以加粗顯示。

i和b沒有任何語義,純标簽的意思

h5規範中規定,對于不需要着重的内容而是單純的加粗或者是斜體,就可以用i和b。

small标簽中的内容會比他父元素中的文字要小一些,在h5中使用small标簽來表示一些細則一類的内容

比如:合同中小字,網站的版權聲明都可以放到small。

網頁中所有的加書名号的内容都可以使用cite标簽

比如:書名 歌名 話劇名 電影名。。。

q标簽表示一個短的引用(行内引用)

blockquote标簽表示一個長引用(塊級引用)

使用sup标簽來設定一個上标

使用sub标簽來設定一個下标

使用del标簽來表示一個删除的内容

del标簽中的内容,會自動添加删除線

ins表示一個插入的内容

ins中的内容,會自動添加下劃線

需要頁面中插入代碼

pre是一個預格式标簽,會将代碼中的格式儲存,不會忽略多個空格。(意思就是pre裡面的代碼都會顯示出來在網頁,而不是實作功能。)

我們一般結合code一起結合使用

<pre>

<code>

window.onload(alert('this is alert'))

</code>

</pre>

二、清單标簽

清單就相當于去超市購物時的那個購物清單,

在HTML也可以建立清單,在網頁中一共有三種清單:

1、無序清單

2、有序清單

3、定義清單

無序清單

- 使用ul标簽來建立一個無序清單(前面的點是無序項目符号)

- 使用li在ul中建立一個一個的清單項,

- 一個li就是一個清單項

- 通過type屬性可以修改無序清單的項目符号。

- 注意:預設的項目符号我們一般都不使用。如果需要設定項目符号,則可以采用為li設定背景圖檔的方式來設定。

- ul、li、ol都是塊元素

-

- <ul>

- <li>haha</li>

- </ul>

- 有序清單和無序清單類似,隻不過他使用ol來代替ul

- 有序清單使用有序的序号作為項目符号,比如123之類的有序,也可以通過type去設定項目符号。

- <ol>

- <li>表現</li>

- </ol>

三、定義清單

定義清單用來對一些詞彙或内容進行定義

使用dl來建立一個定義清單

dl中有兩個子标簽

dt:被定義的内容

dd:對定義内容的描述

<dl>

<dt>武松</dt>

<dd>敬仰哈哈哈</dd>

</dl>

這三種清單都可以互相嵌套

上一篇: HTML常用标簽
下一篇: Python NaN