HTML基礎
HTML（Hyper Text Markup language）超文本標記語言。html是一種基礎技術，常與CSS、Javascript一起被眾多網站用于設計賞心悅目的網頁、網頁應用程序、以及移動應用程序的用戶界面。html使用標記標簽來描述網頁。
html標簽通常成對出現，是由< >包圍的關鍵詞，前面的表示開始標簽，后面的表示結束標簽。例如"< p >"和"< /p > ".
瀏覽器的作用是解釋標簽，而不顯示標簽。
例如：
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
下面介紹基本的html標簽：
- html主體：
<body>所有網頁內容</body>
- html標題：
<h1>一級標題</h1>
<h2>二級標題</h2>
…….
<h6>六級標題<h6>```
* html段落：
<p>段落。</p>```
- html鏈接：
<a >谷歌搜索</a>
<a href="https://www.google.com/ target = "_blank"">谷歌搜索</a>
<!-- target = "_blank"定義該鏈接在新窗口中顯示 -->
點擊這里,查看更多內容。
- html圖像：
點擊這里，查看更多內容。
- html水平線：
<hr />
- html注釋：
<!-- 注釋的內容 -->
- html折行：
用于在不打算產生新段落的情況下換行。
<p>第一行<br />第二行<br />第三行<br />第四行</p>```
注：在編輯html語言時，瀏覽器在顯示時會自動過濾掉源代碼中的空格以及換行符。
* html樣式：
<html>
<body style = "background-color:yellow">
<h1 style = "text-align:center;font-family:arial;color:red;font-size:20px;">標題</h1>
</body>
</html>
點擊[這里](http://www.w3school.com.cn/html/html_formatting.asp)，查看更多的文本格式化標簽。
* html表格：
<table border = "1">
<caption>標題</caption>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
注：此處table border = "1"是給表格設置邊框。tr是指表格的行。td是指每一個元素。
點擊[這里](http://www.w3school.com.cn/html/html_tables.asp)，查看更多的表格標簽。
* html列表：
無序列表：
<ul>
<li>100</li>
<li>200</li>
</ul>
有序列表：
<ol>
<li>100</li>
<li>200</li>
</ol>
定義列表：
<dl>
<dt>定義項目</dt>
<dd>定義的描述</dd>
<dt>紅色</dt>
<dd>一種常見的顏色</dd>
<dl>
點擊[這里](http://www.w3school.com.cn/html/html_lists.asp)，查看更多內容。
* html塊
<div></div>用來定義文檔中的分區或節。
<span></span>用來組合行內元素。
* html布局
參見[這里](http://www.w3school.com.cn/html/html_layout.asp)。
**參考資料**：[W3school](http://www.w3school.com.cn/)（感謝polo助教）。
爬蟲入門課。