知识点笔记—列表标签与超链接标签

需求：

在网站的友情链接页面显示网站的所有的友情链接.

分析：

技术分析：

【HTML的列表标签】
 有序列表

<ol><li></li>
</ol>

 无序列表

<ul><li></li>
</ul>

【HTML的超链接标签】

HTML的超链接标签：<a>* 属性:* href   :链接的路径* target  :打开的方式* _self   :在自身页面打开* _blank    :新打开一个窗口

步骤分析：

【步骤一】创建一个html的文档
【步骤二】创建一个无序列表
【步骤三】在无序列表中添加超链接标签.

列表标签：
有序列表：<ol type=”1” start=”4”><li></li></ol>
无序列表：<ul type=”circle”><li></li></ul>超链接标签：
<a href=”http://www.baidu.com” target=”_self、_blank”>百度</a>

无序列表

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>无序列表</title></head><body><ul type="circle"><li>CSDN</li><li>百度</li><li>京东商城</li></ul></body>
</html>

有序列表

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>有序列表</title></head><body><ol start="4" reversed="reversed" type="I"><li>CSDN</li><li>百度</li><li>京东商城</li>  </ol></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>HTML的超链接标签</title></head><body><a href="../列表标签/02_有序列表.html" target="_self">点我有surprise</a></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>HTML的超链接标签</title></head><body><a href="../列表标签/02_有序列表.html" target="_blank">点我有surprise</a></body>
</html>

网站友情链接显示页面

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>网站友情链接显示页面</title></head><body><ul><li><a href="../案例一：网站信息页面的显示/网站信息显示页面.html">阿里巴巴</a></li><li><a hre="#">华为</a></li><li><a hre="#">腾讯</a></li><li><a hre="#">乐视</a></li></ul></body></html>

案例三：网站友情链接显示页面
1.列表标签
有序列表：

无序列表：

2.超链接标签<a href="" target=""></a>href:指定跳转的位置target：指定跳转页面显示的位置(取值：_self 、_blank)

案例三：网站友情链接显示页面相关推荐

HTML基础——网站友情链接显示页面
1.列表标签有序列表:type默认是1,2,3--,reserved指降序排列 <ol type="I" start="" reversed=" ...
友情链接在html中怎么写,HTML+CSS入门网站友情链接显示页面详解
本篇教程介绍了HTML+CSS入门网站友情链接显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.列表标签有序列表:type默认是1,2,3--,rese ...
Link-Validator 检测网站友情链接的JavaScript脚本
Link-Validator 一个检测对方网站友情链接页面是否添加自己网站链接的JavaScript脚本. 作者 @bosichong Link-Validator项目地址在本地运行 Clone 这 ...
网站友情链接怎么做最好，友情链接如何做详细解读
网站友情链接如何做: 1.首先可以去些友链交换平台,进行友情链接互换.当然互换友情链接,当然是在旗鼓相当权重下人家才可能与你进行交换.当然也要留意对方网站的收录和更新频率,如果大半年没有更新.那就完全 ...
dedecms友情链接plus/flink.php页面出错,织梦DedeCMS默认友情链接等页面的安全隐患...
织梦DedeCMS的好处什么的就不说了,今天主要讲一下织梦默认的设置里面一些可能会暴露网站模板路径的安全隐患.有人会说织梦模板的路径暴露了有什么的,当然这个路径是非常重要的了,如果你的系统未进行一些相 ...
python实现网站测速软件_python实现网站友情链接查询与网站死链接查询的两个脚步...
在前几天写的一建抓取网站所有链接的脚步往后衍生了以下的两个脚步,一个是查询网站友情链接,另一个是查询网站的死链.我这里只是初步实现了功能,还有很多地方需要优化,比如说查询友情链接脚步会存在带www与不 ...
玉米社:网站友情链接交换5大注意事项，你知道吗？
网站友情链接交换5大注意事项,你知道吗? 网站seo优化过程中,友情链接交换具有增加网站外链.提升网站流量.吸引蜘蛛抓取等作用,很多站长网站到达一定程度便开始着手网站友情链接交换,也有一些新手站长,因 ...
网站友情链接现在还有效果吗？
说到友情链接,大家都知道了友情链接有提升网站权重排名的作用,但是除了提升权重排名,你还知道它有其它什么作用吗?接下来小编就跟大家分享下友情链接作用大全,一起来看看吧! 1.友情链接提高网站权重 SEO ...
favicon自动获取_wordpress网站友情链接页面使用DNSPod自动获取网站favicon图标教程...
在网站的友情链接页面,经常可以看到网站的图标增加美感.在以前,有些是直接使用favicon.ico地址读取,但是确有弊端那就是很多网站首页并没有favicon.ico,就不可靠.还有一部分人采用的是谷 ...

案例三：网站友情链接显示页面

知识点笔记—列表标签与超链接标签

需求：

分析：

技术分析：

步骤分析：

无序列表

有序列表

网站友情链接显示页面

案例三：网站友情链接显示页面相关推荐

最新文章

热门文章