什么是 HTML？
HTML 是用來(lái)描繪網(wǎng)頁(yè)的一種言語(yǔ)。
HTML 指的是超文本符號(hào)言語(yǔ) (Hyper Text Markup Language)
HTML 不是一種編程言語(yǔ)，而是一種符號(hào)言語(yǔ)(markup language)
符號(hào)言語(yǔ)是一套符號(hào)標(biāo)簽(markup tag)
HTML 運(yùn)用符號(hào)標(biāo)簽來(lái)描繪網(wǎng)頁(yè)
HTML 標(biāo)簽
HTML 符號(hào)標(biāo)簽一般被稱(chēng)為 HTML 標(biāo)簽 (HTML tag)。
HTML 文檔描繪網(wǎng)頁(yè)
HTML 文檔包括 HTML 標(biāo)簽和純文本
HTML 文檔也被稱(chēng)為網(wǎng)頁(yè)
HTML 標(biāo)簽是由尖括號(hào)圍住的關(guān)鍵詞，比方
HTML 標(biāo)簽一般是成對(duì)呈現(xiàn)的，比方 和
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)端標(biāo)簽，第二個(gè)標(biāo)簽是完畢標(biāo)簽
開(kāi)端和完畢標(biāo)簽也被稱(chēng)為敞開(kāi)標(biāo)簽和閉合標(biāo)簽
HTML 文檔 = 網(wǎng)頁(yè)
HTML修改器
咱們能夠運(yùn)用專(zhuān)業(yè)的 HTML 修改器來(lái)修改 HTML：
Adobe DreamweaverMicrosoft Expression WebCoffeeCup HTML Editor
下面咱們用記事原本制造一個(gè)簡(jiǎn)略的網(wǎng)頁(yè):
第一步，翻開(kāi)記事本
怎么發(fā)動(dòng)記事本：
開(kāi)端
一切程序
附件
記事本
第二步，在記事本中修改HTML言語(yǔ)，如圖:
第三步，保存 HTML
在記事本的文件菜單挑選“另存為”。
當(dāng)您保存 HTML 文件時(shí)，既能夠運(yùn)用 .htm 也能夠運(yùn)用 .html 擴(kuò)展名。
第四步，在瀏覽器中運(yùn)轉(zhuǎn)這個(gè) HTML 文件
發(fā)動(dòng)您的瀏覽器，然后挑選“文件”菜單的“翻開(kāi)文件”指令，或許直接在文件夾中雙擊您的 HTML 文件。
成果應(yīng)該相似這樣：
這樣，一個(gè)簡(jiǎn)略的網(wǎng)頁(yè)就成了。
HTML代碼-標(biāo)題
網(wǎng)頁(yè)制造時(shí)用什么來(lái)表明標(biāo)題呢？下面咱們來(lái)看看:
HTML 標(biāo)題
標(biāo)題（Heading）是經(jīng)過(guò) - 等標(biāo)簽進(jìn)行界說(shuō)的。
界說(shuō)最大的標(biāo)題。 界說(shuō)最小的標(biāo)題。
注釋?zhuān)簽g覽器會(huì)自動(dòng)地在標(biāo)題的前后增加空行。
注釋?zhuān)耗S情況下，HTML 會(huì)自動(dòng)地在塊級(jí)元素前后增加一個(gè)額定的空行，比方階段、標(biāo)題元素前后。
HTML代碼—水平線
HTML 水平線
標(biāo)簽在 HTML 頁(yè)面中創(chuàng)立水平線。
hr 元素可用于分隔內(nèi)容。
提示：運(yùn)用水平線 ( 標(biāo)簽) 來(lái)分隔文章中的末節(jié)是一個(gè)方法（但并不是僅有的方法）。
HTML代碼—注釋
HTML 注釋
能夠?qū)⒆⑨尨踢M(jìn) HTML 代碼中，這樣能夠進(jìn)步其可讀性，使代碼更易被人了解。瀏覽器會(huì)疏忽注釋?zhuān)膊粫?huì)顯現(xiàn)它們。
注釋是這樣寫(xiě)的：
注釋?zhuān)洪_(kāi)端括號(hào)之后（左面的括號(hào)）需求緊跟一個(gè)嘆號(hào)，完畢括號(hào)之前（右邊的括號(hào)）不需求。
提示：合理地運(yùn)用注釋能夠?qū)ξ磥?lái)的代碼修改工作發(fā)生協(xié)助。
HTML代碼—階段
HTML 階段
階段是經(jīng)過(guò)
標(biāo)簽界說(shuō)的。
注釋?zhuān)簽g覽器會(huì)自動(dòng)地在階段的前后增加空行。（
是塊級(jí)元素）
提示：運(yùn)用空的階段符號(hào)
去刺進(jìn)一個(gè)空行是個(gè)壞習(xí)慣。用 標(biāo)簽替代它?。墒遣灰?nbsp; 標(biāo)簽去創(chuàng)立列表。不要著急，您將在稍后的篇幅學(xué)習(xí)到 HTML 列表。）
HTML代碼-折行
折行有什么用呢？
當(dāng)然折行的首要意圖是調(diào)整網(wǎng)頁(yè)布局，讓它看起來(lái)更美觀大方。
如果您期望在不發(fā)生一個(gè)新階段的情況下進(jìn)行換行（新行），請(qǐng)運(yùn)用 標(biāo)簽：
元素是一個(gè)空的 HTML 元素。因?yàn)榉忾]標(biāo)簽沒(méi)有任何含義，因而它沒(méi)有完畢標(biāo)簽。
HTML款式-布景色彩
background-color 特點(diǎn)為元素界說(shuō)了布景色彩：
This is a headingThis is a paragraph.
HTML款式-字體、色彩和尺度
font-family、color 以及 font-size 特點(diǎn)別離界說(shuō)元素中文本的字體系列、色彩和字體尺度：
A headingA paragraph.
HTML款式-文本對(duì)齊
text-align 特點(diǎn)規(guī)則了元素中文本的水平對(duì)齊方法。
下面咱們看看中，右，左的三種對(duì)齊方法演示:
HTML引證
1.HTML 元素界說(shuō)短的引證。
瀏覽器一般會(huì)為 元素圍住引號(hào)。
2.用于長(zhǎng)引證的 HTML
HTML 元素界說(shuō)被引證的節(jié)。
瀏覽器一般會(huì)對(duì) 元素進(jìn)行縮進(jìn)處理。
HTML超鏈接
什么是超鏈接？超鏈接就是從一個(gè)頁(yè)面到另一個(gè)頁(yè)面之間跳轉(zhuǎn)的方法。
超鏈接能夠是一個(gè)字，一個(gè)詞，或許一組詞，也能夠是一幅圖畫(huà)，您能夠點(diǎn)擊這些內(nèi)容來(lái)跳轉(zhuǎn)到新的文檔或許當(dāng)時(shí)文檔中的某個(gè)部分。
當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁(yè)中的某個(gè)鏈接上時(shí)，箭頭會(huì)變?yōu)橐恢恍∈帧?br>咱們經(jīng)過(guò)運(yùn)用 標(biāo)簽在 HTML 中創(chuàng)立鏈接。
有兩種運(yùn)用 標(biāo)簽的方法:
經(jīng)過(guò)運(yùn)用 href 特點(diǎn) - 創(chuàng)立指向另一個(gè)文檔的鏈接經(jīng)過(guò)運(yùn)用 name 特點(diǎn) - 創(chuàng)立文檔內(nèi)的書(shū)簽Visit Baidu
上面這行代碼顯現(xiàn)為：Visit Baidu
點(diǎn)擊這個(gè)超鏈接會(huì)把用戶(hù)帶到 Baidu 的主頁(yè)。
提示：\"鏈接文本\" 不用一定是文本。圖片或其他 HTML 元素都能夠成為鏈接。
鏈接特點(diǎn)
運(yùn)用 Target 特點(diǎn)，你能夠界說(shuō)被鏈接的文檔在何處顯現(xiàn)。
專(zhuān)注于SEO培訓(xùn)，快速排名黑帽SEO https://www.heimao.wiki