前言

這次主要介紹列表標籤、表格和表單

---

一、列表標籤

列表分為有序列表、無序列表和自定義列表，它們都有自己的用法

1.有序列表

<ol type="A,a,1,I,i" start="開始值" reversed(倒序)> 
    <li></li>
</ol>

有序列表的start屬性是從設定的數值開始的，它也可以用reversed屬性設定為倒序

2.無序列表

<ul type="" >
    <li></li>
</ul>

無序列表的type屬性是設定沒一項的專案符號的樣式的，disc(預設屬性 實心圓)、circle(空心圓)、square(方塊)，後面學習了css樣式後還可以把前面的符號變為圖片

3.自定義列表

自定義在我們有需要的時候才回去用到它，一般用到的比較少

<dl> 
    <dt></dt>
    <dd></dd>
</dl>

二、表格

表格的主要作用是按照一定的順序去擺放資料，它由一些單元格組成

<caption>表格標題</caption>
<table>
   <tr>
       <td></td>
       <td></td>
   </tr>
</table>

table有四個主要的屬性，boeder設定表格的邊框，cellspacing設定單元格與單元格之間的距離，cellpadding表示單元格邊框與內容之間的距離，align表格的水平位置。tr表示表格的行，td是單元格，tr中可以設定每一行的高度，但寬度無效，tr中也有align屬性表示每一行內容的水平位置，這裡和table中的不一樣，valign可以調整內容的垂直位置，bgcolor可以設定表格的背景顏色。td和tr的屬性一樣，但在td中可以設定高度，td中有兩個屬性colspan和rowspan，分別表示跨列合併和跨行合併。

三、表單

1.form代表的就是一個表單元素

form中有兩個屬性action和method，前者用於設定表單提交的地址，後者用於設定表單提交的方式’get’顯示傳輸或’post’隱式傳輸。

2.表單控制元件

1.input

input中的type屬性有’text’表示這是一個普通的文字輸入框，'password’表示這是一個密碼輸入框，'radio’表示這是一個單選框，當然有了單選框肯定有核取方塊，'checkbox’就表示核取方塊，'submit’表示提交按鈕，'reset’是重置按鈕，'image’是圖片提交按鈕，'file’表示上傳檔案,'eamil’中若沒有@字元會有提示資訊

<input type="text" placeholder="設定隱藏顯示的文字（滑鼠點選輸入框後消失的文字）" />
<input type="password" />
<input type="radio" name="這裡要用到name屬性去設定單選" />
<input type="checkbox" />
<input type="submit" value="這裡可以設提交的文字"/>
<input type="reset" value="" />
<input type="img" src="" />
...
......

2.文字域

<textarea rows="" cols=""></textarea><!--文字域的大小取決於行數和列數  -->

3.關聯標籤

<lable for=""></lable>
<!--關聯標籤有兩種用法
一是把要關聯的控制元件直接寫在標籤裡
二是給要關聯的標籤一個id 然後通過'for'屬性連線id -->

4.下拉選單

<select name="" id="" multiple="multiple" size="1">
      <option value="">1</option><!--option表示每一項 -->
      <option value="">2</option>
      <option value="">3</option>
      <option value="" selected>4</option>
</select>

multiple設定為multiple表示多選，size是預設的選項數量，selected表示預設選中

---

總結

HTML介紹到這來差不多就沒了，當然還很多標籤沒有介紹到，感興趣的小夥伴也可以多去了解下HTML的其他標籤。