通過代碼實例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例第2部分(已修改)
2024-11-30 07:42 本頁面
【正文】 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/16 頁 1 目 錄 HTML 標(biāo)簽的相關(guān)的教學(xué)示例（第 2 部分） .............................................................2 典型的 HTML 標(biāo)簽及應(yīng)用實例 .............................................................................2 了解表格 table—— 規(guī)范數(shù)據(jù)顯示、布局定位 ..................................................7 深入地了解表格及應(yīng)用 ........................................................................................13 利用 ul標(biāo)簽定義符號列表、 ol標(biāo)簽定義編號列表 .....................................15 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/16 頁 2 HTML 標(biāo)簽的相關(guān)的教學(xué)示例（第 2 部分） 典型的 HTML 標(biāo)簽及應(yīng)用實例 超鏈接 超鏈接在本質(zhì)上屬于一個網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點之間進(jìn)行連接的元素。各個網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個網(wǎng)站。 這個目標(biāo)可以是另一個網(wǎng)頁 ,也可以是相同網(wǎng)頁上的不同位置 ,還可以是一個圖片 ,一個電子郵件地址 ,一個文件 ,甚至是一個應(yīng)用程序 （ 1）使用 a標(biāo)記來實現(xiàn)超鏈接 a href=“ 中科院計算所培訓(xùn)中心 /a a href=查看第二個頁面 /a （ 2） 超 鏈接可以為文字或者圖形 a href= 新聞 /a （ 3） a標(biāo)簽的其他屬性 —— target（在指定的窗口或新窗口中顯示鏈接頁，默認(rèn)方式是在瀏覽器的當(dāng)前窗口內(nèi)顯示） a href=“ target=_blank ABC 公司 /a 下面為 target 屬性的可能取 值 及對應(yīng)的功能說明： 1) _parent： 在上一級窗口中打開，一般應(yīng)用在框架集的框架頁中 。 2) _blank： 在一個新的空窗口中打開 。 3) _self： 在同一個楨或當(dāng)前窗口中打開（默認(rèn)為該方式） 。 4) _top ： 在瀏覽器的頂級窗口中打開 。 （ 4） a標(biāo)簽的其他屬性 —— name（設(shè)置錨（ anchor）標(biāo)記，實現(xiàn)超鏈接跳轉(zhuǎn)到頁面指定位置） 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/16 頁 3 超鏈接 a標(biāo)簽不僅可以實現(xiàn)從一個頁面鏈接到另一個獨立的頁面，也可以實現(xiàn)在同一個頁面內(nèi)的不同內(nèi)容所在的區(qū)域之間鏈接跳轉(zhuǎn)。此時，只需要在頁面某處定義一個命名的錨，然后再定義一個超鏈接到該命名錨的正常超鏈接。下面給出了實現(xiàn)此功能要求的 HTML 代碼片段示例： a id=oneNamedAnchor命名錨所指示的文 本內(nèi)容 /a a href=oneNamedAnchor跳轉(zhuǎn)到錨標(biāo)記為 oneNamedAnchor 的指定位置 /a （ 5） a標(biāo)簽的其他屬性 —— title（設(shè)置超鏈接的說明文字，鼠標(biāo)懸停在超鏈接上時顯示），利用該信息可以為超鏈接提供說明型的文字，當(dāng)操作者的鼠標(biāo)懸停在該超級鏈接時，瀏覽器將自動顯示出該幫助提示信息： a href= title=點擊可以看到我的照片 照片 /a （ 6）鏈接到 地址 a href=mailto:聯(lián)系我們 /a （ 7）圖片作為超鏈接 如果需要用圖像做超鏈接，只需要把定義圖像的 img標(biāo)簽嵌套在 a href=目標(biāo)資源的URL 地址 /a之間就能實現(xiàn)圖像超級鏈接的效果。如下示例： a href=...img src=/a 圖像 標(biāo)簽 img和背景圖像的 應(yīng)用 （ 1） Web 瀏覽器目前所支持的各種圖像文件格式 Web 瀏覽器可以顯示的圖像文件的格式主要有如下格式： 1) JPEG（ Joint Photographic Experts Group，聯(lián)合圖 像專家組） 2) BMP（英文 Bitmap 位圖的簡寫，同時也是 Windows 環(huán)境中交換與圖形有關(guān)的數(shù)據(jù)的一種標(biāo)準(zhǔn)） 3) GIF（ Graphics Interchange Format，圖像互換格式）等形式 但由于 BMP 格式的圖像文件存儲的容量比較大、傳輸慢，一般在 Web 頁面中不應(yīng)用它；而 JPEG 圖像由于支持?jǐn)?shù)百萬種顏色，即使在傳輸過程中丟失部分的顏色數(shù)據(jù)，也不會在圖像顯示的質(zhì)量上有明顯的差別，但圖像文件的容量比 GIF 格式的圖像文件要大； GIF 圖像由楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 4/16 頁 4 于僅包括有 265 種色彩，盡管在顯示的質(zhì)量上沒有 JPEG 格式的圖像高，但 圖像文件的容量比較小，下載速度也比較快、并且還支持動畫效果及背景色透明等技術(shù)特性，因此也同樣被廣泛地應(yīng)用在 Web 頁面中。 （ 2）利用 img標(biāo)簽實現(xiàn)在網(wǎng)頁中插入獨立的圖像 當(dāng)瀏覽器讀取到頁面文檔中的標(biāo)識圖像的 img src=images/ /標(biāo)簽時，就會顯示由其中的 src 屬性所指定的目標(biāo)圖像文件而產(chǎn)生出“圖文混排”的頁面結(jié)構(gòu)的排版效果。 img標(biāo)簽主要有如下的屬
高考資料相關(guān)推薦
鄂ICP備17016276號-1