學習01-html表格，表單，列表

表格

表格的構成：表格由<table>標籤來定義表頭爲<th>，行爲<tr>，列爲<td>。

表格的標題標籤：<caption>.。

表格的基本屬性：

屬性	含義	經常使用屬性值
border	表格的邊框，默認border=「0」無邊框	像素px
width	表格的寬度	像素px
height	表格的高度	像素px
cellspacing	設置單元格與單元格邊框之間的空白間距	像素px，默認2px
align	設置表格在網頁中的水平對其方式	left，center，right
rowspan	跨行合併	像素px，默認1px
colspan	跨列合併	像素px，默認1px
border-collapse	單元格邊框重疊部分的去除	collapse

表單

表單的語法：<input/>

屬性	屬性值	描述
type	text	單行文本輸入框
type	radio	單選按鈕
type	password	密碼輸入框
type	checkbox	複選框
type	button	普通按鈕
type	submit	提交按鈕
type	reset	重置按鈕
type	image	圖像按鈕
type	file	文件域
name	由用戶自定義	控件的名稱
value	由用戶自定義	默認文本值
size	正整數	在頁面中顯示寬度
checked	checked	定義控件選中的項
maxlength	正整數	控件容許輸入的最多字符數

表單元素獲取焦點：

第一種：用label直接包括input表單。

例子：<label>焦點:<inputtype="text"></label>

第二種：用for屬性規定label與那個表單元素綁定。

例子：

<labelfor="sex">焦點:</label>

<inputtype="text"id="sex">

文本域

文本域：

<textareaname=""id=""cols="30"rows="10">文本域</textarea>

下拉列表

下拉列表：

<selectname=""id="">

<optionvalue="nex">蘋果</option>

<optionvalue="nex">香蕉</option>

<optionvalue="nex">梨</option>

</select>

form表單

form表單：

<form action="url地址"method="提交方法"name="表單名稱">

各類表單控件

</form>

列表

有序列表：

<ol>

<li></li>

</ol>

無序列表：

<ul>

<li></li>

</ul>

自定義列表：

<dl>

<dt></dt>

<dd></dd>

</dl>