HTML基本概念

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

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

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

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

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

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

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

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

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

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

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

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

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

3.HTML文件編輯

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

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

4.相對路徑和絕對路徑

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

(1)相對路徑

①同一個目錄的文件引用

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

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

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

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

index.html

②表示上級目錄

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

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

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

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

index.html

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

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

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

index.html

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

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

html路徑是:c:Inetpubwwwrootsites.

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

index.html< /a>

③表示下級目錄

引用下級目錄的文件，直接寫下級目錄文件的路徑即可。

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

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

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

營銷型網(wǎng)站建設(shè)公司尚品中國http://www.yiyouzhen.cn/