
|
網(wǎng)頁的本質(zhì)就是超級(jí)文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級(jí)文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 在前面小編已經(jīng)把html中有序列表、無序列表及定義列表通過單獨(dú)案例的方式進(jìn)行講解,而今天我們來繪制一個(gè)將有序無序和自定義結(jié)合在一起的案例,方便大家以后在實(shí)習(xí)過程能運(yùn)用自如html列表。先來看看效果展示:
1、無序列表 無序列表是一個(gè)項(xiàng)目的列表,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。無序列表始于 <ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>。 2、有序列表 同樣,有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。 3、定義列表 自定義列表不僅僅是一列項(xiàng)目,而是項(xiàng)目及其注釋的組合。自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開始。 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>列表</title> </head> <body> <h1 align="center">列表定義</h1> <ol type="1" > <li>鏈接</li> <ol type="A"> <li>頁面之間的跳轉(zhuǎn)</li> <li>鏈接結(jié)構(gòu)</li> <li>絕對(duì)路徑和相對(duì)路徑</li> <li>錨鏈接</li> <li>鏈接下載</li> </ol> <li>字體標(biāo)簽</li> <ol type="A"> <li>字體標(biāo)簽的效果</li> <li>字體標(biāo)簽的屬性</li> <li>字體標(biāo)簽的seo權(quán)重</li> </ol> <li>區(qū)段標(biāo)簽</li> <ol type="A"> <li>和上下文進(jìn)行分區(qū)和隔離</li> <li> <hr color="#FF0000" />水平線</li> <li>字體標(biāo)簽的seo權(quán)重</li> </ol> <li>HTML主題結(jié)構(gòu)</li> <ol type="A"> <li>html頭部標(biāo)記</li> <ol type="I"> <li>DOCTYPE文檔聲明</li> <li>html <title></li> <li>html <base /></li> </ol> <li>html主題標(biāo)記</li> </ol> </ol> <dl>年底電影排行 <dt>9月熱播電影 <dd>小時(shí)代2</dd> <dd>速度與激情6</dd> </dt> </dl> </body> </html> 請點(diǎn)擊:html有序無序定義列表 下載本實(shí)例相關(guān)素材及源碼 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!