初識Html(二)
表格標簽:
<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>密 碼:<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(二)