表

列表是一個接一個顯示條目的首選方式，而不是使用<br>標記。完整的列表定義包括開始和結束標記，以及表示列表中每個條目的標記。

有三種類型的列表：有序列表、無序列表和定義列表。

無序列表

無序列表是一個帶條目符號的列表，類似于菜單。

無序列表 - <ul> ... </ul>

ul標記定義無序列表的開始和結束，列表項包含在ul標記中。

無序列表項 - <li> ... </li>

li標記添加每個條目的文本，每個列表項必須有自己的li標記。

符號類型 <ul type="disc | circle | square">

默認情況下，瀏覽器將顯示圓形條目符號。這可以通過使用ul標記的type屬性來更改，這將更改整個列表的條目符號類型。

條目符號類型 <li type="?">

通過設置li標記的type屬性，可以為列表中的某個條目設置不同的符號類型。

例子

以下是無序列表的示例：

瀏覽器顯示內容如下所示：

天為大家帶來了HTML中的表格與列表、塊及類與ID的基礎知識，首先為大家介紹的是HTML中的表格與列表。

一、HTML中的表格與列表：

相信大家都知道在office、Excel等辦公軟件中如何制作表格，那大家知道如何在網頁上制作表格呢？同時網頁上面的注冊和登陸表又是怎么制作出來的呢？今天將會為大家詳細講解。

1、表格：

①　了解<table>標簽

在網頁上的表格制作是用<table>標簽來定義的。

②　table中的<tr>和<td>標簽

l 每個表格有若干行，即用<tr>標簽來定義。

l 每行被分割為若干單元格，即用<td>標簽來定義。

運行結果：

③　在<table>元素中添加border屬性就可以顯示邊框，示例：

運行結果：

④　表單的表格用<th>標簽表示，示例：

運行結果：

2、列表

列表分為無序列表、有序列表和定義列表

①　無序列表

l 無序列表是一個項目的列表，此列表項目使用粗體圓點進行標記。

l 無序列表始于<ul>標簽，每個列表始于<li>，示例：

運行結果：

l 在<ul>標簽中使用type屬性可以改變列表前面的符號，示例：

運行結果：

②　有序列表

l 與無序列表不同的是，有序列表使用的是<ol>標簽，示例：

運行結果：

在<ol>標簽中添加type屬性，可以改變列表前面的符號，示例：

運行結果：

③　定義列表

l 定義列表就是自定義列表，是項目及其注釋的組合。

l 自定義列表以<dl>標簽開始，每個自定義列表項以<dt>開始，每個自定義列表項的定義以<dd>開始，示例：

運行結果：

二、HTML中的塊：

1、大多數HTML元素被定義為塊級元素或內聯元素

①　塊級元素在瀏覽器顯示時，通常以新行來開始（和結束），例如：<h1>、<p>、<ul>、<table>等。

②　內聯元素在顯示時通常不會以新行開始，例如：<b>、<td>、<a>、<img>等。

2、HTML中的<div>元素

HTML<div>元素是塊級元素，是可以組合其他HTML元素的容器，簡單來說<div>元素一般被用在HTML布局上面，示例：

運行結果：

3、HTML中的<span>元素

HTML<span>元素是內聯元素可用作文本的容器，當與css一同使用時，<span>元素可用于為部分文本設置樣式屬性，示例：

運行結果：

三、HTML中的CLASS和ID:

在上面的示例中我們有看到id標簽，在學習過程中很多人搞不懂class類和id標簽的區別，現在開始教大家如何區分class類和id標簽。

CLASS:

1、Class就我們口中所說的類

2、在css中引用時以“.”開頭，并且可以被多個元素調用，例如：

3、在使用中，可以先設置出一個樣式，然后被多個元素引用。

ID:

1、id是一種標簽

2、在css中引用時以“#”開頭，只能定義一個元素，例如：

3、在使用時，只能先確定一個元素，然后才能設置其樣式，無法被其它元素引用，是唯一的標簽。

希望大家能夠從這篇文章學習到HTML的部分知識~