《html網(wǎng)頁(yè)制作教程第一章》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、HTML網(wǎng)頁(yè)制作教程第一章：概述與基本結(jié)構(gòu)時(shí)間:2009-4-5來源:讀書屋作者:讀書屋點(diǎn)擊:3963次第一章HTML概述與基本結(jié)構(gòu)一、HTML的概述HTML的英語(yǔ)意思是：HypertextMarkedLanguage，即超文本標(biāo)記語(yǔ)言,是一種用來制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)，自1990年以來HTML就一直被用作ＷＷＷ（是WorldWi

2、deWeb的縮寫，也可簡(jiǎn)寫WEB、中文叫做萬維網(wǎng))的信息表示語(yǔ)言，使用HTML語(yǔ)言描述的文件，需要通過WEB瀏覽器顯示出效果。所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，事實(shí)上每一個(gè)HTML文檔都是一種靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，它只是一種排版網(wǎng)頁(yè)中資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，易學(xué)易懂，非常簡(jiǎn)單。HTML的普遍應(yīng)用就是帶來了超文本的技術(shù)----通過單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題，從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面與世界各地主機(jī)的文件鏈接。直接獲取相關(guān)的主題。如下所示：通過H

3、TML可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格：圖片調(diào)用：文字格式：文字通過HTML可以實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)：　頁(yè)面跳轉(zhuǎn)：〈AHREF="文件路徑/文件名">　通過HTML可以展現(xiàn)多媒體的效果：　聲頻：視頻：從上面我們可以看到HTML超文本文件時(shí)需要用到的一些標(biāo)簽。在HTML中每個(gè)用來作標(biāo)簽的符號(hào)都是一條命令、它告訴瀏覽器

4、如何顯示文本。這些標(biāo)簽均由"<"和">"符號(hào)以及一個(gè)字符串組成。而瀏覽器的功能是對(duì)這些標(biāo)記進(jìn)行解釋，顯示出文字、圖像、動(dòng)畫、播放聲音。這些標(biāo)簽符號(hào)用“<標(biāo)簽名字屬性>”來表示。HTML只是一個(gè)純文本文件。創(chuàng)建一個(gè)HTML文檔，只需要兩個(gè)工具，一個(gè)是HTML編輯器，一個(gè)WEB瀏覽器。HTML編輯器是用于生成和保存THML文檔的應(yīng)用程序。WEB瀏覽器是用來打開WEB網(wǎng)頁(yè)文件，提供給我們查看WEB資源的客戶端程序。二、HTML的基本結(jié)構(gòu)：一個(gè)HTML文檔是由一系列的元素和標(biāo)簽組成.元素名不區(qū)分大小寫.HTML用標(biāo)簽來規(guī)定元素的屬性和它在文件中的

5、位置，HTML超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對(duì)這個(gè)文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。下面是一個(gè)最基本的html文檔的代碼:1－1.html

6、含在其中，它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言（HTML）編寫的。事實(shí)上，現(xiàn)在常用的Web瀏覽器都可以自動(dòng)識(shí)別HTML文檔，并不要求有標(biāo)簽，也不對(duì)該標(biāo)簽進(jìn)行任何操作，但是為了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器，還是應(yīng)該養(yǎng)成不省略這對(duì)標(biāo)簽的良好習(xí)慣。是HTML文檔的頭部標(biāo)簽,在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記,用以說明文件的標(biāo)題和整個(gè)文件的一些公公屬性。若不需頭部信息則可省略此標(biāo)記，良好的習(xí)慣是不省略。是嵌套在頭部標(biāo)簽

7、中的，標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器要顯示的頁(yè)面內(nèi)容。上面的這幾對(duì)標(biāo)簽在文檔中都是唯一的，HEAD標(biāo)簽和BODY標(biāo)簽是嵌套在HTML標(biāo)簽中的。三、HTML的標(biāo)簽與屬性:對(duì)于剛剛接觸超文本的朋友，遇到的最大的障礙就是一些用“<”和“>”括起來的句子，我們稱它為標(biāo)簽，是用來分割和標(biāo)簽文本的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。標(biāo)簽通過指定某塊信息為段落或標(biāo)題等來標(biāo)識(shí)文檔某個(gè)部件。屬性是標(biāo)志里的參數(shù)的選項(xiàng)，HTML的標(biāo)簽分單標(biāo)簽和成

8、對(duì)標(biāo)簽兩種。成對(duì)標(biāo)簽是由首標(biāo)簽<標(biāo)簽名>和尾標(biāo)簽組成的，成對(duì)標(biāo)簽的作用域只作用于這對(duì)標(biāo)簽中的文檔。單獨(dú)標(biāo)簽的格式<標(biāo)簽名>，單獨(dú)標(biāo)簽在相應(yīng)的位置插入元素就可以了，大多數(shù)標(biāo)簽都有自己