超文本標記語言_第1頁
超文本標記語言_第2頁
超文本標記語言_第3頁
超文本標記語言_第4頁
超文本標記語言_第5頁
已閱讀5頁,還剩12頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

第1章HTML基礎(chǔ)HTML(超文本標記語言)是制作網(wǎng)頁的基礎(chǔ)。HTML標記是HTML的核心與基礎(chǔ),用于修飾、設(shè)置HTML文件的內(nèi)容及格式。一個HTML文件中包含了所有將顯示在網(wǎng)頁上的文字信息。其中也包括對瀏覽器的一些指示,如文字應(yīng)放置在何處,顯示模式如何等。如果還有一些圖片、動畫、聲音或是任何其他形式的資源,HTML文件也會告訴瀏覽器到哪里去查找它們,以及它們將放置在網(wǎng)頁中的什么位置。教學(xué)目標通過對本章的學(xué)習(xí),讀者應(yīng)了解和掌握HTML的各種標記和語法,并能夠使用HTML設(shè)計簡單的靜態(tài)網(wǎng)頁。教學(xué)重點與難點使用HTML設(shè)計靜態(tài)網(wǎng)頁編輯網(wǎng)頁文本格式創(chuàng)建超鏈接使用表格使用列表1.1網(wǎng)頁基礎(chǔ)知識Internet是從InterconnectedNetworks延伸而來的,是跨國界的網(wǎng)絡(luò)。Internet把世界各地數(shù)以千萬計的計算機和傳輸線路連接在一起構(gòu)成一個網(wǎng)絡(luò)。通過它可以交換信息、共享資源,并以此為基礎(chǔ)實現(xiàn)各種計算機通信應(yīng)用項目。在Internet中,網(wǎng)頁是它的重要組成部分,本節(jié)首先介紹一些與網(wǎng)頁相關(guān)的名詞和概念。1.1.1萬維網(wǎng)——WWWWWW(WorldWideWeb)即環(huán)球信息網(wǎng),也可以稱為Web,中文名字為“萬維網(wǎng)”。用戶在使用瀏覽器來訪問Web的過程中,無須關(guān)心一些技術(shù)性的細節(jié)即可得到豐富的信息資料。WWW是Internet上發(fā)展最快和目前使用最廣泛的一種服務(wù)。簡單的說,WWW是漫游Internet網(wǎng)的工具,它把Internet上不同地點的相關(guān)信息聚集起來,通過WWW瀏覽器(比如IE,InternetExplorer)檢索,無論用戶所需的信息在什么地方,只要瀏覽器為用戶檢索到之后,就可以將這些信息(文字、圖片、動畫、聲音等)“提取”到用戶的計算機屏幕上。1.1.2超文本傳輸協(xié)議一一HTTPHTTP(HyperTextTransferProtocol)即超文本傳輸協(xié)議,它是WWW服務(wù)器上使用的最主要協(xié)議。通過這一跨平臺的通信協(xié)議,在WWW任何平臺上的電腦都可以閱讀遠方服務(wù)器(Server)上的同一文件。HTTP協(xié)議經(jīng)常用來在網(wǎng)絡(luò)上傳送Web頁。當用戶以http://開始一個超鏈接的名字時,就是告訴瀏覽器去訪問使用HTTP協(xié)議的Web頁。HTTP協(xié)議不僅能保證正確傳輸超文本文檔,還可以確定傳輸文檔中的哪一部分,以及哪部分內(nèi)容首先顯示(如文本先于圖形)等等。1.1.3統(tǒng)一資源定位器——URLURL(UniformResourceLocator)即統(tǒng)一資源定位器,它使用數(shù)字和字母來代表網(wǎng)頁文件在網(wǎng)上的地址。URL好比Internet的門牌號碼,它可以幫助用戶在Internet的信息海洋中查找到所需要的資料。Web上所能訪問的資源都有惟一的URL。URL包括所用的傳輸協(xié)議、服務(wù)器名稱、文件的完整路徑。例如:在瀏覽器的URL處輸入/index.html就可以訪問搜狐網(wǎng)站的主頁。URL的第一部分http://表示要訪問的資源類型。其他常見資源類型中,ftp://表示FTP服務(wù)器,gopher://表示Gopher服務(wù)器,new://表示Newgroup新聞組。第二部分是主機名,它說明了要訪問服務(wù)器的Internet名稱。其中,www表示要訪問的文件存放在名為www的服務(wù)器里,多數(shù)公司都有指定的服務(wù)器作為對外的網(wǎng)上站點,叫做WWW;sohu則表示了該網(wǎng)站的名稱;.com則指出了該網(wǎng)站的服務(wù)類型。目前,常用的網(wǎng)站服務(wù)類型的含義如下:.com特指事務(wù)和商務(wù)組織;.edu表示教育機構(gòu);.gov表示政府機關(guān);.mil表示軍用服務(wù);.net表示網(wǎng)關(guān),由網(wǎng)絡(luò)主機或Internet服務(wù)提供商決定;.org—般表示公共服務(wù)或非正式組織。另外,有些域名后面會帶有本國和地區(qū)的域名。例如:新浪的網(wǎng)址中的cn就代表該網(wǎng)站屬于中國。另外,au代表澳大利亞、ca代表加拿大、fr代表法蘭西、uk代表英國、jp代表日本等。第三部分/index.html表示要訪問主機的哪一個頁面文件,可以把它理解為該文件存放在服務(wù)器上的具體位置。1.1.4超文本標記語言 TMLHTML(HyperTextMark-upLanguage)即超文本標記語言,是WWW上通用的描述語言。HTML語言主要是為了把存放在一臺計算機中的文本或圖形與另一臺計算機中的文本或圖形方便地聯(lián)系在一起,形成有機的整體。1.1.5HTML標記HTML標記用于修飾、設(shè)置HTML文件的內(nèi)容及格式。用戶只須輸入文件內(nèi)容和必要的標記,文件內(nèi)容在瀏覽器窗口內(nèi)就會按照標記定義的格式顯示出來。一般情況下,HTML標記使用下列格式:<標記〉文件內(nèi)容</標記〉標記須要填寫在一對尖括號“<>”內(nèi),它們通常是英文單詞的首字母或縮寫。標記一般情況下是成對出現(xiàn)的。結(jié)束標記是在標記的前面添加斜杠“/”。在書寫標記時,英文字母的大、小寫或混合使用大小寫都是允許的,如HTML、html和Html的作用和效果都是一樣的。標記內(nèi)可以包含一些屬性。標記屬性可由用戶設(shè)置,否則將采用默認的設(shè)置值。屬性名稱出現(xiàn)在標記的后面,并且以空格進行分隔。如果標記具有多個屬性,那么不同的屬性名稱之間將以空格隔開。其格式如下是:<標記名字屬性1屬性2屬性3…>HTML對屬性名稱的排列順序沒有特別的要求,用戶可根據(jù)個人的愛好,在標記之后排列所需的屬性名稱。另外,標記的屬性值須要使用雙引號或單引號括起來。HTML文件可以使用一個簡單的文本編輯器創(chuàng)建,例如Windows操作系統(tǒng)中自'帶的記事本程序。但是文件編輯完成進行保存時,必須以htm或者html為擴展名。以后,就可以使用Web瀏覽器(如IE瀏覽器)來直接打開HTML文件進行瀏覽和查看了。1.2HTML文檔的基本結(jié)構(gòu)HTML文件通常由3部分組成:即起始標記、網(wǎng)頁標題和文件主體。其中,文件主體是HTML文件的主要部分與核心內(nèi)容,它包括文件所有的實際內(nèi)容與絕大多數(shù)的標記符號在HTML文本中,有一些固定的標記要放在每一個HTML文件里。HTML文件的總體結(jié)構(gòu)如下所示:<Html><Head>網(wǎng)頁的標題及屬性</Head><Body>文件主體</Body></Html>1.2.1添加起始標記vHtm卜標記用于HTML文檔的最前面,用來標識HTML文檔的開始。而</Htm卜標記恰恰相反,它放在HTML文檔的最后面,用來標識HTML文檔的結(jié)束,兩個標記必須一起使用。通過對這一對特殊標記符號的讀取,瀏覽器才可以判斷目前正在打開的是網(wǎng)頁文件,而不是其他類型的文件。<Htm卜標記的起始和結(jié)束標記符號都是可選的,但用戶應(yīng)該養(yǎng)成在文件中使用<Html>標記的習(xí)慣,每次編寫HTML文件之前都應(yīng)該首先在網(wǎng)頁內(nèi)添加vHtm卜-y/Htm卜標記對,然后再在標記對之間加入網(wǎng)頁的內(nèi)容。1.2.2設(shè)置文件頭<Headx/Head>標記對構(gòu)成HTML文檔的開頭部分,在此標記對之間可以使用<Title>v/Title>、<Script>v/Script>等標記對。這些標記對都是描述HTML文檔相關(guān)信息的標記對,<Head>v/Head>標記對之間的內(nèi)容不會在瀏覽器的窗口內(nèi)顯示出來,兩個標記必須一起使用。Title標記vTitle>和</Title>標記標明HTML文件的標題,是對文件內(nèi)容的概括。一個好的標題目該能使讀者從中判斷出該文件的大概內(nèi)容。文件的標題一般不會顯示在文本窗口中,而以窗口的名稱顯示在標題欄中。vTitle>v/Title>標記對只能放在vHead>v/Head>標記對之間。例如:<Title>我的網(wǎng)頁</Title>Isindex標記vIsindex>標記主要定義用來定義查詢的表單,表明允許用戶通過提供關(guān)鍵字的方式來查找索引內(nèi)容。在閱讀文件時,不管用戶采用什么樣的方式,當前文件所描述的數(shù)據(jù)均可采用索引查詢方式進行搜索。Base標記vBase>標記用于設(shè)定超鏈接的基準路徑。使用這個標記,可以大大簡化網(wǎng)頁內(nèi)超鏈接的編寫。用戶不必為每個超鏈接輸入完整的路徑,而只須指定它相對于vBase>標記所指定的基準地址的相對路徑即可。該標記包含參數(shù)Href,用于指明基準路徑,其用法如下:vBasehref="URL">Link標記vLink>標記表示超鏈接,在HTML文件的<Head>標記中可以出現(xiàn)任意數(shù)目的Link標記。它也包含有參數(shù)Href。<Link>標記可以定義含有鏈接標記的文件與URL中定義文件之間的關(guān)系。<Link>標記通常用來顯示作者身份、相關(guān)檢索及術(shù)語、舊的或更新的版本、文件等級、相關(guān)資源等。Rel參數(shù)用來定義HTML文件及URL之間的關(guān)系,Rev參數(shù)用來定義URL和HTML文件之間的關(guān)系。該標記用法如下:vlinkrev="RELATIONSHIP"rel="RELATIONSHIP"href="URL">Meta標記vMeta>標記用來指明與文件內(nèi)容相關(guān)的信息。每一個該標記指明一個名稱或數(shù)值對。如果多個<Meta>標記使用了相同的名稱,其內(nèi)容便會合并成一個用逗號隔開的列表,也就是和該名稱相關(guān)的值。<Meta>標記的主要屬性包括。Http-Equlv:把標記放到HTTP頭域之中。HTTP服務(wù)器可使用該信息處理文件,特別是它可在對這個文件請求的響應(yīng)中包含一個頭域。標題名取自Http-Equiv屬性值,而標題值則取自Content屬性值。Name:指明名稱或數(shù)值對的名稱。如果沒有,則由Http-Equiv給出名稱。Content:指明名稱或數(shù)值對的值,一般為text/html。Charset:指明網(wǎng)頁所使用的基本字符集,一般為GB2312,即標準簡體中文。Meta標記的一般用法如下:<Metahttp-equiv="Content-Type"content="text/html;charset=gb2312">1.2.3網(wǎng)頁的主體格式<Body></Body>標記對之間的內(nèi)容是HTML文檔的主體部分,在此標記對之間可包含眾多的標記和信息,它們所定義的文本、圖像等將會在瀏覽器的窗口內(nèi)顯示出來,兩個標記必須一起使用。<Body>標記中還可以設(shè)置一些屬性,如表1-1所示。表1-1vBodv>*^iF中的屬性屬 性用 途示 例<BodyBgcolor="#rrggbb">設(shè)置背景顏色<BodyBgcolor="red">紅色背景<Bodytext="#rrggbb">設(shè)置文本顏色<Bodytext="#0000ff">藍色文本<Bodylink="#rrggbb">設(shè)置超鏈接顏色<Bodylink="blue">鏈接為藍色<Bodyvlink="#rrggbb">設(shè)置已使用的超鏈接的顏色<Bodyvlink="#ff0000">已使用的超鏈接為紅色<Bodyalink="#rrggbb">設(shè)置正在被點擊的超鏈接的顏色<Bodyalink="yellow">被點擊的超鏈接為黃色以上各個屬性可以結(jié)合使用,如<BodyBgcolor="red"Text="#0000ff">。引號內(nèi)的rrggbb是用6個十六進制數(shù)表示的RGB(即紅、綠、藍3色的組合)顏色,如#ffOOOO對應(yīng)的是紅色。此外,還可以使用HTML語言所給定的常量名來表示顏色:Black(黑)、White(白)、Green(綠)、Maroon(褐紅)、Olive(橄欖)、Navy(深藍)、Purple(紫)、Gray(灰)、Yellow(黃)、Lime(淺綠)、Aqua(藍綠)、Fuchsia(紫紅)、Silver(銀)、Red(紅)、Blue(藍)和Teal(青)。如<BodyText="Blue">表示<Body></Body>標記對中的文本使用藍色顯示在瀏覽器的窗口內(nèi)。1.2.4HTML中的注釋注釋標記用來在HTML源文件中插入注釋,注釋會被瀏覽器忽略不顯示。用戶可以使用注釋來解釋代碼,例如<!—這是一條注釋信息-->。這些注釋信息可在以后編輯代碼的時候,給用戶提供必要的幫助和提示。在注釋標記中,左括號“<”后面需要添加一個感嘆號,而右括號則無須添加?!揪毩?xí)1-1】利用基本標記,創(chuàng)建如圖1-1所示的網(wǎng)頁。圖1-1一個簡單的HTML頁面單擊“開始”|“所有程序”|“附件”|“記事本”,打開記事本程序。輸入下面這段代碼。<!—注釋:這是一個具有基本標記的HTML網(wǎng)頁--><Html><Head><Title>顯示在瀏覽器最上邊藍色條中的文本</Title></Head><BodyBgcolor="Teal"text="red"><P>深青色背景、紅色文本</P></Body></Html>將該文本保存為一個擴展名為htm或者html的HTML文件。使用IE瀏覽器打開該HTML文件,其運行后的效果將如圖1-1所示。本書后面的例子,如未特殊說明,將省略操作步驟直接給出代碼,用戶可套用上述的4個操作步驟進行測試。1.3編輯網(wǎng)頁正文正文是網(wǎng)頁的核心內(nèi)容,用戶可使用HTML語言在網(wǎng)頁內(nèi)對正文進行劃分段落、插入標題、修改字體、設(shè)置字號等操作。另外,HTML還允許對正文應(yīng)用不同的字型和效果。1.3.1輸入標題一般文章都有標題、副標題、章和節(jié)等結(jié)構(gòu),HTML中也提供了相應(yīng)的標題標記vHn>,其中n為標題的等級。HTML提供6個等級的標題,n越小,標題字號就越大。【練習(xí)1-2】使用標題標記改變文本格式,創(chuàng)建如圖1-2所示的網(wǎng)頁。圖1-2設(shè)置標題格式<H1>一級標題</H1><H2>二級標題</H2><P>這是一行沒有設(shè)置標題格式的正文文本</P><H5>五級標題</H5><H6>六級標題</H6>1.3.2劃分段落<P></P>標記對用來創(chuàng)建一個段落,在此標記對之間加入的文本將按照段落的格式顯示在瀏覽器上。HTML將多個空格以及回車等效為一個空格,HTML的分段完全依賴于分段標記<P>。另外,vP>標記還可以使用Align屬性,它用來說明對齊方式,語法是:vPAlign="對齊方式">v/P>。Align的值可以是Left(左對齊)、Center(居中)和Right(右對齊)3個值中的任何一個。如<PAlign="Center"></P>表示標記對中的文本使用居中對齊方式?!揪毩?xí)1-3】使用段落標記,并設(shè)置不同的屬性,創(chuàng)建如圖1-3所示的網(wǎng)頁。圖1-3設(shè)置段落對齊方式<PAlign="Left">第一段文字左對齊。</P><PAlign="Center">第二段文字居中對齊。</P><PAlign="Right">第三段文字右對齊。</P><P>上面的三段文字被P標記設(shè)置了段落格式。</P><Br>標記用來創(chuàng)建一個回車換行。如果<Br>標記處在<P></P>標記對的外面,將創(chuàng)建一個大的回車換行,即<Br>標記前面和后面的文本的行與行之間的距離比較大。若處在<P></P>標記對的中間,則<Br>標記前面和后面文本的行與行之間的距離將比較小。1.3.3設(shè)置文本格式在HTML文件里,一般都有大量的文本和信息。如要主次分明、重點突出的顯示這些信息,則需要在格式設(shè)定方面使用更多的標記和更詳細的設(shè)置。設(shè)置字體和字號<Font></Font>標記對用來設(shè)置文字字體,它的Face屬性指定瀏覽器所顯示文本的字體類別,而Size和Color屬性則可以對輸出文本的字體大小、顏色進行隨意地改變。用戶在使用Font標記的Face屬性設(shè)置文本字體時,可指定一個字體列表,如果瀏覽器不支持第一種字體,就會依次使用第二、第三等后續(xù)字體顯示網(wǎng)頁內(nèi)容。如下例:<FontFace="宋體,仿宋體,隸書">我要顯示的漢字</Font>Size屬性用來改變字體的大?。欢鳦olor屬性則用來改變文本的顏色,顏色的取值是十六進制RGB顏色碼或HTML語言給定的顏色常量名。黑體、斜體和下劃線除了正常的字體外,用戶還可為文本設(shè)置粗體、斜體和下劃線等字型。HTML對這些標記出現(xiàn)的次序沒有特別的要求。<B></B>標記對:用來使文本以黑體字的形式輸出。<I></I>標記對:用來使文本以斜體字的形式輸出。vUx/U>標記對:用來使文本以加下劃線的形式輸出。3.強調(diào)及加重等效果下面的標記對用于設(shè)置文本的強調(diào)、加重等效果,其用法和前面的標記一樣,差別在于輸出的文本字體不太一樣。vTt>v/Tt>標記對:用來輸出打字機風(fēng)格字體的文本。vCite>v/Cite>標記對:用來輸出引用方式的字體,通常是斜體。<Em></Em>標記對:用來輸出需要強調(diào)的文本(通常是斜體加粗體)。?vStrong>v/Strong>標記對:用來輸出加強顯示效果的文本(通常也是斜體加粗體)。【練習(xí)1-4】給文字設(shè)置不同的字體,創(chuàng)建如圖1-4所示的網(wǎng)頁。圖1-4字體設(shè)置示例<Bodytext="blue"><H1>最大的標題</H1><H3>使用h3的標題</H3><H6>最大的標題</H6><P><B>黑體字文本</B></P><P><I>斜體字文本</I></P><P><U>下加一劃線文本</U></P><P><Tt>打字機風(fēng)格的文本</Tt></P><P><Cite>引用方式的文本</Cite></P><P><Em>強調(diào)的文本</Em></P><P><Strong>加重的文本</Strong></P><P><fontSize="+1"Color="red">Size取值“+1”、Color取值“red”時的文本</font></P>1.4建立超鏈接超鏈接一般可分為外部鏈接(ExternalLink)與內(nèi)部鏈接(InternalLink)。單擊外部鏈接時,瀏覽器窗口將顯示其他文檔的內(nèi)容。單擊內(nèi)部鏈接時,訪問者將看到網(wǎng)頁的其他部分并顯示在當前瀏覽器窗口中。另外,HTML還可以創(chuàng)建指向郵件地址的鏈接,單擊該鏈接之后便可通過電子郵件軟件給指定的地址發(fā)送郵件。1.4.1創(chuàng)建外部鏈接一個超鏈接通常由以下3部分構(gòu)成:首先是超鏈接標記vA>v/A>,表示這是一個鏈接;然后是屬性Href及其值,這就定義了超鏈接所指的目標;最后是在超鏈接中顯示在網(wǎng)頁上作為鏈接的文字。鏈接文本的格式如下:<AHref="URL">單擊外部鏈接時,可在訪問者的瀏覽器窗口打開、跟蹤其他文檔。文檔可能保存在其他站點內(nèi),也可能保存在當前站點內(nèi),為了便于區(qū)分這兩種情況,可將指向其他站點文檔的鏈接稱為URL鏈接,而將指向同一站點內(nèi)文檔的鏈接稱為本地鏈接。創(chuàng)建URL鏈接時,需要給出URL鏈接的完整網(wǎng)址,例如下面的代碼就是在網(wǎng)頁中添加一個“新浪網(wǎng)”的超級鏈接:<AHref="">新浪網(wǎng)</A>在一臺機器上對不同文件進行連接叫本地連接,常用相對路徑或絕對路徑表示一個文件。假如鏈接的目標位于當前HTML文檔所在文件夾的子文件中,則可直接使用相對路徑地址來指向該目標。例如:<AHref="bbs\login.html">登錄BBS</A>若使用絕對路徑地址來指向目標,則可表示為:<AHref="/c:\myweb\bbs\login.html">登錄BBS</A>▼ 7”表示當前路徑地址為絕對路徑。假如鏈接的目標位于當前HTML文檔所在文件夾的上層文件夾中,則路徑使用“??/"來指向上層文件夾。此外,<AHref=""></A>還具有Target屬性,此屬性用來指明瀏覽時的目標框架,該屬性的各項值的用法與含義如表1-2所示。表1-2Target屬性的取值與用途屬 性用 途Target="框架名稱”這只運用于框架網(wǎng)頁中,若設(shè)定則目標網(wǎng)頁將顯示在“框架名稱”的框架中,框架名稱是事先由框架標記命名Target—'blank"或Target="new"將鏈接目標的內(nèi)容打開在新的瀏覽器窗口中Target="parent"將鏈接目標的內(nèi)容作為上一個頁面Target="self"將鏈接目標的內(nèi)容顯示在當前窗口中(默認值)Target="_top" 將框架中鏈接目標的內(nèi)容,顯示在沒有框架的窗口中(即除去了框架)如果不使用Target屬性,當瀏覽者單擊了鏈接之后將在原來的瀏覽器窗口中瀏覽新的HTML文檔。若Target的值等于“_blank”,單擊鏈接后將會打開一個新的瀏覽器窗口來瀏覽新的HTML文檔,如下面代碼所示:<AHref=""Target="_blank">網(wǎng)易網(wǎng)站</A>1.4.2創(chuàng)建內(nèi)部鏈接所謂內(nèi)部鏈接就是網(wǎng)頁中的書簽。在內(nèi)容較多的網(wǎng)頁內(nèi)建立內(nèi)部鏈接時,它的鏈接目標不是其他文檔,而是網(wǎng)頁內(nèi)的其他位置。在使用內(nèi)部鏈接之前,須要在網(wǎng)頁內(nèi)確定書簽的位置,并使用<A>標記的Name屬性為書簽命名。內(nèi)部鏈接的一般格式為:<AName="書簽名稱"〉書簽內(nèi)容</A>其中,“書簽名稱”是代表“書簽內(nèi)容”的字符串,用戶可使用簡短、有意義的字符串代替網(wǎng)頁文本。為了使Web瀏覽器易于區(qū)分“書簽名稱”與文檔內(nèi)容,“書簽名稱”前面需要添加符號#。例如,先定義一個標簽A,然后找到“標簽名”這個標簽,就可編寫如下代碼:<Aname="標簽A">書簽內(nèi)容</A><AHref="#標簽A">單擊此處將使瀏覽器跳到“標簽A”處</A>1.4.3創(chuàng)建郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時,只須單擊電子郵件鏈接就能夠打開默認的郵件編輯軟件,向指定的地址發(fā)送郵件。電子郵件鏈接的應(yīng)用格式如下:<AHref="mailto:E-mail地址"〉郵件鏈接文本</A>其中,“E-mail地址”是用戶在Internet上的電子郵件地址,而“郵件鏈接文本”就是訪問者單擊的文本。訪問者單擊電子郵件鏈接時,將打開默認的電子郵件編輯軟件。例如,使用Office系列的OutlookExpress作為默認的郵件編輯器時,單擊電子郵件鏈接時將打開OutlookExpress窗口,“收件人”一欄將出現(xiàn)該郵件地址。1.10動態(tài)HTML(DHTML)使用DHTML技術(shù),可通過瀏覽器技術(shù)、客戶端腳本技術(shù)和CSS樣式表,生成變化繽紛的動態(tài)頁面。DHTML是DynamicHTML(動態(tài)HTML)的簡稱,它是一種即使在脫離網(wǎng)絡(luò)環(huán)境的情況下,網(wǎng)頁裝載入瀏覽器以后仍然能夠隨時變換內(nèi)容的技術(shù)。比如:當鼠標指針移至文章段落中,段落能變成醒目的紅色或藍色;在網(wǎng)頁的頁面上,隨機性地漂浮著一些漂亮的小標志;網(wǎng)頁橫幅不斷地滑動或具有滾動閃亮的效果等等。DHTML之所以能夠制作出“動感”的效果,首先是因為DHTML將網(wǎng)頁中的每個元素劃分成了許多獨立的對象,通過CSS來指定這些對象的屬性。CSS是DHTML網(wǎng)頁進行改變的對象,網(wǎng)頁中的各種變化都是通過腳本語言設(shè)置CSS的屬性來實現(xiàn)的。因此可以說CSS是編寫DHTML網(wǎng)頁的基礎(chǔ)。CSS本身是HTML的擴展,因此語法規(guī)則并不復(fù)雜,掌握HTML語言使用方法后就不難看懂CSS代碼。CSS的功能十分強大,它能夠?qū)ξ淖珠g距、字體、列表、顏色、背景、位置等多種屬性進行精確控制。將CSS樣式表添加到HTML文檔的方法有多種,可鏈接外部樣式表、嵌入樣式表以及輸入樣式、內(nèi)聯(lián)樣式等等。另外,CSS還有具有藝術(shù)功能的濾鏡效果。

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論