- HTML5+CSS3王者歸來(lái)
- 洪錦魁
- 90字
- 2019-12-09 14:46:11
4-5 設(shè)定聯(lián)絡(luò)信息<address>元素
這個(gè)元素主要用于顯示個(gè)別內(nèi)容或是整個(gè)網(wǎng)站內(nèi)容的聯(lián)絡(luò)信息。在設(shè)計(jì)網(wǎng)頁(yè)時(shí),有時(shí)需要在網(wǎng)頁(yè)下方放置聯(lián)絡(luò)信息,便可以使用這個(gè)元素。
程序?qū)嵗齝h4_7.html:<address>元素的應(yīng)用。這個(gè)程序在執(zhí)行時(shí)若是單擊“與客服人員聯(lián)絡(luò)”超鏈接,便可進(jìn)入美國(guó)的Silicon Stone網(wǎng)頁(yè)。

執(zhí)行結(jié)果

4-6 鏈接到電子郵件信箱
HTML也允許超鏈接直接鏈接到電子郵件信箱,使用方法如下:
<a href=Mailto:電子郵件地址> … </a>
此外,也可以在電子郵件地址后面加上參數(shù)實(shí)現(xiàn)用特別方式發(fā)送郵件。
主題:?subject=信件標(biāo)題。
副本:?cc=副本收件者電子郵件地址。
密件抄送:?bcc=密件抄送收件者地址。
郵件內(nèi)容:?body=郵件內(nèi)容。
程序?qū)嵗齝h4_8.html:重新設(shè)計(jì)程序?qū)嵗齝h4_7.html,將超鏈接導(dǎo)向電子郵件信箱,同時(shí)附上不同參數(shù)實(shí)現(xiàn)用特別方式來(lái)發(fā)信郵件。讀者應(yīng)該分別單擊以體會(huì)結(jié)果。

執(zhí)行結(jié)果 下圖是進(jìn)入網(wǎng)頁(yè)及單擊各個(gè)超鏈接后的執(zhí)行效果。

4-7 引用短文的實(shí)例<cite>元素與超鏈接的應(yīng)用
在3-12節(jié)筆者曾經(jīng)講過(guò)可以用<cite>元素引用短文,下面舉一個(gè)實(shí)例。
程序?qū)嵗齝h4_9.html:<cite>元素與超鏈接的應(yīng)用。

執(zhí)行結(jié)果 單擊下圖所示的“大數(shù)據(jù)”超鏈接可跳至<cite>所參考的bigdata.html文件。

4-8 指定基準(zhǔn)的URL
至今本書(shū)所有URL皆是以目前HTML文件的地址為基準(zhǔn)。
HTML內(nèi)有<base>元素,這個(gè)元素可以設(shè)定URL的基準(zhǔn),執(zhí)行這個(gè)元素設(shè)定的URL基準(zhǔn)后,未來(lái)所有相對(duì)的URL皆以此為基準(zhǔn)。這個(gè)元素必須放在<head>元素內(nèi),且一個(gè)<head>元素只能有一個(gè)<base>。這個(gè)元素的使用格式如下:
<base 屬性>
□ href
以絕對(duì)地址設(shè)定HTML文件的基準(zhǔn)。
□ target
屬性值可參考4-2節(jié)。
程序?qū)嵗齝h4_10.html:<base>元素的測(cè)試。這個(gè)程序在第6行會(huì)先將ch4/child設(shè)為URL的基準(zhǔn),由于基準(zhǔn)為子文件夾ch4,所以程序第9行即使是引用同文件夾的超鏈接,此URL也需使用“../basetest.html”定義。

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

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

執(zhí)行結(jié)果

習(xí)題
1. 請(qǐng)?jiān)O(shè)計(jì)一個(gè)網(wǎng)頁(yè)介紹自己的求學(xué)履歷,使其可以超鏈接到所讀小學(xué)、初中和高中學(xué)校的網(wǎng)頁(yè),其他內(nèi)容可自行發(fā)揮。
2. 請(qǐng)?zhí)暨x3種不同風(fēng)格的音樂(lè)主題,每一種主題挑5首歌曲,請(qǐng)?jiān)O(shè)計(jì)一個(gè)網(wǎng)頁(yè)可以從主網(wǎng)頁(yè)跳至不同風(fēng)格的音樂(lè)主題網(wǎng)頁(yè)。
- Visual Studio 2012 Cookbook
- Java EE 6 企業(yè)級(jí)應(yīng)用開(kāi)發(fā)教程
- Unity Virtual Reality Projects
- 深度學(xué)習(xí):算法入門(mén)與Keras編程實(shí)踐
- Unity Game Development Scripting
- Selenium Testing Tools Cookbook(Second Edition)
- Mastering Elasticsearch(Second Edition)
- Visual Studio Code 權(quán)威指南
- INSTANT Apache ServiceMix How-to
- Python一行流:像專家一樣寫(xiě)代碼
- 大規(guī)模語(yǔ)言模型開(kāi)發(fā)基礎(chǔ)與實(shí)踐
- Mastering Object:Oriented Python(Second Edition)
- 創(chuàng)新工場(chǎng)講AI課:從知識(shí)到實(shí)踐
- C/C++代碼調(diào)試的藝術(shù)
- C# 10核心技術(shù)指南