网站首页 > 基础教程 正文
1.语法
在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等。
target属性:
- _blank:在一个新的窗口中打开链接
- _self(默认值):在当前窗口中打开链接
- _parent:在父窗口中打开页面(框架中使用较多)
- _top:在顶层窗口中打开文件(框架中使用较多)
2.外部链接
可以打开别人的网页:
<a href="https://www.baidu.com">在当前窗口打开百度</a><a href="https://www.baidu.com" target="_self">在当前窗口打开百度</a><a href="https://www.baidu.com" target="_blank">在新的窗口打开百度</a>
3.内部链接
直接链接内部页面名称即可:
<a href="1.外部链接.html">打开内部链接</a>
4.空链接
如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接:
<a href="#">空链接</a>
5.锚点链接
通过创建锚点链接,用户能够快速定位到目标内容。创建锚点链接分为两步:
<h1 id="top">顶部</h1>...<a href="#top">回到顶部</a>
跳转到其他页面:
<a href="5.锚点链接2.html#top">回到另一个页面顶部</a>
5.锚点链接2.html
<h1 id="top">顶部</h1>
6.base 标签
base 可以设置整体链接的打开状态
base 写到 head 之间
<head> <meta charset="utf-8"> <title>文档标题</title> <base target="_blank"></head><body> <a href="http://www.baidu.com">在新窗口打开百度</a> <a href="http://www.baidu.com" target="_self">在当前窗口打开百度</a></body>
7.设置链接的颜色
- link连接的颜色
- alink正在点击的颜色
- vlink已经访问的连接颜色
<body link="red" alink="yellow" vlink="green"> <a href="https://taobao.com">淘宝</a> <a href="https://jingdong.com">京东</a></body>
猜你喜欢
- 2024-10-17 前端开发基础课分享3--教你学会使用HTML中的属性,丰富你的网页
- 2024-10-17 《HTML笔记》w3c学习笔记 html+css笔记
- 2024-10-17 网站HTML title属性和HTML 标签 html网站标题
- 2024-10-17 HTML 常用标签 html常用标签及用法
- 2024-10-17 HTML 元素 html元素标签大全
- 2024-10-17 web前端基础知识:html+css web前端基础知识 相关课程
- 2024-10-17 2021年山东专升本考生必刷题——(11.13)
- 2024-10-17 HTML元素中的属性2(路径详解)——零基础自学网页制作
- 2024-10-17 亚马逊新规:详情页不可用HTML标记!A+页面能解决?
- 2024-10-17 HTML5常见的基础标签(三) html常用标签及作用
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)