链接

1.指向其他网站的链接<a href=“http://www.baidu.com”>链接文本</a>;<a href="http://www.htmlandcssbook.com/#bottom"></a>

2.指向同一网站中其他页面的链接<a hrepf="index.html">home</a>

3.邮件链接<a href="mailto=:jon@example.org">email jon</a>

4.链接到当前页面的特定位置<a href="#top">链接到id为top的元素位置</a>

文本链接:
<a href=“http://www.baidu.com”>链接文本</a>
图片链接:
<a href =“http://www.baidu.com”> <img src=“task.jpg”></a>

获取源文件的方式:
../../a.jpg 上一个文件夹-上一个文件夹下的图片
a.jpg 当前文件夹下的图片
beverage/elixir.html 当前文件夹下的文件夹中的html文件
标签中的属性:
href网址
src资源
target=“_blank”


属性:
title=“鼠标放上去显示链接的文本描述”
href=“#his” 定位到页面id为his的元素上 <a href=“index.html#his”>xxx</a>
target=“_blank” 打开新窗口
样式:
a:link{color:green;}
a:visited{color:red;}
a:hover{color:yellow;}
#elixirs a:visited{color:#333333;} 伪类 ->id为elixirs下的a元素的访问后的样式

原文地址:https://www.cnblogs.com/zz27zz/p/7067312.html