超文本標(biāo)記語(yǔ)言_第1頁(yè)
超文本標(biāo)記語(yǔ)言_第2頁(yè)
超文本標(biāo)記語(yǔ)言_第3頁(yè)
超文本標(biāo)記語(yǔ)言_第4頁(yè)
超文本標(biāo)記語(yǔ)言_第5頁(yè)
已閱讀5頁(yè)，還剩12頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論