关于HTML的超链接

tech2024-07-22  72

一、HTML的超链接

1.基本语法

<a href="" target="打开方式" name="页面锚点名称">链接文字或者图片</a>

2.href属性

链接的地址可以是一个网页,也可以是一个视频或者图片、音乐etc。

3.target属性

作用:定义超链接的打开方式属性值: 

(1)blank:在一个新的窗口中打开链接;

(2)._seif(默认值):在当前窗口中打开链接

(3)._parent:在父窗口中打开页面(这个一般在框架中使用的比较多)

(4)._top:在顶层窗口中打开文件(在框架中会使用的比较多)

4..name属性

制定页面的锚点名称

5.超链接的标签是<a></a>,添加了超链接的文字会有特殊的样式,会用来和其他的文字进行区分,默认的是蓝色文字带下划线。

6.在网站开发中,文档的相对地址会更为普遍。

ps:如下为小练习,请大家监督

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏</title> <style> .site-1 a{ color: blue; } .nav a{ color: orange; } .nav,.sitenav{ font: 14px "微软雅黑"; } .nav>ul>li>a{ color: lightcoral; } .b{ color: greenyellow; font-style: italic; text-align: right; } </style> </head> <body> <div class="nav"> <!-- 主导航栏--> <ul> <li><a href="#">公司首页</a></li> <li><a href="#">公司简介</a></li> <li><a href="#">公司产品</a></li> <li> <a href="#">联系我们</a> <ul> <li><a href="#">公司邮箱</a></li> <li><a href="#">公司电话</a></li> </ul> </li> </ul> </div> <div class="sitenav"> <!-- 侧导航栏--> <div class="b">右侧导航栏</div> <div class="site-1"> <ul> <li><a href="#">登陆</a></li> </ul> </div> </div> </body> </html>
最新回复(0)