14-5-14教育訓練日記

<table>  </table>

<tr>表示一行

<th>标題

<td>表格裡的一格

<td> 标簽定義 HTML 表格中的标準單元格。

HTML 表格有兩類單元格：

表頭單元 - 包含頭部資訊（由 th 元素建立）

标準單元 - 包含資料（由 td 元素建立）

td 元素中的文本一般顯示為正常字型且左對齊。

border="1"邊框

cellspacing="3"  單元格間距

cellpadding="5"元素内邊距（内容和邊框的距離）

<colspan=”2”>  行合并占用兩個單元格。

<rowspan=”3”>  列合并占用3個單元格

 table屬性：

pixels

規定表格邊框的寬度。

%

規定單元邊沿與其内容之間的空白。

規定單元格之間的空白。

void

above

below

hsides

lhs

rhs

vsides

box

border

規定外側邊框的哪個部分是可見的。

none

groups

rows

cols

all

規定内側邊框的哪個部分是可見的。

text

規定表格的摘要。

規定表格的寬度。

<table border="1" width="500" cellspacing="1" bgcolor="#999999" cellpadding="5">

<tr>

<th scope="col">第一列</th>

 <th scope="col">第二列</th>

</tr>

<td bgcolor="#FFFFFF"> row 1, cell 1</td><!---->

<td bgcolor="#FFFFFF"> row 2, cell 2</td>

<td bgcolor="#FFFFFF"><a href="ww.baidu.com" title="這是個吟唱标題" target="_blank"> row 2, cell 2</a></td>

   </tr>

 <tr>

<td bgcolor="#FFFFFF"> 這是個清單

<ul>

<li>清單1</li>

  <li>清單2</li>

<li>清單3</li>

  </ul>

  </td>

  <td bgcolor="#FFFFFF">HELLO</td>

  </tr>

</table>

form表單

屬性

值

描述

accept

MIME_type

HTML 5 中不支援。

charset_list

規定伺服器可處理的表單資料字元集。

URL

規定當送出表單時向何處發送表單資料。

on

off

規定是否啟用表單的自動完成功能。

見說明

規定在發送表單資料之前如何對其進行編碼。

get

post

規定用于發送 form-data 的 HTTP 方法。

form_name

規定表單的名稱。

novalidate

如果使用該屬性，則送出表單時不進行驗證。

_blank

_self

_parent

_top

framename

規定在何處打開

<form action=”test.html”  method=”post” enctype=”multipart/form-data” target=”_blank”></form> 表單。

<form>

賬号：<inputtype="text" name="zhanghao"><br/>   文本框

密碼：<inputtype="password" name="mima">     密碼框

<br/>

<input name="sex"type="radio">男選擇按鈕

<input name="sex" type="radio">女

<input name="sex"type="radio">不告訴你

<select multiple>

<option>北京</option>   下拉多選框

<option>上海</option>

<option>天津</option>

<option>武漢</option>

<option>桂林</option>

</select>

<select>

<option>北京</option>   下拉框

<input name="aihao[]"type="checkbox" />遊泳多選框

<input name="aihao[]"type="checkbox" />旅遊

<input name="aihao[]"type="checkbox" />看書

<input type="file" />    上傳按鈕

<input type="button"value="button" />    空按鈕

<input type="hidden"name="" /><!--隐藏-->

<input type="image"src="images/262205494914.jpg" />  圖檔域

<br>

<input type="submit" />   送出按鈕

<input type="reset" />     重置按鈕

</form>

本文出自 “” 部落格，請務必保留此出處