什么是 HTML?
HTML 是用來描繪網(wǎng)頁的一種言語。
HTML 指的是超文本符號(hào)言語 (Hyper Text Markup Language)
HTML 不是一種編程言語,而是一種符號(hào)言語(markup language)
符號(hào)言語是一套符號(hào)標(biāo)簽(markup tag)
HTML 運(yùn)用符號(hào)標(biāo)簽來描繪網(wǎng)頁
HTML 標(biāo)簽
HTML 符號(hào)標(biāo)簽一般被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 文檔描繪網(wǎng)頁
HTML 文檔包括 HTML 標(biāo)簽和純文本
HTML 文檔也被稱為網(wǎng)頁
HTML 標(biāo)簽是由尖括號(hào)圍住的關(guān)鍵詞,比方
HTML 標(biāo)簽一般是成對呈現(xiàn)的,比方 和

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