Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

HTML基本概念

Date:2012-08-27 Aource:尚品中國 Type:網站百科
Word Size:small  medium  big

超文本標記語言(Hyper Text Markup Language,HTML)是一利,用于網頁制作的排版語言,是Web北京網站設計最基本的構成元素。HTML并非一種編程語言。用HTML標記文檔或給文檔添加標記,使文檔可在www上發(fā)布。用HTML準備的文檔包含引用圖形和格式標記.用Web瀏覽器查看這些HTML文檔。

HTML最早源于標準通用化標記語言(Standard General Markup Language,SGML ),是由Web的發(fā)明者Tim Berners-Lee和同事Daniel W . Connolly于1990年創(chuàng)立的一利,標記式語言,它是SCML的應用。WWW協會作為制定HTML標準的國際性正式組織,于1993年正式推出HTML 1.0版,提供簡單的文本格式功能。1995年2月推出HTML 2.0版,增加了表格處理、圖形、圖像等功能。

HTML是用來表示網上信息的符號標記語言,它用明確的命令說明文件的格式,通過將標準化的標記(Tag)命令寫在HTML文件中。構成HTM L文檔.它們以.html或.htm為后綴。當Web瀏覽器從Wel,服務器讀取某一個萬維網頁面的HTM L文檔后,就按照HTML文檔中的多種標記.根據瀏覽器所使用的顯示器尺寸和分辨率大小,重新進行排版并恢復所讀取的頁面。

學習HTML語言是理解實施網絡營銷的重要技術基礎,HTM L語言有助于深人掌握網頁制作技術,而且在運用搜索引擎與電子郵件等網絡營銷常用手段時候也會經常涉及HTML代碼。

1 .HTML標識符

HTML的標識符就是放在尖括號內的一些字母或單詞,如<HTML>。HTML文件可支持很多種標識符,學習HTM L語言實際上就是學習這些各種各樣的標識符。

大多數的標識符都是成對出現的,包括開始標識符和結束標識符,它們定義了標識符所影響的范圍,它們的區(qū)別是結束標識符比開始標識符多了一個斜線,如<B>學習</B>將以粗體顯示文字“學習”而不影響開始標識符和結束標識符以外的文字。有一些標識符只有單一的標識符號,例如,換行標識符<BR>.

許多標識符包括有一些屬性,它們對標識符作用的內容進行更詳細的控制。如字體標識符的字號屬性指定文字的大小,顏色屬性指定文字的顏色,例如:

< FONT SIZE = 3 COLOR= green.>本行字字體為3號字,顏色為綠色。< /FONT>

HTML的標識符不區(qū)分大小寫,但為了便于HTML文檔的維護和醒目,通常使用大寫標識符。

HTML的注釋由開始標識符<!--和結束標識符-->構成,這兩個標識符之間的內容都被瀏覽器解釋為注釋,因而不在瀏覽器中顯示。

2.HTML語法結構

一個Web頁對應一個HTML文件,HTML文檔的基本結構由文檔開始和結束標記、首部標記、正文標記組成。

(1)文檔開始和結束標記<HTML>和</HTML>

<HTML>和</HTML>是HTML文檔的第一個和最后一個標識符,HTML文檔的全部內容在這兩個標識符之中,這兩個標識符告訴瀏覽器該文件為一個Web頁。

(2)首部標記<HEAD>和</HEAD>

首部標記<HEAD>和</HEAD>位于Web頁的開頭,但不包括Web頁的實際內容,用做設置網頁的標題(Title)、定義樣式表(CSS)或插人腳本(Script)等。其中,最常用的標識符是標題標識符<TITLE>和</TITLE>,用于定義網頁的標題,所定義的標題在瀏覽器窗口標題欄中顯示。

(3)正文標一記<BODY>和</BODY>

正文標記<BODY>和</BODY>包含Web頁的內容,正文里包含文字、圖片、鏈接、表格等。

HTML文檔的基本結構如下:
<htm1>一一一一一一一一一一一一一一一一一一一文檔起始標識符
<head>一一一一一一一一一一一一一一一一首部起始標識符
<title>一一一一一一一一一一一一一標題起始標識符
標題
</title>一一一一一一一一一一一一標題結束標識符
</head>一一一一一一一一一一一一一一一首部結束標識符
<body>一一一一一一一一一一一一一一一正文起始標識符
正文
</body>一一一一一一一一一一一一一一一正文結束標識符
</html>一一一一一一一一一一一一一一一文檔結束標識符

3.HTML文件編輯

制作與編輯HTM L文件,最簡單的方式就是直接在Windows自帶的“記事本”寫人HTM L標識符,并將其保存為擴展名是“HTML”或“HTM”的文件格式。例如,將如圖5-13所示代碼寫人“記事本”,并保存為“index.html"。在瀏覽器中打開看到的效果如圖5-14所示。
HTML標識符

HTML文件編輯

在記事本中編寫HTML代碼時,需要特別注意的是“<>”、“"”等符號均為英文標點.才能在瀏覽器中正確顯示。

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

4.相對路徑和絕對路徑

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

(1)相對路徑

①同一個目錄的文件引用

如果源文件和引用文件在同一個目錄里,直接寫引用文件名即可?,F在建一個源文件info.html,在info.html里要引用index.html文件作為超鏈接。

假設info . html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設index .html路徑是:c:Inetpubwwwrootsitesblablaindex.html

在info.html加人index .html超鏈接的代碼應該這樣寫:

<a href="index.html">index.html</a>

②表示上級目錄

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

假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設index.html路徑是:c:Inetpubwwwrootsites index.html

在info.html加人index.html超鏈接的代碼應該這樣寫:

<a href=“../index.html">index.html</a>

假設info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html

假設index.html路徑是:c:Inetpubwwwrootindex.html

在info.html加人index.html超鏈接的代碼應該這樣寫:

<a href='../../index.html'>index.html</a>

假設info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html

假設index.html路徑是:C:Inetpubwwwrootsiteswowstoryindex.html

html路徑是:c:Inetpubwwwrootsites.

在info.html加人index.html超鏈接的代碼應該這樣寫:

<a href="../wowstory/index.html"> index.html< /a>

③表示下級目錄

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

假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設index.html路徑是:c:Inetpubwwwroot sitesblablahtmlindex.html

在info.html加人index.html超鏈接的代碼應該這樣寫:

<a href="html/index.html'> index.html< /a>

假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html

假設index.html路徑是:c:Inetpubwwwrootsitesblablahtmltutorialsindex.html

在info.html加人index.htm一超鏈接的代碼應該這樣寫:

<a href='htm1/tutorials/index.htm1'> index.html</a>

(2)絕對路徑

HTML絕對路徑(absolute path)指帶域名的文件的完整路徑。

假設注冊了域名www.abc.cn,并申請了虛擬主機,虛擬主機提供商會給一個目錄,如www,這個www就是網站的根目錄。假設www根目錄下放了一個文件index.html,這個文件的絕對路徑就是:http://www.abc.cn/index.html.

假設在www根目錄下建了一個目錄叫html_tutorials,然后在該目錄下放了一個文件index.html,這個文件的絕對路徑就是:http://www .blabla.cn/html_tutorials/index.html。
本文發(fā)布于UEO營銷型網站建設公司尚品中國http://m.proteomeinstitute.com/
?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.