您的位置：首页 > 运维架构 > 网站架构

HTML基础——网站友情链接显示页面

2017-08-15 23:24 309 查看
1、列表标签
　　有序列表：type默认是1,2,3……，reserved指降序排列
　　　　　<ol type="I" start="" reversed="reversed">
　　　　　　　<li></li>
　　　　　</ol>
　　无序列表：type默认是disc
　　　　<ul type="">
　　　　　　<li></li>
　　　　</ul>
2、超链接标签
　　<a href="" target=""></a>
　　href:指定跳转的位置
　　target：指定跳转页面显示的位置(取值：_self 覆盖当前选项卡、_blank重新打开一个选项卡)

3、下面实现网站友情链接显示页面，功能如下：



演示代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站友情链接显示页面</title>
</head>
<body>
<ul>
<li><a href="http://www.alibaba.com">阿里巴巴</a></li>
<li><a href="http://www.huawei.com">华为</a></li>
<li><a href="../案例一：网站信息显示页面/网站信息显示页面.html" target="_blank">皮囊师</a></li>
</ul>
</body>
</html>


运行效果如下：



点击阿里巴巴，覆盖当前选项卡，效果如下：



点击皮囊师，重新打开了一个选项卡，效果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航