一、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>