標籤：ted 適合 ado style 請求方式 標記 sub ext javascrip
1.<a>標籤，是內聯標籤
href:需要跳轉的網址
2.id屬性：
相當於一個身份證
例如：
設定id屬性
3.列表標籤
<ul>: 無序列表 [type屬性：disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)]
<ol>: 有序列表
<li>:列表中的每一項.
<dl> 定義列表
<dt> 列表標題
<dd> 清單項目
4.表格標籤
表格是一個二維資料空間，一個表格由若干行組成，一個行又有若干儲存格組成，儲存格裡可以包含文字、列表、圖案、表單、數字記號、預置文本和其它的表格等內容。
表格最重要的目的是顯示表格類資料。表格類資料是指最適合組織為表格格式（即按行和列組織）的資料。
表格的基本結構：<table> <tr> <td>標題</td> <td>標題</td> </tr> <tr> <td>內容</td> <td>內容</td> </tr></table>
屬性：
border: 表格邊框.
cellpadding: 內邊距
cellspacing: 外邊距.
width: 像素 百分比.（最好通過css來設定長寬）
rowspan: 儲存格豎跨多少行
colspan: 儲存格橫跨多少列（即合併儲存格）
練習：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td{ text-align: center; #設定置中 } </style></head><body><table border="2px" cellpadding="20px" cellspacing="1px"> <tr> <th colspan="3">星期一菜譜</th> </tr> <tr> <td rowspan="2">素菜</td> <td>清炒茄子</td> <td>花椒扁豆</td> </tr> <tr> <td>清炒茄子</td> <td>花椒扁豆</td> </tr> <tr> <td rowspan="2">葷菜</td> <td>油燜大蝦</td> <td>海參魚翅</td> </tr> <tr> <td>紅燒肉<img src="https://www.baidu.com/img/bd_logo1.png" width="150" height="180"></td> <td>烤全羊</td> </tr></table></body></html>
5.表單標籤：<form>
功能:表單用於向伺服器傳輸資料，從而實現使用者與web伺服器的互動
表單能夠包含input系欄標籤，比如文字欄位、複選框、單選框、提交按鈕等。
表單還可以包含textarea、selsct、filedset、和label標籤
表單屬性：
input標籤（內聯標籤）
<1> 表單類型type: text 文本輸入框 password 密碼輸入框 radio 單選框 checkbox 多選框 submit 提交按鈕 button 按鈕(需要配合js使用.) button和submit的區別？ file 提交檔案：form表單需要加上屬性enctype="multipart/form-data" 上傳檔案注意兩點： 1 請求方式必須是post 2 enctype="multipart/form-data"
<2>name屬性：
對應發送給伺服器的key
name屬性是內建的，不能更改
name: 表單提交項的鍵.
注意和id屬性的區別：name屬性是和伺服器通訊時使用的名稱；
而id屬性是瀏覽器端使用的名稱，該屬性主要是為了方便用戶端編程，而在css和javascript中使用的
value: 表單提交項的值.對於不同的輸入類型，value 屬性的用法也不同：
type="button", "reset", "submit" - 定義按鈕上的顯示的文本
type="text", "password", "hidden" - 定義輸入欄位的初始值
type="checkbox", "radio", "image" - 定義與輸入相關聯的值
checked: radio 和 checkbox 預設被選中
readonly: 唯讀. text 和 password
disabled: 對所用input都好使.
6.select標籤
<select> 下拉選標籤屬性
name:表單提交項的鍵.
size：選項個數
multiple：multiple
<optgroup>為每一項加上分組
<option> 下拉選中的每一項 屬性：
value:表單提交項的值.
selected: selected下拉選預設被選中
7.<textarea> 多行文字框
<form id="form1" name="form1" method="post" action="">
<textarea cols=“寬度” rows=“高度” name=“名稱”>
預設內容
</textarea>
</form>
8.<label>標籤（瞭解）
定義：<label> 標籤為 input 元素定義圖說文字（標記）。
說明：
1 label 元素不會向使用者呈現任何特殊效果。
2 <label> 標籤的 for 屬性值應當與相關元素的 id 屬性值相同
<form method="post" action="">
<label for=“username”>使用者名稱</label>
<input type=“text” name=“username” id=“username” size=“20” />
</form>
9.<fieldset>標籤（瞭解）
<fieldset>
<legend>登入吧</legend>
<input type="text">
</fieldset>
HTML常用標籤3
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
