Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML的常用列表可以分為三種:無序列表,有序列表以及定義列表。
定義:<ul>...</ul> ,表示項目之間沒有順序規定的列表。
內層標簽是 <li>...</li>,它有一個type屬性,常用的值有三種:
小實例:
<ul>
? <li>默認值</li><br>
? <li type="disc">實心圓點</li><br>
? <li type="circle">空心圓點</li><br>
? <li type="square">實心方塊</li><br>
</ul>
定義:<ol>...</ol>, 相對于無序列表而言,具有一定的順序的列表,一般用數字或者是字母放在表示項目的最前端表示先后順序。
內層標簽是 <li>...</li>,同樣它的type屬性常用值有四種:
小實例:
<ol>
? <li>默認值</li><br>
? <li type="A">大寫字母</li><br>
? <li type="a">小寫字母</li><br>
? <li type="I">羅馬數字</li><br>
? <li type="1">純數字</li><br><br><br>
</ol>
定義:<dl>...</dl>,不僅僅是一列項目,還是項目及其注釋的組合。
由 <dl> 標簽開始,內層標簽 <dt>...</dt> 包裹對象文本, <dd>...</dd> 包裹著解釋文本。(內層只能是 dt 和 dd 標簽,且dt 必須是在 dd 前面)
小實例:
<dl>
? <dt>HTML</dt>
? <dd>HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。</dd><br>
? <dt>CSS</dt>
? <dd>層疊樣式表(英文全稱:Cascading Style
? Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。</dd><br>
? <dt>JavaScript</dt>
? <dd>JavaScript是一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。</dd><br>
</dl>
動手小練習
x0列表的類型
定義列表 dl
無序列表 ul
目錄列表 dir
菜單列表 menu
有序列表 ol
例子:<dt>名稱部分<dd>解釋說明,兩個都在<dl>里面
插入無序列表<ul>
例子:<ul>之間使用<li></li>標記列表項值
插入目錄列表<dir>
效果跟<ul>那個是一樣的。
插入菜單列表<menu>:
插入有序列表<ol>
列表的主要操作就講到這里。是不是很簡單呢??
網絡上,有序列表可以使您的 HTML 頁面更有組織、簡潔且易于閱讀。在本文中,我將向您展示如何在 HTML 中創建高質量、有趣的有序列表。您將學習如何在平凡的列表中帶來鮮為人知的"Wow"效果。讓我們開始吧!
HTML 中的有序列表(ordered list)使用 <ol> 元素創建,并且對于每個列表項使用 <li> 元素。下面是一段有序列表的基本示例:
html
<ol>
<li>項目 1</li>
<li>項目 2</li>
</ol>
在上面的示例中,您可以看到列表由 <ol> 元素包圍,每個列表項使用 <li> 元素表示。
要讓您的有序列表更具吸引力,您可以通過使用 CSS 進行累積 з?熄culation。以下是一些建議:
css
*請認真填寫需求信息,我們會在24小時內與您取得聯系。