搜尋
首頁web前端html教學Chap 07 HTML建立超链接_html/css_WEB-ITnose

7.1 超链接的基本知识   每个网页都有一个唯一的地址,称为统一资源定位符(URL)。7.1.1  绝对路径   绝对路径是包含服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以精确地找到,除非是目标文档的位置发生变化,否则链接不会失败。采用绝对路径的好处是,它同链接的源端点无关。只要网站的地址不变,无论文档在端点中如何移动,都可以正常实现跳转而不会发生错误。另外,如果希望链接站点上的其他内容,就必须使用绝对路径。   采用绝对路径的缺点在于这种方式的链接并不利于测试。如果在站点中使用绝对地址,要想测试链接是否有效,必须在Internet服务器上进行测试。另一个缺点是,采用绝对路径不利于站点的移植。7.1.2  相对路径   为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的方法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。   如果在链接中源端点和目标端点位于同一个目录下,则只需要将目录的相对路径关系表示出来就可以了。   如果在链接中源端点和目标端点不在同一个目录下,则只需要将目录的相对关系表示出来就可以了。   如果链接指向的文档位于当前目录的子级目录中,则可以利用…符号表示当前位置的父级目录,从而构建出目录的相对位置。   利用相对路径的好处是,如果站点的结构和文档的位置不变,那么链接就不会出错。可以将整个网站的移植到另一个地址的网站中,而不需要修改文档中的链接路径。   7.2 内部链接   内部链接是指链接的对象是在同一个网站中的资源。7.2.1 认识内部链接与自身网站页面有关的链接被称为内部链接。语法:<a href="链接地址">……</a>7.2.2  链接的目标窗口在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用target属性来控制打开的目标窗口。语法:<a href ="链接目标" target="目标窗口的打开方式"> 说明: target参数取值有4种self:在当前页面中打开链接。blank: 在一个全新的空白窗口中打开链接。top:在顶层框架中打开链接,也可以理解为在根框架中打开链接。parent:在当前框架的上一层里打开链接。7.3 锚点链接网站中经常会有一些文档页面由于文本或者图像过多,导致页面过长。访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容。为了方便用户查看文档中的内容,在文档中需要进行锚点链接。7.3.1 建立锚点 锚点就是指在给定名称的网页中的某一个位置,在创建锚点链接前首先要建立锚点。语法:<a name="锚点的名称"></a>说明:利用锚点名称可以连接到相应的位置。这个名称可以使数字和英文,或者两者的混合,最好要区分大小写。同一个网页中可以有无数个锚点,但是不能有相同名称的两个锚点。7.3.2  链接同一页面中的锚点建立了锚点之后,就可以创建到锚点的链接,需要用#号以及锚点的名称作为href属性值。语法:<a href="#锚点的名称">……</a>说明:在该语法中,在href属性后输入页面中创建的锚点的名称,可以连接到页面中不同的位置。7.3.3 链接到其他页面中的锚点锚点链接不但可以链接到同一页面,也可以在不同页面中设置。语法:<a href="链接的文件地址#锚点链接">……</href>说明:在该语法中,与同一页面内的锚点链接不同的是,需要在锚点名称前增加文件所在的位置以设置一个单独的链接页面,使其链接到前面定义的锚点页面。7.4 外部链接(跳转到当前网站之外的资源中)7.4.1 链接到外部网站网页中最常用的利用HTTP协议进行外部链接是在设置友情链接时。语法:<a href="7.4.2 链接到Email(可以使浏览者迅速反馈自己的意见)语法:<a href="mailto:邮件地址">……</a> 7.4.3 链接到FTP FTP是指文件传输协议,一个FTP站点通常包含一些容易上传和下载文件的文件目录。大部分的FTP网站需要一个用户名和密码来进入网站。语法:<a href="ftp://ftp地址">……</a>7.4.4  链接到Telnet Telnet常常用来登录一些BBS网站,也是一种远程登录方式。语法:<a href="telnet://地址">……</a>7.4.5 下载文件在某些网站中只需要单击一个链接就可以自动下载文件。语法:<a href="文件地址">……</a>说明:在文件所在地址部分设置的路径,可以是相对地址,也可以是绝对地址。如果超链接指向的不是一个网页文件,而是其他文件例如zip、MP3、exe文件等,单击链接的时候就会下载文件。



陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
了解HTML,CSS和JavaScript:初學者指南了解HTML,CSS和JavaScript:初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色:構建Web內容HTML的角色:構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼:仔細觀察術語HTML和代碼:仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML,CSS和JavaScript:Web開發人員的基本工具HTML,CSS和JavaScript:Web開發人員的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

HTML,CSS和JavaScript的角色:核心職責HTML,CSS和JavaScript的角色:核心職責Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

HTML容易為初學者學習嗎?HTML容易為初學者學習嗎?Apr 07, 2025 am 12:11 AM

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML中起始標籤的示例是什麼?HTML中起始標籤的示例是什麼?Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何利用CSS的Flexbox佈局實現菜單中虛線分割效果的居中對齊?如何利用CSS的Flexbox佈局實現菜單中虛線分割效果的居中對齊?Apr 05, 2025 pm 01:24 PM

如何設計菜單中的虛線分割效果?在設計菜單時,菜名和價格的左右對齊通常不難實現,但中間的虛線或點如何...

See all articles

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

熱工具

記事本++7.3.1

記事本++7.3.1

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

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具