在網頁里面插入列表的方法（HTML）

里介紹的列表，不是Mathematica里面的列表。

這里的列表是這樣子的：

相應的Mathematica代碼是：

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h2>無序列表:</h2>
<ul>
<li>我</li>
<li>我要</li>
<li>我要把</li>
<li>我要把你</li>
<li>……</li>
</ul>
<h2>有序列表:</h2>
<ol>
<li>a</li>
<li>ab</li>
<li>abc</li>
</ol>
<h2>有序列表:</h2>
<ol start="10">
<li>abcdefghij</li>
<li>abcdefghijk</li>
<li>abcdefghijkl</li>
</ol>
</body>
</html>

然后，在HTML文件里面，用瀏覽器打開，是這個樣子：

還是一大片亂碼。好像不能識別漢字的樣子。

立和使用列表

定義列表

<dl></dl>列表標簽定義列表;
<dt>定義列表標題;
<dd>定義列表內容;

說明:

1. dt和dd對應著的, 一個dt可以對應著多個dd;

2. dd完全是為了dt服務的, 對標題進行描述;

實例:

<dl>
<dt>標題1</dt><dd>內容11</dd><dd>內容12</dd>
<dt>標題2</dt><dd>內容21</dd><dd>內容22</dd>
</dl>

有序列表(unordered list)

<ol></ol> 列表標簽定義一個標有數字的列表;

1 默認值。數字有序列表。(1、2、3、4)

a 按字母順序排列的有序列表，小寫。(a、b、c、d)

A 按字母順序排列的有序列表，大寫。(A、B、C、D)

i 羅馬字母，小寫。(i, ii, iii, iv)

I 羅馬字母，大寫。(I, II, III, IV)

<ol>
<li>聯系人:</li>xxx
<li>聯系地址:</li>北京市豐臺區
<li>郵政編碼:</li>100036
</ol>

無序列表(ordered list)

<ul></ul> 列表標簽定義一個標有圓點的列表;

disc 默認值,實心圓。

circle 空心圓。

square 實心方塊。

<ul>
<li></li>
<li></li>
<li></li>
</ul>

目錄列表所有主流瀏覽器都支持 <dir> 標簽。。

<dir></dir>標簽定義目錄列表。

<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>

菜單列表目前所有主流瀏覽器都不支持 <menu> 標簽。

<menu></menu>標簽可定義一個菜單列表。

<menu>
<li>html</li>
<li>xhtml</li>
</menu>

在實際工作中, 它的用途較少, 大部分我們還是用ul;

另外還可以使用:

<div align=""></div>分區標簽,用來排版大塊HTML段落,也用于格式化表

x0列表的類型

定義列表 dl

無序列表 ul

目錄列表 dir

菜單列表 menu

有序列表 ol

例子：<dt>名稱部分<dd>解釋說明，兩個都在<dl>里面

插入無序列表<ul>

例子：<ul>之間使用<li></li>標記列表項值

插入目錄列表<dir>

效果跟<ul>那個是一樣的。

插入菜單列表<menu>:

插入有序列表<ol>

列表的主要操作就講到這里。是不是很簡單呢？？

在線咨詢

上一篇：進擊的JAMStack
下一篇：CSS技巧：網格項目的縱橫比

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商