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