官术网_书友最值得收藏!

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首歌曲,請設計一個網頁可以從主網頁跳至不同風格的音樂主題網頁。

主站蜘蛛池模板: 黎平县| 普格县| 瑞安市| 玛曲县| 永年县| 长汀县| 开平市| 鄂尔多斯市| 佛冈县| 富顺县| 孝义市| 大兴区| 游戏| 基隆市| 叶城县| 保康县| 西华县| 长汀县| 盘锦市| 平山县| 北辰区| 潞西市| 锡林郭勒盟| 仙桃市| 沁源县| 攀枝花市| 修水县| 黄大仙区| 成都市| 崇文区| 永靖县| 海盐县| 鄱阳县| 商南县| 临漳县| 南汇区| 清丰县| 兴仁县| 时尚| 淳安县| 宝应县|