首頁 > 開發者 > JavaScript
web開發中比較常用的html標籤，web開發標籤
作為一名web開發人員，總結了一下經常用到的html標籤，如下：
<html><head><!--meta頭標籤 表示頁面三秒後跳轉到新浪頁面--><meta charset="utf-8" http-equiv="refresh" content="3;url=http://www.sina.com"/><title></title></head><body><!--dl標籤示範--><dl><dt>上層項目</dt><dd>下層項目</dd><dd>下層項目</dd><dd>下層項目</dd><dd>下層項目</dd><dd>下層項目</dd><dd>下層項目</dd></dl>
樣本：
<!--ol標籤示範--><ol type="i" start="3"><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li></ol>
<!--ul標籤示範--><ul type="square" ><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li><li>abcdefghijklmnopqrstuvwxyz</li></ul><!--img標籤示範--><img src="img/42.jpg" alt="游標移動到圖片上的解說文字" height="200" width="200"/><!--table標籤示範--><table border="1" cellspacing="0" cellpadding="10" width="70%"><caption>表格標題</caption><tr><th>儲存格一</th> <!-- <th>是綜合標籤 置中加粗 --><th>儲存格二</th></tr><tr><td align="center"><b>儲存格三</b></td><td>儲存格四</td></tr><!--合併儲存格示範--><tr><td colspan="2">adqw</td><!--<td>asda</td>--></tr><tr><td rowspan="2">asdsa</td><td>asfd</td></tr><tr><!--<td>asfd</td>--><td>asdd</td></tr></table><hr /><!-- form表單標籤示範 --> <fieldset><!--地區框--> <legend>註冊地區</legend> <form action="#" method="post"> <label accesskey="U" for="userid">使用者名稱(U)：</label> <input type="text" name="user" id="userid"/><br /> 密碼:<input type="password" name="pass" /><br /> 性別:<input type="radio" name="sex" value="man" />男 <input type="radio" name="sex" value="woman" />女<br /> 特長:<input type="checkbox" name="tech" value="java" />java <input type="checkbox" name="tech" value="html" />html <input type="checkbox" name="tech" value="javaweb" />web<br /> 上傳檔案:<input type="file" /><br /> <select name="country"> <option value="none">--請選擇一個國家--</option> <option value="cn">中國</option> <option value="usa">美國</option> <option value="en">英國</option> </select><br /> <input type="submit" value="提交" /> <input type="reset" value="重設" /> <input type="image" src="img/42.jpg" height="200" width="300"/> <!--type="image"這個屬性可以替代submit屬性--> </form> </fieldset>
<!--表格的另一種展示--> <table border="1"><thead><tr><th>Month</th><th>Savings</th></tr></thead><tfoot><tr><td>Sum</td><td>$180</td></tr></tfoot><tbody><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></tbody></table>
</body> </html>
附加說明：form表單提交的method有兩種形式 get和post，區別在於：
在伺服器端的區別是：
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
