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

Chap 07 HTML建立超链接_html/css_WEB-ITnose

Jun 21, 2016 am 08:56 AM

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

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

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
HTML容易為初學者學習嗎? HTML容易為初學者學習嗎? Apr 07, 2025 am 12:11 AM

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

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

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

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

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

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

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

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 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來:網絡設計的發展和趨勢 HTML的未來:網絡設計的發展和趨勢 Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML,CSS和JavaScript的未來:網絡開發趨勢 HTML,CSS和JavaScript的未來:網絡開發趨勢 Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

See all articles