HTML超文本標(biāo)記語言(Hyper Text Markup Language)幸乒，是用來描述網(wǎng)頁內(nèi)容的一種語言垃它，HTML文檔也就是網(wǎng)頁迁霎，Web瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁形式顯示它們妻导，瀏覽器不會(huì)顯示HTML標(biāo)簽逛绵，而是使用標(biāo)簽來解釋頁面的內(nèi)容。
HTML標(biāo)簽
用以表達(dá)頁面內(nèi)容及結(jié)構(gòu)倔韭。
HTML用來描述網(wǎng)頁的被稱之為HTML標(biāo)簽，HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞瓢对，頁面上的所有元素都是由各種標(biāo)簽組成寿酌，HTML標(biāo)簽一般是成對(duì)出現(xiàn)的，比如<p>和</p>有些標(biāo)簽是沒有結(jié)束標(biāo)簽的硕蛹，稱為“單標(biāo)簽”醇疼，比如<br/>硕并，在HTML5的時(shí)代，不再推崇加 ‘/’ 閉合的方式秧荆。HTML標(biāo)簽對(duì)大小寫步敏感倔毙，但提倡使用小寫。
HTML 屬性
提供有關(guān)HTML元素的更多信息乙濒。
以鍵值對(duì)形式出現(xiàn)陕赃，在HTML元素的開始標(biāo)簽中規(guī)定，一個(gè)元素可以有多個(gè)屬性颁股，且屬性名和屬性值對(duì)大小寫不敏感么库。屬性值可以不使用引號(hào)，當(dāng)值里有空格等特殊符號(hào)的時(shí)候甘有，需要雙引號(hào)或單引號(hào)引起诉儒，但是不建議不是用引號(hào)。
常用屬性：
- class：規(guī)定元素的類名
- id：規(guī)定元素的唯一 id
- style：規(guī)定元素的行內(nèi)樣式
- title：規(guī)定元素的額外信息
- align：規(guī)定對(duì)齊方式的附加信息
- bgcolor：規(guī)定背景顏色
HTML 注釋
<!--單行注釋-->
<!--
多行注釋
balabala
-->
一個(gè)網(wǎng)頁的組成
<!DOCTYPE html>
<html>
<head>
</head>
<body>
這里是<p>顯示內(nèi)容</p>
</body>
</html>
-
<!DOCTYPE >必須是HTML文檔的第一行亏掀。聲明不是 HTML 標(biāo)簽忱反；它是指示 web 瀏覽器關(guān)于頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。 -
<html></html>用來包住所有HTML標(biāo)簽滤愕，包含<head></head>和<body></body>兩部分 -
<head></head>是網(wǎng)頁的頭部信息缭受，是瀏覽器中每一個(gè)標(biāo)簽頁的名字 -
<body></body>是頁面上要顯示的內(nèi)容
head里的標(biāo)簽
meta, link, script, title，style
- title：定義文檔的標(biāo)題该互。title對(duì)于搜索引擎優(yōu)化很重要米者。
- meta：可提供有關(guān)頁面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞宇智。
<meta name="keywords" content="HTML,CSS,Javascript,在線編程,在線學(xué)習(xí)">
再比如蔓搞，規(guī)定瀏覽器用什么編碼來解析這個(gè)html頁面。例如随橘，中文亂碼可以通過以下語句設(shè)置所用的字符集為utf-8：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- script：定義客戶端腳本
- link：定義文檔與外部資源之間的關(guān)系喂分，常用來引入css
- style：定義樣式信息
body里的標(biāo)簽
body里的標(biāo)簽就太多了，主要分為幾類:
文字相關(guān)類：
- h：定義標(biāo)題1到標(biāo)題6机蔗，h1,h2,h3,h4,h5,h6蒲祈，文字大小一次減小
- p：html段落
- a：html鏈接，href屬性中指定鏈接地址萝嘁，target屬性定義被鏈接的文檔在何處顯示
- b, strong：定義粗體文字
- em, i：定義內(nèi)容為斜體
- q：定義短引用梆掸，瀏覽器通常會(huì)為 <q> 元素包圍引號(hào)。
- blockquote：定義長引用牙言，瀏覽器通常會(huì)對(duì) blockquote 元素進(jìn)行縮進(jìn)處理
- abbr：定義縮寫或首字母縮略語酸钦，對(duì)縮寫進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜索引擎提供有用的信息咱枉。
圖像類
- img：空標(biāo)簽卑硫，src屬性的值是圖像的 URL 地址徒恋，alt屬性用來為圖像定義一串預(yù)備的可替換的文本
表格類
- table：定義表格，border屬性定義邊框欢伏，默認(rèn)不顯示邊框
- tr：定義表格行入挣，大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本
- td：定義表格列，<td> </td>表示空單元格
列表類
- ul：無序列表
- ol：有序列表
- li：列表項(xiàng)
表單類
- form：定義HTML表單硝拧，action屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作
- input：根據(jù)type屬性径筏，可以是文本(text)、單選按鈕(radio)河爹、復(fù)選框(checkbox)匠璧、提交按鈕(submit)、密碼(password)咸这、按鈕(button)等
- fieldset：組合表單中相關(guān)數(shù)據(jù)夷恍，<legend>為<fieldset>元素定義標(biāo)題
- select：定義下拉列表，<option>定義待選擇的選項(xiàng)
- textarea：多行文字輸入域
代碼類
- code：定義編程代碼示例媳维，不保留多余的空格和折行
- pre：解決code不保留多余的空格和折行酿雪，用
<pre>元素包圍代碼
其它類
- hr：
標(biāo)簽在HTML頁面中創(chuàng)建水平線 - br：
在不產(chǎn)生一個(gè)新的段落情況下?lián)Q行
以上指列出了使用頻率較高的標(biāo)簽，更多標(biāo)簽和屬性見W3School
HTML<div>和<span>
<div>標(biāo)簽可以將網(wǎng)頁分割成不同的侄刽、清晰的指黎、獨(dú)立的局部模塊，然后在不同的模塊中添加內(nèi)容州丹。 這樣使網(wǎng)頁布局結(jié)構(gòu)更加清晰醋安，代碼更加獨(dú)立，代碼修改時(shí)能盡量少地影響到整體頁面墓毒， 所以在網(wǎng)頁開發(fā)中提倡使用<div>標(biāo)簽吓揪。
<div>圖層常見屬性設(shè)置：
- id: 用于標(biāo)識(shí)<div>塊（即<div>標(biāo)簽的名字）
- class: 修飾<div>塊的css樣式組
- position:絕對(duì)定位和相對(duì)定位 (abosolute,relative)
- height:<div>模塊的高度
- width:<div>模塊的寬度
- left:相對(duì)于窗口左邊的位置
- top:相對(duì)于窗口上邊的位置
<div> vs <span>
<div>是塊級(jí)元素，用于組合其他HTML元素的容器所计；<span>是內(nèi)聯(lián)元素柠辞，可用作文本的容器。二者都是為了邏輯分塊主胧，<div>表示一個(gè)單獨(dú)的塊叭首，<span>表示一個(gè)行內(nèi)的塊。
參考資料
html在線驗(yàn)證
html在線格式化代碼
W3School上的HTML基礎(chǔ)教程
Html5新特性
CodeForDream上提供的HTML課程
