html图片标签的用法技巧

哎呦,小伙伴们好啊,今天我们来聊聊两个重要的HTML标签,图片标签和超链接标签。

首先啊,我们要学会如何在网页上插入图片,那就必须要知道标签的用法了。这个标签有两个必备属性,一个是src,表示图片的URL地址,另一个是alt,表示图片的替代文本。使用这个标签的时候,一定要注意图片的路径应该是相对路径还是绝对路径,这个可别搞混了。

好了,插入图片这个技巧我们搞定了,接下来就该学习一下超链接标签的用法了。这个标签就是标签,有个name属性可以设置锚点。锚点是什么呢?就是页面上的一个定位点,我们设置好了后,就可以在页面的其他位置通过链接跳转到这个锚点的位置。这个name属性的值可以是任意的,只要在页面内唯一就行了。

那么,我们现在知道了这两个标签的用法,但是我们怎么知道它真正的效果呢?这时候,我们就可以使用Chrome浏览器的开发者工具了。先打开调试器,在Elements选项卡下找到我们要查看的标签,右键选择Inspect即可查看效果。如果是img标签,就可以看到对应的图片,如果是a标签就可以看到自己设置的锚点。

好啦,今天就到这里啦。小伙伴们学会了吗?有没有掌握呢?记得多多练习哦,HTML技巧是需要不断实践才能掌握的! 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(81) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部