学习超级链接A标记
网页设计试题及答案

一、单项选择题(每题2分,共40分)1. “HTTP”的中文含义是__B__。
A) 文件传输协议 B) 超文本传输协议C) 顶级域名网址 D) 以上都不是2. 在因特网的域名体系中,域名缩写com是指__B___。
A) 教育机构 B) 商业机构 C) 政府部门 D) 军事部门3. 在网站整体规划时,第一步要做的是__A__。
A) 确定网站主题B) 选择合适的制作工具C) 搜集材料D) 制作网页4.以下关于HTML的叙述中错误的是__A__。
A) 网页文件都是由HTML编写而成的B) HTML具有与操作系统和硬件平台无关性C) HTML的中文意思是“超文本标记语言”D) 可以通过任何一种文本编辑器编写HTML文件5.__A__标记标注网页中一个段落的开始。
A) <p> B) <hr> C) <br> D) <b>6. <font>标记控制文字字体类型的属性是__D__。
A) color B) size C) style D) face7. <TR>表示__B_。
A) 一张表 B) 一行 C) 一列 D) 一个单元格8.用于设置页面标题的标记是__A__。
A)<title> B)<caption> C)<head> D)<html>9. 当浏览器不支持图像时,图像<IMG>标记的__C__属性的文本内容可以替代说明图像。
A) align B) height C) alt D) border 10.关于<table>标记的叙述,错误的是__C__。
A) 使用<table>标记可以控制页面布局B) 使用<table>标记可以设置表格的对齐方式C) <table>标记的cellspacing属性可以使单元格更大D) <table>标记的width属性值既可以是百分比,也可以是具体的数值。
链接标记图象标记与表格标记

任务二、 超级链接的应用
一、链接网站 <a href=> 新华 </a>
二、更改链接文字的颜色<body>标签中的 text,link,vlink,alink控制的。
Text属性:非可链接文字的颜色。黑 Link属性:可链接文字的颜色。蓝 Vlink属性:已经被访问过的可链接文字的颜色。栗 Alink属性:正被单击的可链接文字的颜色。红
•设置表格的位置align <table align=“参数值”>
参数值为:left,center,right
• 设置表格的背景颜色或背景图象 <table bgcolor=“#”> <table background=“URL”>
•设置表格的格框线宽度cellspacing <table cellspacing=“数值”>
C、定义单元格标签<td></td> <td>标签用于定义表格的单元格。一组标签将建
立一个单元格。 <td>标签必须放在<tr>标签内。在一 个最基本的表格元素中,必须包含一组<table>标签、 一组<tr>标签和一组<td>标签 。
2、表格的定义 •设置表格边框的尺寸border <table border=“数 值”> •设置表格边框的颜色bordercolor/bordercolorlight
•设定图象的高度和宽度height/width
•设定图象的边框border
•设定图象的对齐方式align <img align=top/middle/bottom/left/right>
Html语言——超级链接

编码 %3B %2F %3F %3A %40 %3D %26 %3C
7
School of Applied Technology Soochow University
URL的保留字符和不安全字符 的保留字符和不安全字符
字符 > “ # : % { } |
2011-3-21
描述 大于号 双引号 井号 冒号 百分号 左大括号 又大括号 竖线
注意:一般除了字母、数字和“ 注意:一般除了字母、数字和“$,-,_,.,+,!,*,’,()外,其他 外 所有字符都应该使用编码” 所有字符都应该使用编码”
2011-3-21 School of Applied Technology Soochow University 9
2 建立指向其他页面的链接 其格式为: 其格式为: <a href=”目标文件的路径/目 目标文件的路径/ 目标文件的路径 标 文 件 名 .html”> 热点文本 </a>
热点文本
5) 创建指向本页中的链接 要在当前页面内实现超链接,需要定义两个标记: 要在当前页面内实现超链接,需要定义两个标记:一个为超链接标 另一个为书签标记。超链接标记的格式为: 记,另一个为书签标记。超链接标记的格式为: <a href=”#记号名”> 热点文本</a> 记号名” 热点文本 / 记号名 即单击热点文本,将跳转到“记号名”开始的文本。 即单击热点文本,将跳转到“记号名”开始的文本。 书签就是用<a>标记对该文本做一个记号。若有多个链接的书签名, <a>标记对该文本做一个记号 书签就是用 <a> 标记对该文本做一个记号 。 若有多个链接的书签名 , 书签名在<a> name属性中定义 <a>的 属性中定义。 书签名在<a>的name属性中定义。 格式为: 格式为: <a name=”记号名”> 目标文本附近的字符串 </a> 记号名” 记号名 /
HTML超级链接详细讲解

HTML超级链接详细讲解超级链接超级链接是⽹站中使⽤⽐较频繁的HTML元素,因为⽹站的各种页⾯都是由超级链接串接⽽成,超级链接完成了页⾯之间的跳转。
超级链接是浏览者和服务器的交互的主要⼿段,在后⾯的技术中会逐步深化学习。
— 注意:图⽚也可以做链接,将在下⼀章“⽹页中的图⽚”详细学习。
4.5.1 给⽂字添加链接超级链接的标签是<a></a>,给⽂字添加超级链接类似于其他修饰标签。
添加了链接后的⽂字有其特殊的样式,以和其他⽂字区分,默认链接样式为蓝⾊⽂字,有下划线。
超级链接是跳转到另⼀个页⾯的,<a></a>标签有⼀个href属性负责指定新页⾯的地址。
href指定的地址⼀般使⽤相对地址。
— 说明:⽹站开发中,⽂档相对地址使⽤更为普遍。
在D:\web\⽬录下创建⽹页⽂件,命名为a.htm,编写代码如代码4.18所⽰。
代码4.18 超级链接的设置:a.htm<html><head><title>超级链接的设置</title></head><body><font size="5"><a href="ul_ol.htm">进⼊列表的设置页⾯</a></font></body></html>图4.19 超级链接的设置读者可从图4.19中看到超级链接的默认样式,当单击页⾯中的链接,页⾯将跳转到同⼀⽬录下的ul_ol.htm页⾯,即上节的列表设置页⾯。
当单击浏览器的“后退”按钮,回到a.htm页⾯时,⽂字链接的颜⾊变成了紫⾊,⽤于告诉浏览者,此链接已经被访问过。
4.5.2 修改链接的窗⼝打开⽅式默认情况下,超级链接打开新页⾯的⽅式是⾃我覆盖。
根据浏览者的不同需要,读者可以指定超级链接的其他打开新窗⼝的⽅式。
山东省春季高考学习指导与练习 (数字媒体类和网络技术类)答案2

第一节 网页基础知识
【同步练习】
一、选择题
1. C 2. B 3. A 4. B 5.A 6.B 7.A 8.B 9. C 10.C
二、填空题
1.首页 2.html htm 3.URL 4.HTML 文档 5.色相 明度 纯度 6.蓝色 绿色 7.客户机/服务器
三、简答题
1. WWW 服务采用客户机/服务器工作模式,用户创建的网站及网页存放到 Web 服务器中, 当用户使用浏览器请求访问 Web 服务器上的信息时,Web 服务器接受并处理用户请求,然后 向浏览器发送对应的文件内容供浏览者浏览。
-1-
2. <form id="form1" name="form1" method="post" action=""> </form>
第二章 站点的创建与管理
第一节 DreamweaverCS6 工作界面及站点的创建与管理
【同步练习】
一、选择题
1. B 2.A 3. A 4. D 5.C 6.D 7.D 8.C 9.B 10.B 11.C
第6章超链接a标签的使用

第6章超链接a标签的使用超链接也叫URL,中文翻译为资源定址器,这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。
应该是一个站长必须接触的标签,主要包含内容:1、超链接的基本格式;2、超链接的种类;3、相对链接和绝对链接;4、书签的链接;5、基准参考点;6、超链接事;7、为链接创建键盘快捷键;8、为链接设置制表符次序等。
一、超链接的基本格式格式:…scheme 指的是http,ftp,file,mailto,news,gopher,telnet七种;host 指的是IP 地址或计算机名称;post 指的是服务器端口;path 指的是文件路径;filename 指的是文件名;二、超链接的种类一般常用的分为四种:1、http声明2、file声明e/images/pic.jpg>图片3、ftp声明进入4. mailto>E-MAIL三、相对链接和绝对链接相对链接:index.htm../index.htm../page/index.htm绝对地址:/index.htm//page/index.htm四、书签的链接下的属性属性名称属性值说明name 字符串设置超链接的标记基本格式:瞄点…目前厦门小鱼网的首页就有是有此书签链接,大家可以去体验看看。
五、基准参考点基本格式:主要用户相对链接或图片等相当链接地址,可以给于根目录,然后通过此来判断其他的相对路径。
六、超链接事件LINK 颜色的设置基本格式:link 超链接尚被选中的文字alink 超链接点选但未被放开的颜色vlink 超链接已被点选过的颜色七、在何处打开目标 URL基本格式:name链接的 target 属性为 '_blank',该链接会在新窗口中打开。
target的值有:_blank;_parent;_self;_top framename。
网页制作初学者-学用HTML的超链接A标记

超级链接a标记代表一个链接点,是英文anchor(锚点)的简写。
它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构. 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。
它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。
<a>标记的基本语法结构是:<aclass=typeid=valuehref=referencename=valuerel=same|next|parent|previousrev=valuetarget=windowstyle=valuetitle=titleonclick=functiononmouseout=functiononMouseOver=function> </a>从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。
最常用的两个参数是href和name。
其中href是hypertext reference的缩略词,用于设定链接地址。
链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。
链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。
rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。
web小技巧:链接标记

web小技巧:链接标记 1、链 Nhomakorabea标记 <a href="***.***">作为链接的文本或图片</a>
<a>的常用属性有:
(1)href:用来设定链接的目标地址,属性值视链接类型而定,可以是链接的文档的绝对路径或相对路径,可以是命名锚点,也可以是命名锚点,也可以是邮件地址等
(2)name:用来锚点的名字,属性值为自定义字符串。
(3)target:用来设定链接打开后显示在哪一个窗口,属性值可以选用保留的目标名或已命名框架的名字。保留目标名有:
(a)_blank:将链接的文件载入一个未命名的新浏览器窗口中。
(b)_parent:将链接的文件载入含有该链接的框架的父框架集或父窗口中中。如果包含链接的框架不是嵌套的,则链接文件加载到整个浏览器窗口中。
(3)链接非Web数据:如果把<a>的href属性设置为网页格式的文件路径,访问者就可以链接来下载相应的文件。例如:<a href="my.doc">我的简历</a>
(4)电子邮件链接:把<a>的href属性设置为"mailto:"加上电子邮件地址创建电子邮件链接,例如:<a href="mailto:49909100@">给我发E_Mail</a>注意在冒号和电子邮件地址之间不能键入任何空格。单击电子邮件链接时,该链接打开一个新的空白邮件窗口(使用的是与用户浏览器相关联的邮件程序)。在电子邮件消息窗口中,“收件人”文本框自动显示电子邮件链接中指定的地址。?
网页制作部分选择和填空复习题

网页制作部分选择和填空复习题(注重通读教材、上机操作与练习相结合)第一章1、以下不是WWW特点的是( B )。
A)分布式的信息资源B)非统一的用户界面C)支持各种信息资源和各种媒体的演播D)广泛的用途如电子报刊、虚拟现实等2、若存在以下路径及其文件c:\Inetpub\wwwroot\gamelan\test.htm,web服务器运行在本计算机上,服务器名是xxy,则以下( D )方式不能浏览test.htm文件?A)http://xxy/gamelan/test.htmB)http://localhost/gamelan/test.htmC)http://127.0.0.1/gamelan/test.htmD)http://gamelan/test.htm1、______也称为HTTP服务器,它是响应来自WEB浏览器的请求,并且发送出网页的软件。
WEB服务器2、除服务器名称或localhost之外,还可以用另外一种表示方式______,该地址是用于本机测试的ip地址。
127.0.0.13、在默认网站里可以新建______,以便在浏览的的地址中用它代表实际目录。
虚拟目录4、______是指网页上含有链接的文字,如新闻、娱乐等。
超文本第二章1、当浏览器不支持图像时,图像<IMG>标记的( C )属性的文本内容可以替代说明图像。
A)alignB)heightC)altD)border2、能正确设置页面背景颜色的是( D )。
A)<body color=”#rrggbb”>B)<body background=”#rrggbb”>C)<body vlink=”#rrggbb”>D)<body bgcolor=”#rrggbb”>3、若要以标题2、居中、红色显示“我的网站”,以下用法中,正确的是( D )。
A)<h2 align="center"><color color="#ff0000">我的网站</h2></color>B)<h2 align="center"><font color="#ff0000">我的网站</h2></font>C)<h2 align="center"><color color="#ff0000">我的网站</color></h2>D)<h2 align="center"><font color="#ff0000">我的网站</font></h2>4、添加背景音乐的HTML标签是( A )。
第4讲 超链接、多媒体及表格标记

①两文件在同一目录下 ②链接文件在当前文件的下一 级目录 ③链接文件在当前文件的上一 级目录
3)超链接类型
– – – – – – – – 内部链接 外部链接 书签链接 脚本链接 文件下载链接 文本链接 图像链接 图像映射
• 根据超链接的目标端点来分,超链接可分为:
• 根据超链接的源端点来分,超链接可分为:
某个设置了称为书签标记的位置的 链接 创建书签链接步骤:
• 创建书签 • 为书签制作链接
①建立书签
• 基本语法 •
<a name=“书签名”>[文字/图 书签名设置规范: 片]</a> 1)书签名不支持中文,只能使 语法解释 用字母和数字 [文字/图片]2 中的“ []”表示文字或图 )书签名区分英文字母大小写
1) 滚动文字设置
• 基本语法
属 direction
• marquee 常用属性 : down 设置文字向下滚动
left right scroll 设置文字向右滚动 slide alternate 某个数值n
性 属性值 描 述 <marquee >滚动文字</marquee> up 设置文字向上滚动
链接 基本语法 <a href=“file_name”>链接文字 </a>
•
图像链接
• 图像链接是指源端点为图像文件的超
• 基本语法
链接
• 语法解释
<a href=“filename_link”><img src=“filename_img” …></a>
“filename_link”为要跳转到的文件路径, “filename_img”为图像文件路径,默认 情况下,图像链接会显示蓝色边框线,如 果不想显示边框,应设置border=0
全国青岛版信息技术八年级上册第1单元第5课《建立超链接》教学设计

《建立超链接》教学设计1. 教学目标:知识与技能:学生能理解超链接的定义和作用,掌握在HTML中创建超链接的方法。
过程与方法:通过实践操作,学生能熟练在网页中建立文本和图像超链接。
情感态度与价值观:激发学生对网页设计的兴趣,培养解决问题和自主学习的能力。
2. 教学重点难点:重点:理解超链接的工作原理,掌握HTML 中`<a>`标签的使用。
难点:理解相对路径和绝对路径的概念,以及在不同情况下如何选择使用。
3. 学情分析:学生已有基础:学生已具备基本的HTML知识,能理解HTML标签的使用。
学习风格:学生以实践操作为主,喜欢通过动手实践来学习新知识。
学习困难:可能对抽象的网络概念理解不深,如超链接的工作方式。
4. 教学准备:教材:《网站设计与制作》资源:HTML编辑器,预设的HTML文件,超链接实例展示。
设备:电脑,投影设备。
5. 新课导入:展示几个网页,让学生观察并指出页面中链接的特征,引导出超链接的概念。
6. 新课讲授:超链接在网页设计中起着至关重要的作用,它是网页间的主要连接方式,能够使用户在浏览网页时轻松地跳转到其他页面或特定位置。
超链接不仅提高了用户体验,也使得网页内容更加丰富和立体。
在本篇文章中,我们将详细解释超链接的定义与作用,并深入探讨如何使用`<a>`标签创建超链接,以及相对路径与绝对路径的区别和应用场景。
首先,我们来了解一下超链接的定义与作用。
超链接是指在网页中通过一定的代码,使得用户可以点击并进行跳转到其他页面或位置的行为。
这种跳转可以是内部跳转,如同一网页的不同部分,也可以是外部跳转,如跳转到其他网站或文件。
超链接的作用在于帮助用户更快捷地找到所需信息,提高网页的可用性和易用性。
接下来,我们将详细讲解`<a>`标签,它是创建超链接的核心标签。
`<a>`标签的结构如下:```<a href="跳转地址" target="跳转目标">链接文本</a>```其中,`href`属性表示超链接的目标地址,可以是相对路径或绝对路径。
链接标记

链接标记<A>用法:用来定义链接和锚(anchors)一般参数:name="..." //定义一个锚href="..." //指明链接源的URLtarget="..." //决定链接源在什么地方显示(用户,_blank,_parent,_self,_top)例如<a href="index.html" name="hello" target="_top">href="index.html" 这参数不能与另一参数name 同时使用,使用这参数才能制作可按的链接。
当作为一外部链接时:href 所设定的是该链接所要链到的文件名称,若该文件与此html 档不是同在一目录请加上适当的路径,相对绝对皆可。
当作为一内部链接时:href 所设定的是该链接所要连到的同文件内参考点或指定文件的参考点,且不需要包括任何内容只要加上结束标记</a>便可以,例如<a href="#there"></a> 、<a href="index.html#there"></a> 及<a href="/htmldata/2005-05-03/1115116260.html#there"></a>其中there 便是参考点,并需于其前加上符号# 以作识别,参考点由下一个参数name 事先于文件中埋下。
name="hello"这参数是为文件埋下参考点,作为被链结,不会被显示。
所以说制作一个内部链接需要使用两次<A> 链接标记。
一个使用参数name 事先于文件中埋下一参考点,另一个使用参数href 链接到这个参考点。
详细学习HTML的常用标签:超级连接标签A

说明:标明超链接的起始或目的位置。
描述:标签属性•accessKey 设置或获取对象的快捷键。
•atomicselection 指定元素及其内容是否可以一不可见单位统一选择。
•begin 设置或获取时间线在该元素上播放前的延迟时间。
•canHaveChildren 获取表明对象是否可以包含子对象的值。
•canHaveHTML 获取表明对象是否可以包含丰富的HTML 标签的值。
•charset 设置或获取用于解码对象的字符集。
•className 设置或获取对象的类。
•clientHeight 获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
•clientLeft 获取offsetLeft 属性和客户区域的实际左边之间的距离。
•clientTop 获取offsetTop 属性和客户区域的实际顶端之间的距离。
•clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
•contentEditable 设置或获取表明用户是否可编辑对象内容的字符串。
•coords 设置或获取对象的坐标。
•dataFld 设置或获取由dataSrc 属性指定的绑定到指定对象的给定数据源的字段。
•dataSrc 设置或获取用于数据绑定的数据源。
•dir 设置或获取对象的阅读顺序。
•disabled 设置或获取控件的状态。
•end 设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。
•firstChild 获取对象的childNodes 集合的第一个子对象的引用。
•hash 设置或获取href 属性中在井号“#”后面的分段。
•hasMedia 获取一个表明元素是否为HTML+TIME 媒体元素的Boolean 值。
•hideFocus 设置或获取表明对象是否显式标明焦点的值。
•host 设置或获取location 或URL 的hostname 和port 号码。
HTML网页超链接标记学习教程

02 <!-- 文件范例:8-1.htm -->
03 <!-- 文件说明:建立内部链接 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立内部链接</title>
08 </head>
09 <body>
绝对路径
如
相对路径
如news/default.htm
根路径
如/website/news/default.htm
在了解这三种地址形式前先要理解另外两个概念:内部链接和外部链接
内部和外部都是相对于站点文件夹而言,如果链接指向的是站点文件夹之内的文件,就是内部链接。如果链接指向站点文件夹之外的,就被称做外部链接。在添加外部链接的时候,将用到下面所讲的绝对地址;而添加内部链接的时候,将用到下面所讲的根目录相对地址和文件相对地址。
当站点的规模非常大,防置于几个服务器上时
当一个服务器上同时放置几个站点时
根目录相对地址的书写形式也很简单,首先以一个斜杠开头,代表根目录,然后书写文件夹名,最后书写文件名。根路径以" / "开始,然后是根目录下的目录名。
HTML语言—建立超级链接

文件范例:ex0371.htm
-->
<!-<html> <head>
文件说明:链接FTP主机
-->
<title>链接FTP主机</title> </head>
<body>
<a href="ftp://">北京大学FTP站点</a> </lt;!--
<title>建立书签链接</title> </head> <body> <h1>主流的网页设计软件</h1> <a name="dw"><h3>Dreamweaver MX 2004</h3></a> <p>DREAMWEAVER MX 2004作为网页设计软件的代表.……</p> <a name="fl"><h3>Flash MX 2004</h3></a>
<!-<!-<html> <head>
文件范例:ex0374.htm 文件说明:发送电子邮件
--> -->
<title>发送电子邮件</title> </head> <body>
<a href=“mailto:hav123@”>李老师</a>
<br> <a href=“mailto: wangye20031@?subject=HTML网页制作作业 (叶伟,信管1班1号)&cc=yahoo@&bcc=sina@”>黄老师 </a> </body> </html>
实训5(超链接标记)

实训5实例1:超链接保存为5-1.html注:建立超链接的标签为<a>和</a>格式:<a href=链接位置>超链接名称</a>如果需要链接的文件放在同一台机器的同一个目录下,这属于最简单的本地链接,在链接文件时只需写文件名而不需要写文件的路径,但是,要链接的文件若放在不同的目录下进行链接时,则必须写明文件路径。
路径名的写法有两种,相对路径和绝对路径。
格式:<a href=mailto:邮件地址subject=邮件主题>描述文字</a>己抓图一张并命名为相应的名字)注:<img>是单独标签。
格式:<img src=图像文件名alt=”“ width=”“ height=”“> 属性alt表示显示图像替代文字、width和height是设置图像大小。
如果图像的显示有问题,应该检查以下方面:1.文件名是否书写正确;2. 图像文件是否是.BMP.GIF.JPG格式。
实例4:创建锚点链接,保存为5-4.HTML (这下面的文本可以采用复制方式)传输媒体无线传输媒体:无线电、微波、激光、红外线、卫星等有线传输媒体:双绞线、同轴电缆、光纤<a name=top>这是顶部</a><br>(1) 双绞线(1) 双绞线是普遍使用的一种传输介质;在许多情况下,几公里范围内的传输速率可以达到几兆bps,其性能较好又价格便宜。
(2) 由两根绝缘铜线绞合在一起,充当一条通信链路通常将若干对双绞线捆成一条电缆,用保护套包裹着(3) 双绞线可以分为两种:非屏蔽和屏蔽。
非屏蔽双绞线电缆由多对双绞线和一个塑料外皮构成。
非屏蔽双绞线(UTP)易受外部干扰,包括来自环境噪音与附近的双绞线;但由于其价格低廉且易于安装和使用,所以应用非常广泛。
在建筑物内部,作为局域网传输介质而被普遍使用的UTP电缆的最大长度一般限制在100米之内。
HTML的页面链接A标签

HTML的页面链接<A>标签<A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、音频、视频)甚至到同一文档的另一部分的链接。
当用户单击超级链接时,就会进入链接中指定的URL。
超级链接可链接到:同一文档的特定部分,其他文档,其他文件——图像、音频、视频剪辑,其他站点等。
要创建超级链接,应指定以下两个组件:(1) 要链接文件的完整地址或URL。
(2) 将提供链接的热点。
热点可以是文本行,也可以是图像。
当用户单击热点时,浏览器将读取URL中指定的地址并“跳”到新的位置。
锚记<A>标签用于标识充当HTML文档中文本或图像的超级链接。
href(超文本引用)参数用于指定要链接文档的地址或URL。
本节单词记忆:标签 1.a 属性 1.href网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。
一、链接到其他页面链接到其他页面,就是单击此超级链接,打开一个新的HTML文档。
语法:<A href="register/register.html">[免费注册]</A>其中,href属性用来指定要链接的地址,“[免费注册]”是热点文本。
示例1:<HTML><HEAD><TITLE>链接到其他页面</TITLE></HEAD><BODY><A href="register/register.html">[免费注册]</A><A href="login/login.htm">[登录]</A></BODY></HTML>示例1在浏览器中预览效果如图1所示,单击“[免费注册]”超级链接,用户就打开如图2所示的页面,即register.html文档,如图2所示。
学习超级链接A标记

学习超级链接A标记问:我已经使用CSS定义了超链接的样式,但是浏览时hover(鼠标悬停)却不起作用。
为什么会这样?是浏览器的问题吗?答:虽然你认为可能原因是浏览器问题,但是更多的可能是你样式定义时顺序错误。
为了保证能看到不同状态下的连接样式,正确的样式顺序应该是:" link - visited - hover - active "或" LVHA "(缩写)。
核心内容:每个选择符selector都有一个“specificity”如果两个selectors 应用于同一个元素,具有较高specificity的选择符将胜出,具有优先权。
例如:P.hithere {color: green;} /* specificity = 1,1 */P {color: red;} /* specificity = 1 */任何设置了类class=hithere的段落内容显示为绿色而不是红色。
两个selectors都设置了颜色,但是具有更高specificity的选择符将胜出。
伪类如何影响specificity呢?它们具有完全相同的加权值,下列样式具有相同的specificity加权值:A:link {color: blue;} /* specificity = 1,1 */A:active {color: red;} /* specificity = 1,1 */A:hover {color: magenta;} /* specificity = 1,1 */A:visited {color: purple;} /* specificity = 1,1 */这些都是用于超链接的样式设置。
大部分情况下需要同时设置其中的几个样式,例如,一个未被访问的超链接在鼠标悬停和点击时可设置“鼠标悬停”和“鼠标激活“两种状态下的不同样式,由于上述三个规则都可应用于超链接,并且全部选择符具备相同的specificity,那么根据规则,最后一个样式“胜出”。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
P.hithere {color: green;} /* specificity = 1,1 */
P {color: red;} /* specificity = 1 */
任何设置了类class=hithere的段落内容显示为绿色而不是红色。两个selectors都设置了颜色,但是具有更高specificity的选择符将胜出。
点评:问: 我已经使用CSS定义了超链接的样式,但是浏览时hover(鼠标悬停)却不起作用。为什么会这样?是浏览器的问题吗? 答: 虽然你认为可能原因是浏览器问题,但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是: " link
问:
我已经使用CSS定义了超链接的样式,但是浏览时hover(鼠标悬停)却不起作用。为什么会这样?是浏览器的问题吗?
这就是为什么CSS1推荐样式顺序的原因:
A:link
A:visited
A:hover
A:active
实际上,开头两个样式的顺序可以调换,因为一个超链接不可能同时存在“未访问”和“已访问”两种状态。( :link意思是" unvisited ";我不知道为什么不这样定义呢.)
CSS2现在允许伪类可以以“联合成组”形式出现,例如:
A:visited:hover {color: maroon;} /* specificity = 2,1 */
A:link:hover {color: magenta;} /* specificity = 2,1 */
伪类如何影响specificity呢?它们具有完全相同的加权值,下列样式具有相同的specificity加权值:
A:link {color: blue;} /* specificity = 1,1 */
A:active {color: red;} /* specifici你认为可能原因是浏览器问题,但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是:
" link - visited - hover - active "或" LVHA "(缩写)。
核心内容:
每个选择符selector都有一个“specificity”如果两个selectors应用于同一个元素,具有较高specificity的选择符将胜出,具有优先权。例如:
如何理解本文当中所涉及到的“specificity”呢?specificity可以理解未简单地连在一起的号码字符串,上面的一个例子:
P.hithere {color: green;} /* specificity = 11 */
P {color: red;} /* specificity = 1 */
HTML BODY DIV UL LI OL LI UL LI OL LI UL LI OL LI (color: green;} /* specificity = 15 */
" 10 "实际上是一个“1”后面接着“零”、不是"十",我们可以使用十六进制描述前面的样式规则的specificitiy,像下面:
A:hover:active {color: cyan;} /* specificity = 2,1 */
They have the same specificity, but they apply to fundamentally different beasts, and so don't conflict. You can get hover-active combinations, for example.
本篇文章来源于 黑基网-中国最大的网络安全站点 原文链接:/subject/2009-10-12/16569.html
A:hover {color: magenta;} /* specificity = 1,1 */
A:visited {color: purple;} /* specificity = 1,1 */
这些都是用于超链接的样式设置。大部分情况下需要同时设置其中的几个样式,例如,一个未被访问的超链接在鼠标悬停和点击时可设置“鼠标悬停”和“鼠标激活“两种状态下的不同样式,由于上述三个规则都可应用于超链接,并且全部选择符具备相同的specificity,那么根据规则,最后一个样式“胜出”。所以" active "式样永远也不会显示出来,因为它总是被" hover "式样覆盖(即" hover "优先)。现在再来分析一下已经被访问过的超链接鼠标悬停是什么效果,结果永远是purple紫色的:( ,因为它的" visited "式样总是优先于其它的状态样式规则(包括" active "和" hover")而显示。
.hello {color: red;} /* specificity = 10 */
HTML BODY DIV UL LI OL LI UL LI OL LI UL LI OL LI (color: green;} /* specificity = F */
唯一的问题是如果你想为第二个样式规则增加两个或更多的选择符时,那时你就可能得到一个“17”的specificity、会再一次混淆。事实上specificity可能是无穷大的,所以为了避免更多的混乱,建议使用逗号来分隔specificity的值。
这好像是一个基于十进制的简单运算。然而计算“specificity”不能使用十进制算法,例如你把15种选择符连在一起使用、它们具有的“specificity”加权值还是比简单的class选择符低。举例:
.hello {color: red;} /* specificity = 10 */