首页 分享 HTML——3. 链接、id的基本使用

HTML——3. 链接、id的基本使用

来源:萌宠菠菠乐园 时间:2024-09-17 02:25

最新推荐文章于 2024-03-11 15:19:56 发布

only_tao 于 2020-02-04 19:53:05 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

TOP
去底部

          使用链接  

链接,用处巨大,就比如无处不在的超链接,回到顶部等。 1.以下为一些链接,我们可以使用文字作为链接,也可以使用图片作为链接。   

指向我的一个博客,那里有图片与文字链接。

我的第一个html博客↓

底部有链接的源码↓

<a href=“链接。。。”> 这里加上描述,比如网址等</a>
如:百度的链接

<a href="https://www.baidu.com/">百度</a> <a href="https://www.baidu.com/"> <img src="https://cn.bing.com/th?id=OIP.RlLBK13ahkZDhazyFZGtYwHaEf&pid=Api&rs=1"> <!--src里是图片的链接、url--> </a> 12345

使用选择器:
    id

可以把id当做人的身份证号,区别于class 类->人的名字,同样href是属性选择器
“ :”冒号选择器后面,可加上hover(悬停)

<a href="#bottom"> 去底部</a> <a id="buttom">这是底部</a> 12

要清除文字链接底部的下滑线需要style="text-decoration: none;"
但csdn不会显示下划线

源码:

<a id="top" >TOP</a> <a href="#buttom">去底部</a> <a href="https://blog.csdn.net/only_tao/article/details/104033538" target="_blank"> 指向我的一个博客,那里有图片与文字链接。 </a> 我的第一个html博客↓ <a href="https://blog.csdn.net/only_tao/article/details/104033538" target="_blank"> <img src="http://q5604i1mx.bkt.clouddn.com/html-try.PNG" alt="初识html" width="120px"> </a> 12345678910

(style属于css)

回到顶部
这是底部

相关知识

使用HTML制作静态宠物网站——蓝色版爱宠之家(HTML+CSS)
HTML5期末大作业:宠物网站设计——布偶猫(7页)带留言板 HTML+CSS+JavaScript web结课作业的源码 web网页设计实例作业 html大学生网站开发实践作业
【html网页设计】
制作一个简单HTML宠物猫网页(HTML+CSS)
HTML学生个人网站作业设计:宠物网站设计——宠物网站带会员登陆表单验证功能7页
宠物服务一站式解决方案,响应式HTML专题模板
HTML做一个简单漂亮的宠物网页(纯html代码)
HTML5期末大作业:宠物狗狗主题——好宠之家(5页) HTML+CSS+JavaScript 学生个人HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品
宠物之家【Html+CSS+Js】前端网页界面【1】
静态网页设计——HTML做一个简单漂亮的宠物网页(纯html代码)

网址: HTML——3. 链接、id的基本使用 https://www.mcbbbk.com/newsview171055.html

所属分类:萌宠日常
上一篇: 宠物龟品种与图片大全
下一篇: 小程序图片预览 全屏显示

推荐分享