常見標簽
```
<a> 定義超鏈接。
<h1> to <h6> 定義標題 1 到標題 6。
<b> 定義粗體文本。
<button> 定義按鈕。
<hr> 定義水平線。
<br> 插入換行符。
<i> 定義斜體文本。
<label> 定義表單控件的標注。
<div> 定義文檔中的節。
<img> 定義圖像。
<small> 定義小號文本。
<span> 定義文檔中的 section。
<strong> 定義強調文本。
<sub> 定義下標文本。
<sup> 定義上標文本。
<del> 定義刪除文本。
<em> 定義強調文本。
<p> 定義段落。
定義預格式化文本。
<iframe> 定義行內的子窗口（框架）。
<form> 定義表單。
<input> 定義輸入域。
<textarea> 定義 textarea。
<select> 定義可選列表。
<option> 選擇列表
<table> 定義表格。
<caption> 定義表格標題。
<thead> 定義表頭。
<tbody> 定義表格的主體。
<tfoot> 定義表格的腳注。
<th> 定義表頭。
<td> 定義表格單元。
<tr> 定義表格行。
<ul> 定義無序列表。
<ol> 定義有序列表。
<li> 定義列表的項目。
```
屬性
```
style 規定元素的行內 CSS 樣式。
class 規定元素的一個或多個類名（引用樣式表中的類）。
Id 規定元素的唯一 id。
title 規定有關元素的額外信息。
data-自定義
```
事件
```
onblur 元素失去焦點時運行的腳本。
onchange 在元素值被改變時運行的腳本。
Onclick 元素上發生鼠標點擊時觸發。
ondblclick 元素上發生鼠標雙擊時觸發。
```
示例1
```
<!doctype html>
<html>
<head>
<!--設置字符集-->
<meta charset="utf-8" />
<!--瀏覽器的標題-->
<title>title1111</title>
<!--樣式-->
<style type="text/css"></style>
<!--腳本-->
<script type="text/javascript">
function demo_click(e) {
console.error(e, e);
}
</script>
</head>
<body>
<!-- > < -->
>?<
<a title="title" target="_top" href="http://www.baidu.com">baidu</a>
<h1 onclick="demo_click('h1')">h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<h7>h6</h7>
stdb <br />
<hr />
<b onclick="demo_click('b')">content</b>
<button onclick="demo_click('btn')">button</button>
<i title="">i</i>
<label id="">label</label>
<div>jjj</div>
<img style="height:200px;width:200px" src="DJI_0108.JPG" alt="bujianl" />
<small>small</small>
<span>span</span><p>p</p>
<strong>content</strong>
<sub>sub</sub>std<sup>sup</sup>
<del>del</del>
<em>em</em>
int main(){
int i,j;
}
<iframe style="width:100%;height:500px;border:1px solid red" src="iframe.html" frameborder="0"></iframe>
</body>
</html>
```
- - - - - -
示例2
效果
```
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
table {
width: 400px;
height: 400px;
}
table td{
border:1px solid #679454;
}
</style>
</head>
<body>
<table>
<tr>
<td colspan="2">1</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td colspan="2">1</td>
</tr>
</table>
</body>
</html>
```
