一、链接标签
单词缩写: anchor 的缩写。
在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可。
语法格式:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
注意:
1.外部链接 需要添加 http:// www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
3.如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
二、常用属性
属性名称 | 属性值 | 说明 |
href | url | 规定链接指向的页面的url |
rel | text | 规定当前文档与被链接文档之间的关系 |
target | _blank、_parent、_self、_top、framename | 规定在何处打开链接文档 |
download | filename | 规定被下载的超链接的目标 |
href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
三、锚点定位
通过创建锚点链接,用户能够快速定位到目标内容。
创建锚点链接分为两步:
1. 使用“a href=”#id名>“链接文本"</a>创建链接文本。(使用name值也可以,不仅仅限于id)
2. 使用相应的id名标注跳转目标的位置。
四、base 标签
定义:<base> 标签是 HTML 语言中的基准网址标记,是一个单标签。
作用:规定页面上所有链接的默认 URL 和默认目标。
base 可以设置整体链接的打开状态,通常是写在<head></head> 标签里面。
例如:
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>base</title>
5 <meta charset="UTF-8">
6 <base href="http://www.w3cschool.cn" target="_blank">
7 </head>
8 <body>
9 <p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
10 <img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
11 </body>
12 </html>
注意:base 规定的是页面上所有连接的默认 URL,是所有的!!!其包括src,href等所有URL。 使用到的链接都会与base里的href链接拼接。
例如:
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>base</title>
5 <meta charset="UTF-8">
6 <base href="http://www.w3cschool.cn" target="_blank">
7 <link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->
8 </head>
9 <body>
10 <p>外部样式表想引用非base链接目录下的文件,那么该样式表将无法找到。</p>
11 </body>
12 </html>
base 标签有以下规则:
1. <base> 标签必须位于 <head> 元素内部;
2.在一个文档中,最多能使用一个 <base> 标签;
3. 使用了<base>标签的链接后,其他链接必须在<base>标签的链接里面,不然将无法找到。
更多标签的学习请参考这里:http://www.w3school.com.cn/html/index.asp