HTML 超链接
每一个网站都是由许多独立的网页组成,网页之家通常都是通过超链接来相互连接的。超链接可以让用户在各个独立的网页之间跳转。
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>colspan属性</title><style type="text/css">body{background-color: aqua;}</style>
</head><body><!---<a href="链接地址">文本或图片</a>target属性值用于定义超链接的打开窗口的方式 默认是_blank 在新窗口打开链接---><a href="./OIP-C.jpg" target="_self">美女图片</a><a href="./OIP-C.jpg"><!--alt属性用于描述图片,这个描述文字是给搜索引擎看的,并且当图片无法显示时,页面会显示alt中的文字。title属性也用于描述图片,不过这个描述文字是给用户看的,并且当鼠标指针移到图片上时,会显示title中的文字。----><img src="./OIP-C.jpg" alt="美女图片" title="美女图片"/></a>
</body>
</html>
锚点链接
链接指向当前页面的某一部分,锚点链接需要定义标签的id。
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title>
</head>
<body><div><a href="#article">推荐文章</a><br /><a href="#music">推荐音乐</a><br /><a href="#movie">推荐电影</a><br /></div>……<br />……<br />……<br />……<br />……<br />……<br />……<br />……<br /><div id="article"><h3>推荐文章</h3><ul><li>朱自清-荷塘月色</li><li>余光中-乡愁</li><li>鲁迅-阿Q正传</li></ul></div>……<br />……<br />……<br />……<br />……<br />……<br />……<br />……<br /><div id="music"><h3>推荐音乐</h3><ul><li>林俊杰-被风吹过的夏天</li><li>曲婉婷-在我的歌声里</li><li>许嵩-灰色头像</li></ul></div>……<br />……<br />……<br />……<br />……<br />……<br />……<br />……<br /><div id="movie"><h3>推荐电影</h3><ul><li>蜘蛛侠系列</li><li>钢铁侠系统</li><li>复仇者联盟</li></ul></div>
</body>
</html>