1.列表

列表的種類主要有三種：無序列表，有序列表，和自定義列表

1.1無序列表（使用較多）

無序列表的個列表之間沒有順序級別之分，是并列的關系，其語法結構為：

無序列表常被用來與超鏈接a一起制作導航條，新聞等；

1.2 有序列表ol

有序列表之間的個列表是按照一定的順序進行排列的，其語法格式如下：

有序列表的語法結構

1.3自定義列表

自定義列表常用于對術語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號，其語法格式如下：

自定義列表

注：自定義列表主要用于網(wǎng)頁底部一部分的設計。

2、表格table

在網(wǎng)頁中想要創(chuàng)建表格，就需要使用表格相關的標簽，創(chuàng)建表格的基本語法格式如下：

2.1<table></table>用于創(chuàng)建一個表格

<tr></tr>用于定義表格中的一行，必須嵌套在<table></table>標簽中，在<table></table>標簽中有幾對<tr></tr>就表示該表格有幾行。

<td></td>用于定義表格中的單元個，必須嵌套在<tr></tr>標簽中，一對<tr></tr>中包含幾對<td></td>就表示該行中有幾列。

2.2表格的屬性

表格主要包含以下幾個屬性：

（1）邊框（border）：有寬度，顏色等屬性值；

（2）單元格與單元格邊框之間的距離：cellspacing，默認的為2像素；

（3）單元格內容與單元格邊框之間的距離：cellpadding，默認為1像素；

（4）表格的寬度：width

（5）表格的高度：Height

（6）表格中文本的對齊方式：align 其屬性值有：left,center,right?

2.3表頭標簽

表頭一般位于表格的第一行或則第一列，其文本加粗居中，設置表頭只需將表頭的標記<th></th>替代相應的單元格標記<td></td>.

2.4表格結構

在使用表格進行布局時，可以將表格劃分為頭部，主體和底部，具體結構如下：

<thead></thead>用于定義表格的頭部，必須放在<table></table>標簽中，一般包含網(wǎng)頁logo和導航等頭部信息。

<tbody></tbody>用于定于表格的主體，在<table></table>標簽中位于thead標簽之后。

<tfoot></tfoot>用于定義表格的底部信息，在<table>中位于tbody標簽之后。

2.5表格的標題

<caption>表格標題</caption>用于定義表格的標題，緊跟table標簽之后，在表格之上居中顯示，一般情況下一個表格只允許寫一個標題。

3、表單標簽

一個完整的表單通常由：表單控件（表單元素）、提示信息和表單域3個部分；

表單控件：包含了具體的表單功能項。如常見的單文本輸入框、密碼輸入框、復選框、提交按鈕。重置按鈕等。

提示信息：一個表單中通常還需要包含一些說明性的文字，提示用戶進行填寫和操作。

表單域：用來容納所有表單控件和提示信息，可以通過它定義處理變淡數(shù)據(jù)所用程序的URL地址，以及數(shù)據(jù)提交到服務前的方法，如果不定義表單域，表單中的數(shù)據(jù)就無法傳送到后臺服務器。

常見的表單標簽如下所示：

3.1input 控件

input常用的屬性有：type,name,value,size,checked,maxlength等。

不同的type值對應的input的功能各不相同。

type類型的羅列以及說明：

（1）type="text"單行文本輸入框，如我們常見的用戶名輸入框

（2）type="password"密碼輸入框

（3）type="radio"單選框，若要設置單選框，這需要設置相同的name名

（4）type="checkbox"復選框，一組選項的name須相同，這是已選中項checked="checked"

（5）type="button"普通按鈕

（6）type="submit"提交按鈕

（7）type="reset"重置按鈕

（8）type="image"圖像形式的提交按鈕

（9）type="file"文件域

input 控件的其他屬性：

name:控件的名稱，由用戶自己定義

value：input控件中的默認文本值，由用戶自定義

size：input控件在頁面中顯示的寬度，正整數(shù)

checked：checked=“checked”用于定義選擇控件默認被選中的項

maxlength：定義控件允許輸入的最多字符數(shù)