首页 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 
本地系统的一个文件 
ftp 
匿名FTP 服务器中的文件 
http 
World Wide Web 服务器中的文件 
gopher 
Gopher 服务器中的文件 
WAIS 
WAIS 服务器中的文件 
news 
Usenet 的一个新闻组newsgroup 
telnet 
到一个基于Telnet 的服务的连接 
端口port 号通常可以省略. (除非对方告诉你使用它,否则忽略它) 

例如,在你的文档中链接本指南: 

 
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 
Acadia National Park

井号(#)后面的字符串可以看作文件MaineStats.html 中的一个标签. 这个标签说明了当该链接被激活时浏览器从什么地方开始显示. 在上例中,显示的第一行将是 Acadia National Park heading. 

第二步, 在MaineStats.html中创建 命名锚链 (本例中为 "ANP") 

Acadia National Park

 

这些元素都作好以后,你就可以让读者直接找到MaineStats.html中Acadia 的参考信息了. 

注意: 要想链接到另一篇文档中的指定位置,你需要对那篇文档具有写权限,或者那篇文档中已经含有文档内部的命名锚链. 例如,你可以在你所写的文档中包含指向本指南的锚链,因为本文中已经含有命名锚链 (使用浏览器中的 View Source 看一看编码). 但是如果本文档 没有命名锚链, 你就不能制作到特定位置的链接,因为你不能编辑NCSA服务器中的原始文件. 

指向当前文档内指定部分的链接
语法和前文相同,只是文件名 省略. 

例如, 要从 MaineStats中链接到 ANP : 

...More information about Acadia 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.最佳图形设置
3 周前 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