HTML基本概念

。HTML文件可支持很多種標(biāo)識(shí)符，學(xué)習(xí)HTM L語(yǔ)言實(shí)際上就是學(xué)習(xí)這些各種各樣的標(biāo)識(shí)符。

大多數(shù)的標(biāo)識(shí)符都是成對(duì)出現(xiàn)的，包括開(kāi)始標(biāo)識(shí)符和結(jié)束標(biāo)識(shí)符，它們定義了標(biāo)識(shí)符所影響的范圍，它們的區(qū)別是結(jié)束標(biāo)識(shí)符比開(kāi)始標(biāo)識(shí)符多了一個(gè)斜線，如學(xué)習(xí)將以粗體顯示文字“學(xué)習(xí)”而不影響開(kāi)始標(biāo)識(shí)符和結(jié)束標(biāo)識(shí)符以外的文字。有一些標(biāo)識(shí)符只有單一的標(biāo)識(shí)符號(hào)，例如，換行標(biāo)識(shí)符.
許多標(biāo)識(shí)符包括有一些屬性，它們對(duì)標(biāo)識(shí)符作用的內(nèi)容進(jìn)行更詳細(xì)的控制。如字體標(biāo)識(shí)符的字號(hào)屬性指定文字的大小，顏色屬性指定文字的顏色，例如:
< FONT SIZE = 3 COLOR= green.>本行字字體為3號(hào)字，顏色為綠色。< /FONT>
HTML的標(biāo)識(shí)符不區(qū)分大小寫(xiě)，但為了便于HTML文檔的維護(hù)和醒目，通常使用大寫(xiě)標(biāo)識(shí)符。

HTML的注釋由開(kāi)始標(biāo)識(shí)符構(gòu)成，這兩個(gè)標(biāo)識(shí)符之間的內(nèi)容都被瀏覽器解釋為注釋，因而不在瀏覽器中顯示。

2.HTML語(yǔ)法結(jié)構(gòu)

一個(gè)Web頁(yè)對(duì)應(yīng)一個(gè)HTML文件，HTML文檔的基本結(jié)構(gòu)由文檔開(kāi)始和結(jié)束標(biāo)記、首部標(biāo)記、正文標(biāo)記組成。

(1)文檔開(kāi)始和結(jié)束標(biāo)記和

和是HTML文檔的第一個(gè)和最后一個(gè)標(biāo)識(shí)符，HTML文檔的全部?jī)?nèi)容在這兩個(gè)標(biāo)識(shí)符之中，這兩個(gè)標(biāo)識(shí)符告訴瀏覽器該文件為一個(gè)Web頁(yè)。

(2)首部標(biāo)記和

首部標(biāo)記和位于Web頁(yè)的開(kāi)頭，但不包括Web頁(yè)的實(shí)際內(nèi)容，用做設(shè)置網(wǎng)頁(yè)的標(biāo)題(Title)、定義樣式表(CSS)或插人腳本(Script)等。其中，最常用的標(biāo)識(shí)符是標(biāo)題標(biāo)識(shí)符 ，用于定義網(wǎng)頁(yè)的標(biāo)題，所定義的標(biāo)題在瀏覽器窗口標(biāo)題欄中顯示。

(3)正文標(biāo)一記和

正文標(biāo)記和包含Web頁(yè)的內(nèi)容，正文里包含文字、圖片、鏈接、表格等。

HTML文檔的基本結(jié)構(gòu)如下:
一一一一一一一一一一一一一一一一一一一文檔起始標(biāo)識(shí)符
一一一一一一一一一一一一一一一一首部起始標(biāo)識(shí)符
一一一一一一一一一一一一標(biāo)題結(jié)束標(biāo)識(shí)符
一一一一一一一一一一一一一一一首部結(jié)束標(biāo)識(shí)符

一一一一一一一一一一一一一一一正文起始標(biāo)識(shí)符
正文一一一一一一一一一一一一一一一正文結(jié)束標(biāo)識(shí)符
一一一一一一一一一一一一一一一文檔結(jié)束標(biāo)識(shí)符

3.HTML文件編輯

制作與編輯HTM L文件，最簡(jiǎn)單的方式就是直接在Windows自帶的“記事本”寫(xiě)人HTM L標(biāo)識(shí)符，并將其保存為擴(kuò)展名是“HTML”或“HTM”的文件格式。例如，將如圖5-13所示代碼寫(xiě)人“記事本”，并保存為“index.html"。在瀏覽器中打開(kāi)看到的效果如圖5-14所示。
在記事本中編寫(xiě)HTML代碼時(shí)，需要特別注意的是“<>”、“"”等符號(hào)均為英文標(biāo)點(diǎn).才能在瀏覽器中正確顯示。

此外，如果要查看瀏覽器中打開(kāi)網(wǎng)頁(yè)文件的HTML的源代碼。有兩種方法:一是右擊鼠標(biāo)，選擇View Source(查看源文件)命令;二是選
擇瀏覽器菜單View(查看)中的Source(源文件)命令。

4.相對(duì)路徑和絕對(duì)路徑

HTML文件可以引用多種格式外部文件，包括HTML網(wǎng)頁(yè)、音頻、圖片、視頻等。為了指明引用文件的位置，需要通過(guò)路徑標(biāo)明文件所在位置。HTML有兩種路徑的寫(xiě)法:相對(duì)路徑和絕對(duì)路徑。

(1)相對(duì)路徑

①同一個(gè)目錄的文件引用

如果源文件和引用文件在同一個(gè)目錄里，直接寫(xiě)引用文件名即可?，F(xiàn)在建一個(gè)源文件info.html,在info.html里要引用index.html文件作為超鏈接。

假設(shè)info . html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設(shè)index .html路徑是:c:Inetpubwwwrootsitesblablaindex.html

在info.html加人index .html超鏈接的代碼應(yīng)該這樣寫(xiě):

index.html

②表示上級(jí)目錄

二滾示源文件所在目錄的上一級(jí)目錄，../../表示源文件所在目錄的上上級(jí)目錄，以此類推。

假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設(shè)index.html路徑是:c:Inetpubwwwrootsites index.html

在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):

index.html

假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html

假設(shè)index.html路徑是:c:Inetpubwwwrootindex.html

在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):

index.html

假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html

假設(shè)index.html路徑是:C:Inetpubwwwrootsiteswowstoryindex.html

html路徑是:c:Inetpubwwwrootsites.

在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):

index.html< /a>

③表示下級(jí)目錄

引用下級(jí)目錄的文件，直接寫(xiě)下級(jí)目錄文件的路徑即可。

假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設(shè)index.html路徑是:c:Inetpubwwwroot sitesblablahtmlindex.html

在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):

營(yíng)銷型網(wǎng)站建設(shè)公司尚品中國(guó)http://m.proteomeinstitute.com/