HTML 是用來描述網(wǎng)頁的一種語言亿蒸。
HTML 指的是超文本標(biāo)記語言 (Hyper?Text?Markup?Language)
HTML 不是一種編程語言舶沿,而是一種標(biāo)記語言?(markup language)
標(biāo)記語言是一套標(biāo)記標(biāo)簽?(markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
在上圖中展示了HTML列表的應(yīng)用,其中包含了兩種不同的列表方式:有序列表和無序列表,列表創(chuàng)建代碼如下:
?無序列表是一個(gè)項(xiàng)目的列表,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。無序列表使用<ul >標(biāo)簽梯刚。每個(gè)列表項(xiàng)使用<li>
有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字自動進(jìn)行標(biāo)記薪寓。有序列表使用<ol>標(biāo)簽定義亡资。每個(gè)列表項(xiàng)使用<li>標(biāo)簽,每一個(gè)列表項(xiàng)依次從1開始列表
ul與ol前的符號是可以修改的向叉。只需要修改它們的type值锥腻。
ul的type屬性有:disc—實(shí)心圓(默認(rèn))、circle—空心圓母谎、square—實(shí)心方塊
ol的type屬性有:1—數(shù)字(默認(rèn))瘦黑、a—小寫字母、A—大寫字母、i—小寫希臘字母幸斥、I—大寫希臘字母匹摇。
通過CSS也可以在將它們前的符號改為圖片,這樣列表顯示就會更美觀了
上圖是使用HTML中的table標(biāo)簽創(chuàng)建的表格甲葬,實(shí)現(xiàn)代碼如下:
<table border="1">
? ? ????<caption>購物車</caption>
????????<tr>
? ? ? ? ? ? ? ? <th rowspan="2">名稱</th>
? ? ? ? ? ? ? ? <th colspan="2">2018-01-09</th>
? ? ? ? ? ? ? ? <th rowspan="2">小計(jì)</th>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? ? ? <th>重量</th>
????????????????<th>單價(jià)</th>
????????</tr>
????<tr>
????????????<th>蘋果</th>
????????????<td>3公斤</td>
????????????<td>5元/公斤</td>
????????????<td>15元</td>
????</tr>
????<tr>
????????????<th>香蕉</th>
????????????<td>2公斤</td>
????????????<td>6元/公斤<td>
????????????<td>12元</td>
? ?</tr>
????<tr>
????????????<th colspan="3">總價(jià)</th>
????????????<td>27元</td>
????</tr>
</table>
<caption>標(biāo)簽用于定義表格的標(biāo)題廊勃,<th>標(biāo)簽為表格的表頭,<tr></tr>為表格行经窖,<td></td>為表格列坡垫,rowspan, colspan分別用于表示合并行,和并列画侣,border 定義了表格邊框冰悠,若無此屬性,則表格默認(rèn)不顯示邊框配乱,