1. 程式人生 > >初識Html(二)

初識Html(二)

radio apt 分享圖片 信息 分享 src NPU 用戶名 bsp

表格標簽:

<table>   </table>

表頭標簽:

<th>   </th>  第一自動加粗,第二自動居中。在單元格內做調整

行標簽 :

<tr>  </tr>

單元格標簽:

<td>  </td>

表格的頭:

<thead> </thead> 用於存表格的表頭

表格的主體:

<tbody></tbody>

表格的屬性:

技術分享圖片

Border(表格的邊框)、cellpadding(單元格內容與單元格邊框之間的空白間距)、cellspacing(單元格與單元格邊框之間的空白間距)一般情況下這三個參數的值為0.

caption設置表格標題:

1 <caption> 標題 </caption>
2 
3 將表格標題設置成居中,
4 
5 <table>
6 
7     <caption>表格的標題</caption>
8 
9 </table>

每個表格只能定義一個標題,這個標題通常放在表格的最上邊。

合並單元格:

跨行合並rowspan 跨列合並 colspan

跨行合並rowspan 跨列合並 colspan

合並單元格的思想:

將多個單元格合並時,就會有多余的東西,這個時候要把它刪除,eg:把三個<td></td>合並時,就多出了兩個<td></td>,要刪除。

公式是:

刪除的個數=合並的個數-1

刪除的是合並後多余出來的單元格。(要明白哪些單元格是合並後多余出來的單元格!)

合並的順序是:

先上,先左。

Input 表單:

一個完整的表單通常由:表單控件(表單元素)、表單域、提示信息

Input標簽:輸入的意思 <input />是個單標簽

表單的作用是收集用戶信息。

radio屬性:

如果是一組我們必須為它們附上相同的名字 name,這樣就可以多個當中選其中一個了

只要是一組就應該附上相同的名字。

上傳頭像可以用<tapy=”file”>來做。

eg:<tr>

                <
td>性別</td> <td><input type="radio" name ="sex"></td> <td><input type="radio" name ="sex"></td> </tr>

input控件的常用屬性:

技術分享圖片

<lable></lable>標簽:

用於綁定一個表單元素,點擊lable標簽的時候,被綁定的表單元素就會獲得輸入焦點

Eg:

<label>用戶名:<input type="text" /></label>

    <br />

<label>&nbsp碼:<input type="text" /></label>

lable標簽中的for屬性與id表單屬性綁定

點擊“用戶名”,光標就會在文本框中顯示。

<lable for=”male”>Male</lable>

<input type=”radio” name=”sex” id=”male” value=”male”>

textarea文本域:

text:

只可以輸入一行文字,不可以換行

如果需要多行輸入大量的信息,需要用到<textarea></textarea>標簽,

語法格式如下:

<textarea cols=”每行中的字符數” rows=“顯示的行數”>

</textarea>

初識Html(二)