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