一、网页图像标签以及超链接接着上篇文章这次我们来学习一下图像标签、超链接标签如何使用以及使用效果。本文章我们以img和a标签来展开教学。在HTML中img标签用于在网页中插入图像。它的作用是可以把文档中的图片通过标签元素插入到网页中使网页内容更加丰富和直观。a标签是HTML 中专门用来创建超链接的标签全称anchor锚点。它的作用是可以让用户点击后跳转到另一个位置是网页之间跳转的核心元素之一。二、用法以及效果1.img标签img src图像的路径 alt替代文字 title鼠标悬停提示文字 width图像宽度 height图像高度 border边框宽度 hspace水平空白 vspace垂直空白 align对齐方式|环绕方式/。由于部分标签不常用这里以img src图像的路径 alt替代文字 title鼠标悬停提示文字 width图像宽度 height图像高度/举例子。I.从本地路径插入图片(绝对路径)从盘符出发一直列举到详细的文件夹。如srcD:\360MoveData\Users\Administrator\Desktop\3.25图像以及超链接\图像标签、apple.jpgII.从本地路径插入图片(相对路径)直接输入图像名称即可图片需要与存放网页的位置处在同一个文件夹。如src./banana.jpgI和II的代码I和II的运行结果III.从网络中导入图片从浏览器中找一张图片把浏览器图片存放的网络路径存下来。如img srchttps://img0.baidu.com/it/u2211436433,256650793fm253app138fJPEG?w800h956 alt图片加载失败 width300rpx height300rpx title这个是非洲之心alt的作用当图片未正确加载时会显示里面的内容不至于导致页面空白。2.a标签I.超链接到网站或本地格式a href网站从网络导入链接/a代码分别点击后的效果II.超链接的锚点作用格式a href#标签看看标签/a用来点击链接书签的代码a href#苹果看看苹果/abr格式a name标签这是标签/abr存放链接书签的代码a name苹果这是苹果/abr代码点击后效果锚点标签的使用效果三、总结通过图像标签以及超链接标签的学习和使用能很方便的插入我们想要的图片以及链接展示到对应的网页中。目前我们这里学习的是简单标签代码后续可以用专业软件直接使用包装好的代码不需要每次使用都要敲一遍代码所以经供初学者参考学习使用。