网站友情链接设计与实现-优快云博客

3.网站友情链接页面

3.1需求分析

在我们的网站中,通常会显示友商公司的网站链接

百度

新浪微博

优快云

3.2技术分析

列表标签:

无序列表: ul

type: 小圆圈,小圆点, 小方块

有序列表: ol

type: 1,a ,A,I,

start : 指定是起始索引

3.3代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>友情链接</title>
	</head>
	<body>
		<!--
			1.使用无序列表，在新的页面打开
				百合网
				世纪家园
				百度搜索
				优快云
		-->	
		<ul>
			<li><a href="http://www.baihe.com" target="_blank">百合网</a></li>
			<li><a href="http://www.jiayuan.com" target="_blank">世纪家园</a></li>
			<li><a href="http://www.baiud.com" target="_blank">百度搜索</a></li>
			<li><a href="https://www.youkuaiyun.com/" target="_blank">优快云</a></li>
		</ul>
	</body>
</html>

3.4扩展内容

超链接标签

常用的属性:

href: 指定要跳转去的链接地址

如果是网络地址需要加上http协议 ,

如果访问的是本网站的html文件,可以直接写文件路径

target : 以什么方式打开

_self: 默认打开方式,在当前窗口打开

_blank: 新起一个标签页打开页面