1.列表
列表的種類主要有三種:無序列表托修,有序列表,和自定義列表
1.1無序列表(使用較多)
無序列表的個列表之間沒有順序級別之分,是并列的關(guān)系漾岳,其語法結(jié)構(gòu)為:
無序列表常被用來與超鏈接a一起制作導(dǎo)航條狸臣,新聞等莹桅;
1.2 有序列表ol
有序列表之間的個列表是按照一定的順序進行排列的,其語法格式如下:
1.3自定義列表
自定義列表常用于對術(shù)語或名詞進行解釋和描述烛亦,定義列表的列表項前沒有任何項目符號诈泼,其語法格式如下:
注:自定義列表主要用于網(wǎng)頁底部一部分的設(shè)計懂拾。
2、表格table
在網(wǎng)頁中想要創(chuàng)建表格厂汗,就需要使用表格相關(guān)的標簽委粉,創(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)單元格內(nèi)容與單元格邊框之間的距離:cellpadding菩混,默認為1像素忿墅;
(4)表格的寬度:width
(5)表格的高度:Height
(6)表格中文本的對齊方式:align 其屬性值有:left,center,right?
2.3表頭標簽
表頭一般位于表格的第一行或則第一列,其文本加粗居中沮峡,設(shè)置表頭只需將表頭的標記<th></th>替代相應(yīng)的單元格標記<td></td>.
2.4表格結(jié)構(gòu)
在使用表格進行布局時疚脐,可以將表格劃分為頭部,主體和底部邢疙,具體結(jié)構(gòu)如下:
<thead></thead>用于定義表格的頭部棍弄,必須放在<table></table>標簽中,一般包含網(wǎng)頁logo和導(dǎo)航等頭部信息疟游。
<tbody></tbody>用于定于表格的主體呼畸,在<table></table>標簽中位于thead標簽之后。
<tfoot></tfoot>用于定義表格的底部信息颁虐,在<table>中位于tbody標簽之后蛮原。
2.5表格的標題
<caption>表格標題</caption>用于定義表格的標題,緊跟table標簽之后另绩,在表格之上居中顯示儒陨,一般情況下一個表格只允許寫一個標題。
3板熊、表單標簽
一個完整的表單通常由:表單控件(表單元素)框全、提示信息和表單域3個部分;
表單控件:包含了具體的表單功能項干签。如常見的單文本輸入框津辩、密碼輸入框、復(fù)選框、提交按鈕喘沿。重置按鈕等闸度。
提示信息:一個表單中通常還需要包含一些說明性的文字,提示用戶進行填寫和操作蚜印。
表單域:用來容納所有表單控件和提示信息莺禁,可以通過它定義處理變淡數(shù)據(jù)所用程序的URL地址,以及數(shù)據(jù)提交到服務(wù)前的方法窄赋,如果不定義表單域哟冬,表單中的數(shù)據(jù)就無法傳送到后臺服務(wù)器。
常見的表單標簽如下所示:
3.1input 控件
input常用的屬性有:type,name,value,size,checked,maxlength等。
不同的type值對應(yīng)的input的功能各不相同。
type類型的羅列以及說明:
(1)type="text"單行文本輸入框叉谜,如我們常見的用戶名輸入框
(2)type="password"密碼輸入框
(3)type="radio"單選框,若要設(shè)置單選框翰灾,這需要設(shè)置相同的name名
(4)type="checkbox"復(fù)選框,一組選項的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ù)