html有语义标签-6.超链接标签<a>标签
时间:2023年10月20日
/来源:网络
/编辑:佚名
如果没有超链接,我们的网页都是一个个独立的数据,超链接把各个独立的网页链接起来,实现了数据资源的工享。
<a href="12.padding优化首页布局.html">首页布局</a>
href填入相应链接的地址即可,默认情况下是从当前网页进去一个新的网页,如果我们需要点击该链接新建一个网页再进去所链接的网页则需要添加一个target="_blank"属性。
程序运行效果如下:

css初始化及html语义标签
如果不添加target="_blank"点击首页布局时效果是:

css初始化及html语义标签
如果添加了target="_blank"效果如下:

css初始化及html语义标签
以上都事链接本地的网页,其实链接网络网页也是同理,例如这里链接到github开源网站:

css初始化及html语义标签

css初始化及html语义标签
代码为:

css初始化及html语义标签
超链接标签里还有一个title属性,设置之后,当鼠标放到改链接是会显示title内容。
最终代码:

css初始化及html语义标签
<a href="12.padding优化首页布局.html">首页布局</a>
href填入相应链接的地址即可,默认情况下是从当前网页进去一个新的网页,如果我们需要点击该链接新建一个网页再进去所链接的网页则需要添加一个target="_blank"属性。
程序运行效果如下:

css初始化及html语义标签
如果不添加target="_blank"点击首页布局时效果是:

css初始化及html语义标签
如果添加了target="_blank"效果如下:

css初始化及html语义标签
以上都事链接本地的网页,其实链接网络网页也是同理,例如这里链接到github开源网站:

css初始化及html语义标签

css初始化及html语义标签
代码为:

css初始化及html语义标签
超链接标签里还有一个title属性,设置之后,当鼠标放到改链接是会显示title内容。
最终代码:

css初始化及html语义标签
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03