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