- HTML5+CSS3王者歸來
- 洪錦魁
- 123字
- 2019-12-09 14:46:11
4-5 設定聯絡信息<address>元素
這個元素主要用于顯示個別內容或是整個網站內容的聯絡信息。在設計網頁時,有時需要在網頁下方放置聯絡信息,便可以使用這個元素。
程序實例ch4_7.html:<address>元素的應用。這個程序在執行時若是單擊“與客服人員聯絡”超鏈接,便可進入美國的Silicon Stone網頁。

執行結果

4-6 鏈接到電子郵件信箱
HTML也允許超鏈接直接鏈接到電子郵件信箱,使用方法如下:
<a href=Mailto:電子郵件地址> … </a>
此外,也可以在電子郵件地址后面加上參數實現用特別方式發送郵件。
主題:?subject=信件標題。
副本:?cc=副本收件者電子郵件地址。
密件抄送:?bcc=密件抄送收件者地址。
郵件內容:?body=郵件內容。
程序實例ch4_8.html:重新設計程序實例ch4_7.html,將超鏈接導向電子郵件信箱,同時附上不同參數實現用特別方式來發信郵件。讀者應該分別單擊以體會結果。

執行結果 下圖是進入網頁及單擊各個超鏈接后的執行效果。

4-7 引用短文的實例<cite>元素與超鏈接的應用
在3-12節筆者曾經講過可以用<cite>元素引用短文,下面舉一個實例。
程序實例ch4_9.html:<cite>元素與超鏈接的應用。

執行結果 單擊下圖所示的“大數據”超鏈接可跳至<cite>所參考的bigdata.html文件。

4-8 指定基準的URL
至今本書所有URL皆是以目前HTML文件的地址為基準。
HTML內有<base>元素,這個元素可以設定URL的基準,執行這個元素設定的URL基準后,未來所有相對的URL皆以此為基準。這個元素必須放在<head>元素內,且一個<head>元素只能有一個<base>。這個元素的使用格式如下:
<base 屬性>
□ href
以絕對地址設定HTML文件的基準。
□ target
屬性值可參考4-2節。
程序實例ch4_10.html:<base>元素的測試。這個程序在第6行會先將ch4/child設為URL的基準,由于基準為子文件夾ch4,所以程序第9行即使是引用同文件夾的超鏈接,此URL也需使用“../basetest.html”定義。

程序child/basech4_10.html:位于ch4的子文件夾child,它的內容如下:

程序basetest.html:與ch4_10.html相同,位于ch4文件夾。

執行結果

習題
1. 請設計一個網頁介紹自己的求學履歷,使其可以超鏈接到所讀小學、初中和高中學校的網頁,其他內容可自行發揮。
2. 請挑選3種不同風格的音樂主題,每一種主題挑5首歌曲,請設計一個網頁可以從主網頁跳至不同風格的音樂主題網頁。
- 自己動手寫搜索引擎
- Visual Studio 2012 Cookbook
- Visual Basic程序開發(學習筆記)
- Cocos2d-x游戲開發:手把手教你Lua語言的編程方法
- Effective Python Penetration Testing
- Visual Basic程序設計與應用實踐教程
- HTML5+CSS3網站設計基礎教程
- 表哥的Access入門:以Excel視角快速學習數據庫開發(第2版)
- Python Data Analysis Cookbook
- Mastering Data Mining with Python:Find patterns hidden in your data
- Data Science Algorithms in a Week
- Wearable:Tech Projects with the Raspberry Pi Zero
- 你好!Java
- C語言開發寶典
- Java無難事:詳解Java編程核心思想與技術