1. 文檔結(jié)構(gòu)標簽
用來標識文檔的基本結(jié)構(gòu)
-
<html></html>標識HTML文檔的起始和終止 -
<head></head>標識HTML文檔的頭部區(qū)域 -
<body></body>標識HTML文檔的主體區(qū)域
2. 文本格式標簽
-
<title></title>網(wǎng)頁標題 -
<hi></hi>1-6標題 -
<p></p>段落 -
<pre></pre>預(yù)定義文本 -
<blockquote></blockquote>引用文本
3. 字符格式標簽
-
<b></b>加粗 -
<i></i>斜體 -
<blink></blink>閃爍 -
<big></big>放大 -
<small></small>縮小 -
<sup></sup>上標 -
<sub></sub>下標 -
<cite></cite>引用
4. 列表標簽
-
<ul></ul>無序列表 unordered lists -
<ol></ol>有序列表 ordered lists -
<li></li>list item -
<dl></dl>定義列表 definition lists -
<dt></dt>definition title -
<dd></dd>definition description
5. 鏈接標簽
-
<a></a>超鏈接, 錨點
<a name="helloID">hello</a>
<br>...<br>
<a href="#helloID">toTop</a>
<a href="#btm">跳轉(zhuǎn)到底部</a>
<br>...<br>
<span id="btm">底部</span>
6. 多媒體標簽
-
<img/>圖像 -
<embed></embed>多媒體 -
<object></object>多媒體
7. 表格標簽
-
<table></table>表格 -
<caption></caption>表格標題 -
<th></th>表頭 -
<tr></tr>行 -
<td></td>單元格 table data
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
<style type="text/css">
table {
border-collapse: collapse;
border: none;
width: 400px;
}
</style>
</head>
<body>
<table border=""0>
<caption>課程表</caption>
<tr>
<th> </th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tr>
<td>1~2</td>
<td>數(shù)學(xué)</td>
<td>玩</td>
<td>地理</td>
<td>歷史</td>
<td>玩</td>
</tr>
<tr>
<td>3~4</td>
<td>語文</td>
<td>生物</td>
<td>物理</td>
<td>化學(xué)</td>
<td>玩</td>
</tr>
</table>
</body>
</html>
課程表.png
8. 表單標簽
-
<form></form>表單 -
<input/>文本區(qū)域、按鈕和復(fù)選 -
<textarea></textarea>多行文本框 -
<select></select>下拉列表 -
<option></option>下拉列表中的item
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>formtest</title>
</head>
<body>
<form>
<p>
單行文本: <input type="text" name="textfield" id="textfield">
</p>
<p>
密碼: <input type="password" name="passwordfield" id="passwordfield">
</p>
<p>
多行文本: <textarea id="textareafield" name="textareafield"></textarea>
</p>
<p>
復(fù)選框:
<input type="checkbox" name="checkbox1"> 妞妞
<input type="checkbox" name="checkbox2"> 端午
</p>
<p>
單選框:
<input type="radio" name="radio1" value=""> 馬甲
<input type="radio" name="radio2" value=""> 端霸妞妹
</p>
<p>
下拉菜單:
<select>
<option value="a">a</option>
<option value="b">b</option>
</select>
</p>
<p>
按鈕: <input type="submit" name="button" id="button" value="提交">
</p>
</form>
</body>
</html>
form.png
原諒風(fēng)格如此原始狂野不羈↗?
附上Html標簽中英文轉(zhuǎn)換表：
Html標簽中英文轉(zhuǎn)換表.png
