HTML最早源于標(biāo)準(zhǔn)通用化標(biāo)記語(yǔ)言(Standard General Markup Language,SGML ),是由Web的發(fā)明者Tim Berners-Lee和同事Daniel W . Connolly于1990年創(chuàng)立的一利，標(biāo)記式語(yǔ)言，它是SCML的應(yīng)用。WWW協(xié)會(huì)作為制定HTML標(biāo)準(zhǔn)的國(guó)際性正式組織，于1993年正式推出HTML 1.0版，提供簡(jiǎn)單的文本格式功能。1995年2月推出HTML 2.0版，增加了表格處理、圖形、圖像等功能。
HTML是用來(lái)表示網(wǎng)上信息的符號(hào)標(biāo)記語(yǔ)言，它用明確的命令說(shuō)明文件的格式，通過(guò)將標(biāo)準(zhǔn)化的標(biāo)記(Tag)命令寫(xiě)在HTML文件中。構(gòu)成HTM L文檔.它們以.html或.htm為后綴。當(dāng)Web瀏覽器從Wel，服務(wù)器讀取某一個(gè)萬(wàn)維網(wǎng)頁(yè)面的HTM L文檔后，就按照HTML文檔中的多種標(biāo)記.根據(jù)瀏覽器所使用的顯示器尺寸和分辨率大小，重新進(jìn)行排版并恢復(fù)所讀取的頁(yè)面。
學(xué)習(xí)HTML語(yǔ)言是理解實(shí)施網(wǎng)絡(luò)營(yíng)銷(xiāo)的重要技術(shù)基礎(chǔ)，HTM L語(yǔ)言有助于深人掌握網(wǎng)頁(yè)制作技術(shù)，而且在運(yùn)用搜索引擎與電子郵件等網(wǎng)絡(luò)營(yíng)銷(xiāo)常用手段時(shí)候也會(huì)經(jīng)常涉及HTML代碼。
1 .HTML標(biāo)識(shí)符
HTML的標(biāo)識(shí)符就是放在尖括號(hào)內(nèi)的一些字母或單詞，如<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è)斜線，如<B>學(xué)習(xí)</B>將以粗體顯示文字“學(xué)習(xí)”而不影響開(kāi)始標(biāo)識(shí)符和結(jié)束標(biāo)識(shí)符以外的文字。有一些標(biāo)識(shí)符只有單一的標(biāo)識(shí)符號(hào)，例如，換行標(biāo)識(shí)符<BR>.
許多標(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í)符<!--和結(jié)束標(biāo)識(shí)符-->構(gòu)成，這兩個(gè)標(biāo)識(shí)符之間的內(nèi)容都被瀏覽器解釋為注釋?zhuān)蚨辉跒g覽器中顯示。
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>和</HTML>
<HTML>和</HTML>是HTML文檔的第一個(gè)和最后一個(gè)標(biāo)識(shí)符，HTML文檔的全部?jī)?nèi)容在這兩個(gè)標(biāo)識(shí)符之中，這兩個(gè)標(biāo)識(shí)符告訴瀏覽器該文件為一個(gè)Web頁(yè)。
(2)首部標(biāo)記<HEAD>和</HEAD>
首部標(biāo)記<HEAD>和</HEAD>位于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í)符<TITLE>和</TITLE>，用于定義網(wǎng)頁(yè)的標(biāo)題，所定義的標(biāo)題在瀏覽器窗口標(biāo)題欄中顯示。
(3)正文標(biāo)一記<BODY>和</BODY>
正文標(biāo)記<BODY>和</BODY>包含Web頁(yè)的內(nèi)容，正文里包含文字、圖片、鏈接、表格等。
HTML文檔的基本結(jié)構(gòu)如下:
<htm1>一一一一一一一一一一一一一一一一一一一文檔起始標(biāo)識(shí)符
<head>一一一一一一一一一一一一一一一一首部起始標(biāo)識(shí)符
<title>一一一一一一一一一一一一一標(biāo)題起始標(biāo)識(shí)符
標(biāo)題
</title>一一一一一一一一一一一一標(biāo)題結(jié)束標(biāo)識(shí)符
</head>一一一一一一一一一一一一一一一首部結(jié)束標(biāo)識(shí)符
<body>一一一一一一一一一一一一一一一正文起始標(biāo)識(shí)符
正文
</body>一一一一一一一一一一一一一一一正文結(jié)束標(biāo)識(shí)符
</html>一一一一一一一一一一一一一一一文檔結(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ě)引用文件名即可。現(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ě):
<a href="index.html">index.html</a>
②表示上級(jí)目錄
二滾示源文件所在目錄的上一級(jí)目錄，../../表示源文件所在目錄的上上級(jí)目錄，以此類(lèi)推。
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwrootsites index.html
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):
<a href=“../index.html">index.html</a>
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwrootindex.html
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):
<a href='../../index.html'>index.html</a>
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設(shè)index.html路徑是:C:Inetpubwwwrootsiteswowstoryindex.html
html路徑是:c:Inetpubwwwrootsites.
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫(xiě):
<a href="../wowstory/index.html"> 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ě):
<a href="html/index.html'> index.html< /a>
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwrootsitesblablahtmltutorialsindex.html
在info.html加人index.htm一超鏈接的代碼應(yīng)該這樣寫(xiě):
<a href='htm1/tutorials/index.htm1'> index.html</a>
(2)絕對(duì)路徑
HTML絕對(duì)路徑(absolute path)指帶域名的文件的完整路徑。
假設(shè)注冊(cè)了域名www.abc.cn，并申請(qǐng)了虛擬主機(jī)，虛擬主機(jī)提供商會(huì)給一個(gè)目錄，如www，這個(gè)www就是網(wǎng)站的根目錄。假設(shè)www根目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是:http://www.abc.cn/index.html.
假設(shè)在www根目錄下建了一個(gè)目錄叫html_tutorials，然后在該目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是:http://www .blabla.cn/html_tutorials/index.html。
本文發(fā)布于UEO營(yíng)銷(xiāo)型網(wǎng)站建設(shè)公司尚品中國(guó)http://www.londe303.com/