目錄
Acadia National Park" >Acadia National Park
首頁 web前端 html教學 HTML 初學者指南(七)

HTML 初學者指南(七)

Dec 23, 2016 pm 02:46 PM
html

URLs
World Wide Web 使用標準資源定位Uniform Resource Locators (URLs) 指明其它伺服器中的檔案. 一個URL 包括存取資源的類型(例如, Web, gopher, WAIS), 伺服器的位址, 和檔案的位置. 語法格式為: 

scheme://host.domain [:port]/path/ filename 

其中scheme 是以下的一個 

file 
本機系統的一個檔案Wide Web 伺服器中的檔案 
gopher 
Gopher 伺服器中的檔案 
WAIS 
WAIS 伺服器中的檔案 
news 
Usenet 的一個新聞群組news .Tel (除非對方告訴你使用它,否則忽略它) 

例如,在你的文件中鏈接本指南: 

 
NCSA's Beginner's Guide to HTML
 

它將文字NCSA's Beginner's Guide to HTML 標記為一個超鏈,連到目前文件中. 

到指定部分的連結
錨鏈也可以用於引導讀者到一篇文檔(可以是當前文檔或其他文檔)中的特定區域,而不一定到缺省的頂端位置. 這種類型的錨鏈通常稱為一個命名錨鏈named anchor ,因為創建鏈接時, 你需要在文檔中插入HTML 名字. 

本指南是在同一篇文檔中使用命名錨鏈的很好的例子. 它作成一篇文檔以便於打印. 但是當你只是想了解關於HTML 的一部分資訊時,在這樣一篇(長)文檔中瀏覽是比較費時的. 內部的超鏈用於在文檔開始創建一個"內容索引table of contents". 這些超鏈使你可以從文檔中的一個位置移到另一個位置。 (到本文的頂端點擊內容索引中到指定部分的連結. 你就會回到這裡.) 

你也可以連結到另一篇文件中的指定部分. 首先提這一點是因為這會有助於幫助你理解一篇文件內部的連結. 

不同文件中指定部分之間的連結
假設你想要從文件A (documentA.html) 建立一條到另一篇文件(MaineStats.html)中的一個指定部分的連結. 

輸入HTML編碼指向一個命名連結: 

documentA.html: 

In addition to the many state parks, Maine is also home to 
s.htmld

井號(#)後面的字符串可以看作文件MaineStats.html 中的一個標籤. 這個標籤說明了當該鏈接被激活時瀏覽器從什麼地方開始顯示. 在上例中,顯示的第一行將是Acadia National Park heading. 

第二步, 在MaineStats.html中創建命名錨鏈(本例中為"ANP") 

Acadia National Park

 

這些元素都作好以後,你就可以讓讀者直接找到MaineStats.html中Acadia 的參考資訊了. 

注意: 要想連結到另一篇文件中的指定位置,你需要對那篇文檔具有寫權限,或者那篇文檔中已經含有文檔內部的命名錨鏈. 例如,你可以在你所寫的文檔中包含指向本指南的錨鏈,因為本文中已經含有命名錨鏈(使用瀏覽器中的View Source 看一看編碼). 但是如果本文檔沒有命名錨鏈, 你就不能製作到特定位置的鏈接,因為你不能編輯NCSA伺服器中的原始文件. 

指向目前文件內指定部分的連結
語法和前文相同,只是檔案名稱省略. 

例如, 要從MaineStats連結到ANP : 

...More information about Acadiaadia National Park 
is available elsewhere in this document. 

注意確保你的文件中在連結所指向的部分包含 標記(

Acadia National Park

). 

當你認為讀者可能需要打印全部文檔,或者在一個文件中有很多短信息需要在線說明的情況下非常有用. 

郵件發送Mailto
在超鏈中包含mailto屬性,可以方便讀者寄電子郵件給某人或別名。格式為: 

Name 

例如, 輸入: 

NCSA Publications Group 

可以建立一個已經設定好的寄往BUPT Publications Group的郵件視窗. (當然應該改用另一個位址!) 

 以上是HTML 初學者指南(七)的內容,更多相關內容請關注PHP中文網(www.php.cn)!


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles