整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 支持有序、無序和定義列表:
HTML 列表
有序列表
| 無序列表
|
本例演示無序列表。無序列表
有序列表
本例演示有序列表。
HTML無序列表
無序列表是一個(gè)項(xiàng)目的列表，此列項(xiàng)目使用粗體圓點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記。
無序列表使用 <ul> 標(biāo)簽
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
瀏覽器顯示如下：
Coffee
Milk
HTML 有序列表
同樣，有序列表也是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。
列表項(xiàng)項(xiàng)使用數(shù)字來標(biāo)記。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
瀏覽器中顯示如下：
Coffee
Milk
HTML 自定義列表
自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及其注釋的組合。
自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
瀏覽器顯示如下：
Coffee
- black hot drink
Milk
- white cold drink
注意事項(xiàng) - 有用提示
提示: 列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
更多實(shí)例
不同類型的有序列表
本例演示不同類型的有序列表。
不同類型的無序列表
本例演示不同類型的無序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表 2
本例演示更復(fù)雜的嵌套列表。
自定義列表
本例演示一個(gè)定義列表。
HTML 列表標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| <ol> | 定義有序列表 |
| <ul> | 定義無序列表 |
| <li> | 定義列表項(xiàng) |
| <dl> | 定義定義列表 |
| <dt> | 自定義列表項(xiàng)目 |
| <dd> | 定義自定列表項(xiàng)的描述 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
HTML 中，正確的字符編碼是什么？
HTML5 中默認(rèn)的字符編碼是 UTF-8。
這并非總是如此。早期網(wǎng)絡(luò)的字符編碼是 ASCII 碼。
后來，從 HTML 2.0 到 HTML 4.01，ISO-8859-1 被認(rèn)定為標(biāo)準(zhǔn)。
隨著 XML 和 HTML5 的出現(xiàn)，UTF-8 也終于到來了，解決了大量的字符編碼問題。
下面是關(guān)于字符編碼標(biāo)準(zhǔn)的簡(jiǎn)短概述。
在開始的時(shí)候：ASCII
計(jì)算機(jī)信息（數(shù)字、文字、圖片）在電子中是以二進(jìn)制 1 和 0（01000101）進(jìn)行存儲(chǔ)的。
為了規(guī)范字母數(shù)字字符的存儲(chǔ)，創(chuàng)建了 ASCII（全稱 American Standard Code for Information Interchange）。它為每個(gè)存儲(chǔ)字符定義了一個(gè)獨(dú)特的二元 7 位數(shù)字，支持 0-9 數(shù)字，大/小寫英文字母（a-z、A-Z）和一些特殊的字符，比如 ! $ + - ( ) @ < > 。
由于 ASCII 使用一個(gè)字節(jié)（7 位表示字符，1 位表示傳輸奇偶控制），所以它只能表示 128 個(gè)不同的字符。這些字符中有 32 個(gè)被保留作為其他控制目的使用。
ASCII 的最大的缺點(diǎn)是，它排除了非英文字母。
ASCII 今天仍然在廣泛使用，尤其是在大型計(jì)算機(jī)系統(tǒng)中。
如需深入了解 ASCII，請(qǐng)查看完整的 ASCII 參考手冊(cè)。
在 Windows 中：ANSI
ANSI（也稱為 Windows-1252），是 Windows 95 及其之前的 Windows 系統(tǒng)中默認(rèn)的字符集。
ANSI 是 ASCII 的擴(kuò)展，它加入了國(guó)際字符。它使用一個(gè)完整的字節(jié)（8 位）來表示 256 個(gè)不同字符。
自從 ANSI 成為 Windows 中默認(rèn)的字符集，所有的瀏覽器都支持 ANSI。
如需深入了解 ANSI，請(qǐng)查看完整的 ANSI 參考手冊(cè)。
在 HTML 4 中：ISO-8859-1
由于大多數(shù)國(guó)家使用 ASCII 以外的字符，在 HTML 2.0 標(biāo)準(zhǔn)中，默認(rèn)的字符編碼更改為 ISO-8859-1。
ISO-8859-1 是 ASCII 的擴(kuò)展，它加入了國(guó)際字符。與 ANSI 一樣，它使用一個(gè)完整的字節(jié)（8 位）來表示 256 個(gè)不同字符。
如果 HTML 4 網(wǎng)頁(yè)使用了不同于 ISO-8859-1 的字符集，則需要在 <meta> 標(biāo)簽中指定，如下所示：
實(shí)例
<metahttp-equiv="Content-Type"content="text/html;charset=ISO-8859-8">
如需深入了解 ISO-8859-1，請(qǐng)查看完整的 ISO-8859-1 參考手冊(cè)。
在 HTML5 中：Unicode（UTF-8）
由于以上所列的字符集是有限的，在多語言環(huán)境中是不兼容的，所以 Unicode 聯(lián)盟（Unicode Consortium）開發(fā)了 Unicode 標(biāo)準(zhǔn)（Unicode Standard）。
Unicode 標(biāo)準(zhǔn)覆蓋了（幾乎）所有的字符、標(biāo)點(diǎn)符號(hào)和符號(hào)。
Unicode 使文本的處理、存儲(chǔ)和運(yùn)輸，獨(dú)立于平臺(tái)和語言。
HTML5 中默認(rèn)的字符編碼是 UTF-8。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
當(dāng)瀏覽器在網(wǎng)頁(yè)中檢測(cè)到 ISO-8859-1 時(shí)，通常默認(rèn)為 ANSI，因?yàn)槌?ANSI 有 32 個(gè)額外的字符這一點(diǎn)，其他方面 ANSI 基本等同于 ISO-8859-1。
HTML5 中默認(rèn)的字符集是 UTF-8。
所有的 HTML 4 處理器都支持 UTF-8，所有的 HTML5 和 XML 處理器都支持 UTF-8 和 UTF-16。
一個(gè)頁(yè)面的布局就像一張報(bào)紙需要排版，需要分為多個(gè)區(qū)塊。塊內(nèi)為多行逐一排列的文字、圖片、超鏈接等內(nèi)容，這些區(qū)塊一般稱之為塊級(jí)標(biāo)簽；而文字、圖片、超鏈接等稱之為行級(jí)標(biāo)簽。
塊級(jí)標(biāo)簽顯示的外觀按“塊”來顯示，具有一定的高度和寬度，如：<div>、<p>等；
行級(jí)標(biāo)簽顯示的外觀按“行”來顯示，類似于文本的顯示，如：<img>、<a>等。
1.基本的塊級(jí)標(biāo)簽
1.1.標(biāo)題標(biāo)簽<h1>~<h6>
標(biāo)題標(biāo)簽表示一段文字的標(biāo)題（主題），并且支持多層次的內(nèi)容結(jié)構(gòu)，一級(jí)標(biāo)簽使用<h1>，二級(jí)標(biāo)簽使用<h2>，以此類推。html提供六級(jí)，<h1>最大，<h6>最小代碼及顯示效果如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>標(biāo)題標(biāo)簽對(duì)比</title>
</head>
<body>
<h1>一級(jí)標(biāo)簽</h1>
<h2>二級(jí)標(biāo)簽</h2>
<h3>三級(jí)標(biāo)簽</h3>
<h4>四級(jí)標(biāo)簽</h4>
<h5>五級(jí)標(biāo)簽</h5>
<h6>六級(jí)標(biāo)簽</h6>
</body>
</html>標(biāo)題標(biāo)簽代碼預(yù)覽
1.2.段落標(biāo)簽<p>
段落標(biāo)簽是表示一段文字內(nèi)容的，一個(gè)段落可以包含多行文字，文字內(nèi)容將隨瀏覽器窗口的大小自動(dòng)換行。
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>段落標(biāo)簽</title>
</head>
<body>
<h1>標(biāo)題</h1>
<p>第一段文字</p>
<p>第一段文字</p>
</body>
</html>
段落標(biāo)簽代碼預(yù)覽
1.3.水平線標(biāo)簽<hr/>
水平線標(biāo)簽顯示一條水平線，這個(gè)標(biāo)簽比較特殊沒有結(jié)束標(biāo)簽，直接是用來<hr/>表示標(biāo)簽的開始和結(jié)束。
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>段落標(biāo)簽</title>
</head>
<body>
<h1>標(biāo)題</h1>
<hr/>
<p>第一段文字</p>
<p>第一段文字</p>
</body>
</html>水平線標(biāo)簽代碼預(yù)覽
2.常用于布局的塊級(jí)標(biāo)簽
2.1.有序列表標(biāo)簽<ol>
使用<ol>,</ol>(有序列表)，<li></li>(列表項(xiàng))HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>有序列表</title>
</head>
<body>
<ol>
<li>第一條數(shù)據(jù)</li>
<li>第二條數(shù)據(jù)</li>
<li>第三條數(shù)據(jù)</li>
</ol>
</body>
</html>有序列表代碼預(yù)覽
2.2.無序列表標(biāo)簽<ul>
使用<ul>,</ul>(無序列表)，<li></li>(列表項(xiàng))HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>無序列表</title>
</head>
<body>
<ul>
<li>第一條數(shù)據(jù)</li>
<li>第二條數(shù)據(jù)</li>
<li>第三條數(shù)據(jù)</li>
</ul>
</body>
</html>無序列表代碼預(yù)覽
2.3.定義列標(biāo)簽<dl>
使用<dl>（定義列表）<dt> （定義列表中的項(xiàng)目）和 <dd> （列表中項(xiàng)目的描述）HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>dl-dt-dd的使用</title>
</head>
<body>
<dl>
<dt>項(xiàng)目名稱</dt>
<dd>項(xiàng)目描述的第一行</dd>
<dd>項(xiàng)目描述的第二行</dd>
</dl>
</body>
</html>定義列標(biāo)簽<dl>代碼預(yù)覽
2.4.表格標(biāo)簽<teble>
使用<teble>，</teble>（表格），<tr>，</tr>（行），<td>，</td>（列）HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>table標(biāo)簽的使用</title>
</head>
<body>
<table width="200" border="1">
<tr>
<td>姓名</td>
<td>年齡</td>
</tr>
<tr>
<td>張三</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
</tr>
</table>
</body>
</html>表格標(biāo)簽代碼預(yù)覽
2.5.表單標(biāo)簽<form>
使用<form>,</form>（表單），<input/>（內(nèi)容）HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type" content="text/html" ;charset="gb2312">
<title>form的使用</title>
</head>
<body>
<form action="" method="post">
<p>
用戶名：
<input name="username" type="text" size="20" />
</p>
<p>
密 碼：
<input name="password" type="password" size="20" />
</p>
<input name="submit" type="button" value="登錄" />
</form>
</body>
</html>
form標(biāo)簽代碼預(yù)覽
2.6.分區(qū)標(biāo)簽<diy>
<diy>標(biāo)簽相當(dāng)于一個(gè)大容器，可以容納無序、有序列表，表格等標(biāo)簽，也可以容納圖片、文字、標(biāo)題、段落等內(nèi)容HTML代碼如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>div的使用</title>
</head>
<body>
<div style="width: 500; height: 300; background-color: aquamarine;">
<p>段落標(biāo)簽</p>
<h1>標(biāo)題標(biāo)簽</h1>
<ul>
<li>無序列表標(biāo)簽第一行</li>
<li>無序列表標(biāo)簽第二行</li>
</ul>
文字可以直接輸入在這里
</div>
</body>
</html>div標(biāo)簽代碼預(yù)覽
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
