【正文】 另一種是將圖片劃分為多個(gè)區(qū)域，單擊圖片不同的位置將會(huì)跳轉(zhuǎn)到不同的鏈接之上。夜來風(fēng)雨聲，花落知多少。夜來風(fēng)雨聲，花落知多少。夜來風(fēng)雨聲，花落知多少。 當(dāng) align屬性值為 top、 middle或 bottom時(shí)，設(shè)置圖片在垂直位置上的對(duì)齊方式，其中 align屬性值為 top時(shí)是頂部對(duì)齊方式，為 middle時(shí)是中間對(duì)齊方式、為 bottom時(shí)是底部對(duì)齊方式。 br 夜來風(fēng)雨聲，花落知多少。 br 夜來風(fēng)雨聲，花落知多少。在 HTML 為 align指定了 5個(gè)三屬性值： left、 right、top、 middle和 bottom，其代表含義分別為左對(duì)齊、右對(duì)齊、頂部、中間和底部對(duì)齊方式。使用 img元素的 alt屬性可以為圖片指定文本說明，當(dāng)圖片無法顯示或用戶禁止顯示圖片時(shí)，可以用該文字來替代圖片顯示在瀏覽器中。不過該邊框常常會(huì)影響圖片的顯示效果，因此可以通過 img元素的 border屬性來去掉該邊框。如果一定要在網(wǎng)頁上放個(gè)縮小的圖片，那么最好用圖像處理軟件把圖片真正縮小后再按原大小放置，這樣下載圖片的速度會(huì)快些；如果要在網(wǎng)頁上放置放大的圖片，也最好放置一個(gè)精度大一點(diǎn)的圖片，這樣圖片看起來不會(huì)模糊。請(qǐng)看以下代碼 ： 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html headtitle縮放圖 /title/head body p 原圖大小 :br img src=img/ /p p 圖片縮小 :br img src=img/ width=200 height=200 /p p 圖片放大 :br img src=img/ width=600 height=“100% /p /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 使用 width屬性與 height屬性雖然可以將原圖放大或縮小，但這種作法也有缺陷： (1)使用 width屬性與 height屬性將原圖放大或縮小時(shí)，并沒有改變圖本身的精度，假設(shè)原圖為 256色，大小為 10KB，縮小后該圖還是 256色，大小也還是 10KB，即使把圖縮小了，下載圖片的速度還是一樣，并不會(huì)因?yàn)閳D縮小后就可以下載得快些。 src屬性用于指定圖片的位置，其值可以是絕對(duì)路徑或相對(duì)路徑。在同一個(gè) HTML文檔里不允許出現(xiàn)相同的 id，但可以出現(xiàn)相同的 name。 ◆ name：圖片的名稱，很多時(shí)候可以省略。 ◆ border：指定圖片的邊框大小。 ◆ width：指定圖片的寬度。 ◆ src：用于指定圖片所在位置，可以是相對(duì)路徑或絕對(duì)路徑。下面介紹如何在網(wǎng)頁里插入圖片以及設(shè)置其相關(guān)屬性，通過學(xué)習(xí)，再加以靈活應(yīng)用，就可以創(chuàng)建漂亮的網(wǎng)頁。請(qǐng)看以下代碼 html head title使用超鏈接的注意事項(xiàng) /title/head body a href=a href=超級(jí)鏈接嵌套之后只能識(shí)別最里層的鏈接 /abr a href= color=teal已訪問過的超級(jí)鏈接 /font/abr a href= color=teal未訪問過的超級(jí)鏈接 /font/abr font color=teala href=超級(jí)鏈接 /a/fontbr font color=teala href=級(jí)鏈接 /a/fontbr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML中的圖片 在一個(gè)漂亮的網(wǎng)頁上面，永遠(yuǎn)不可能缺少圖片，圖片可美化網(wǎng)頁，越是漂亮的網(wǎng)頁，才越能吸引眼球。 (3)反過來，如果在 font元素里包含超級(jí)鏈接元素， font元素里的顏色屬性也會(huì)失效。但如果在超級(jí)鏈接元素里包含了 font元素之后，這 3種屬性就失效了，只會(huì)顯示 font元素指定的顏色屬性。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (2)在超級(jí)鏈接元素里還可以包含其他 HTML元素，如以下代碼： a href= color=red已訪問過的超級(jí)鏈接 /font/a 在上面這行代碼里，超級(jí)鏈接元素里還包含了一個(gè) font元素。 (1)超級(jí)鏈接元素與所有其他 HTML元素一樣，可以嵌套使用，不過瀏覽器只識(shí)別在嵌套最里層的超級(jí)鏈接，請(qǐng)看下面的例子： a href=“”a href=“”例題/a/a 雖然為 “ 例題 ” 指定了兩個(gè)超級(jí)鏈接，但是有用的只是最里面的那個(gè)。 “ _parent”和“ _top”兩個(gè)屬性值與框架頁面相關(guān)，分別代表在父級(jí)窗口、頂級(jí)窗口打開鏈接。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title超級(jí)鏈接 /title /head body a href=“ title=“單擊此處進(jìn)入西華大學(xué)的網(wǎng)站首頁” target=“_blank” name=“xhu”西華大學(xué) /a /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置打開鏈接的窗口 使用 a元素的 target屬性可以實(shí)現(xiàn)打開鏈接窗口的情況，TARGET的屬性值包括 4種： “ _bank”、“ _self”、“ _parent”和“ top”4種。當(dāng)瀏覽者單擊該超級(jí)鏈接時(shí)，會(huì)出現(xiàn)什么內(nèi)容，全是由目標(biāo)地址來決定的。 從上面的超級(jí)鏈接語法代碼可以看出，一個(gè)超級(jí)鏈接的組成主要包括目標(biāo)地址、鏈接文字、標(biāo)題說明、目標(biāo)窗口以及錨。 ◆ title：用于設(shè)置超級(jí)鏈接的標(biāo)題。 ◆ name：用于設(shè)置超級(jí)鏈接的錨名稱。超級(jí)鏈接不僅僅可以鏈接網(wǎng)頁，還可以鏈接圖片、視頻、音頻，甚至是任何一種文件。 body的屬性 topmargin leftmargin 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML中的超級(jí)鏈接 超級(jí)鏈接是 Inter里最重要的組成部分， HTML有了超級(jí)鏈接才顯得與眾不同。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title設(shè)置超級(jí)鏈接顏色 /title /head body link=FF0000 vlink=Olive alink=00FFFF a href= /abr a href= /abr a href= /abr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 絕對(duì)路徑與相對(duì)路徑 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 meta標(biāo)簽 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 網(wǎng)頁邊距 在使用瀏覽器瀏覽網(wǎng)頁時(shí)，都會(huì)在文本與瀏覽器邊框之間預(yù)留一些空白，這些空白就是網(wǎng)頁的邊距。通常在瀏覽器中，使用藍(lán)色 (0000FF)作為默認(rèn)的活動(dòng)超級(jí)鏈接文字的顏色。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 ◆ 第三個(gè)屬性： alink屬性。該屬性告訴瀏覽者，該超級(jí)鏈接所指向的 URL是已經(jīng)訪問過的 URL。通常在瀏覽器中，使用藍(lán)色 (0000FF)作為默認(rèn)的超級(jí)鏈接文字的顏色。每一個(gè)超級(jí)鏈接都會(huì)有 3個(gè)屬性： ◆第一個(gè)屬性： link屬性。 夜來風(fēng)雨聲，花落知多少。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title滾動(dòng)文字 /title/head body marquee默認(rèn)的滾動(dòng)方式 /marquee marquee behavior=alternate來回滾動(dòng) /marquee marquee width=300 height=100 bgcolor=red 背景顏色為紅色 /marquee marquee direction=right 從左向右滾動(dòng) /marquee marquee loop=3 只滾動(dòng)三次 /marquee marquee scrollamount=1慢慢滾動(dòng) /marquee marquee scrolldelay=10間隔時(shí)間長一點(diǎn)的滾動(dòng)/marquee 滾動(dòng)開始 marquee width=300 height=100 hspace=20 vspace=5 bgcolor=red direction=down滾動(dòng)文字 /marquee 滾動(dòng)結(jié)束 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 注意：在“ marquee /marquee”標(biāo)簽里不但可以放置文字，還可以放置圖片、表格等，讓其滾動(dòng)。 ● scrollamount：用于設(shè)置每次滾屏?xí)r移動(dòng)的像素個(gè)數(shù)。 ● vspace：用于設(shè)置滾動(dòng)區(qū)域與其他內(nèi)容的垂直空白區(qū)域的像素個(gè)數(shù)。 ● width：用于設(shè)置滾動(dòng)區(qū)域的寬度。 ● height：用于設(shè)置滾動(dòng)區(qū)域的高度。 ● bgcolor：用于設(shè)置滾動(dòng)文字的背景顏色。 ● align：用于設(shè)置 marquee相對(duì)于周圍文字的垂直排列方式，其值可以為： top(頂部對(duì)齊 )、 middle(居中對(duì)齊 )或 bottom(底端對(duì)齊 )。39。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 滾動(dòng)文字 使用 marquee元素可以使網(wǎng)頁里的文字進(jìn)行滾動(dòng)，就像電子屏幕上的滾動(dòng)字幕一樣，滾動(dòng)方式可以橫向滾動(dòng)，也可以縱向滾動(dòng)。 /body /html 在 IE瀏覽器里不支持該元素 ， 因此在 IE瀏覽器里瀏覽該網(wǎng)頁時(shí)是不會(huì)顯示出閃爍的效果的 。 /pre /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 特殊效果 1 設(shè)置文字閃爍 使用 blink元素可以使網(wǎng)頁中的文字閃爍，通常用來設(shè)置比較重要的超級(jí)鏈接或文本。 pre 春 曉 春眠不覺曉，處處聞蹄鳥。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title預(yù)格式化 /title /head body 春 曉 春眠不覺曉，處處聞蹄鳥。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 各種水平線的演示。 html head titlediv標(biāo)記演示 /title /head body 下面是 DIV標(biāo)記演示 div align=center h1 h1標(biāo)題演示 /h1 h2 h2標(biāo)題演示 /h2 h3 align=left h3標(biāo)題演示 /h3 h4h4標(biāo)題演示 /h4 h5h5標(biāo)題演示 /h5 /div h6 h6標(biāo)題演示 /h6 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 水平線標(biāo)記 hr 屬性 =值 … hr標(biāo)記在文檔中添加一條水平線，用來分隔文檔。 html head titlecenter標(biāo)記演示 /title /head body 下面是 center標(biāo)記演示 center h1 h1標(biāo)題演示 /h1 h2 h2標(biāo)題演示 /h2 h3 align=left h3標(biāo)題演示 /h3 h4h4標(biāo)題演示 /h4 h5h5標(biāo)題演示 /h5 /center