实验过程1测试图片标签测试图片标签过程如下1.统一用“ ”打出其基础框架后写入标题然后使用h2分级标签标题来编排网页先写出第一个绝对路径导入图片并渲染到前端然后使用常用属性src来写图像的路径alt中可以写“图片资源没找到......”也可以写“图像无法显示说明文字”等等后面可以制定它们的高度height和宽度width等等。2.编排完第一个绝对路径之后就可以写下一个相对路径前面是绝对路径所以后面我们可以用相对路径来导入图片并渲染到前端./表示“当前文件所在的目录”所以我们得从自己的网页.html出发找到自己的tupian文件夹再找到观望.jpg这个相对路径后面就可以导入图片到前端了大小后面可以自己制定。3.最后编排完相对路径之后就可以编排第三个路径了最后是用UBL来获取互联网上的照片并渲染到前端的从网上找到一张图片之后复制图片链接写入其路径中并制定好宽度和高度就可以了后面还可以使用title属性在鼠标悬停图片处提示相关话语如下图所示实验过程2超链接标签实践使用vsc来制作图片超链接使其跳转到相应界面具体如下所知1.首先我们要了解超链接”是什么“超链接”是指从一个网页或其他文件指向一个目标的连接关系这个目标可以是另一个网页也可以是相同网页上的不同位置还可以是一个图片一个电子邮件地址一个本地文件甚至是一个本地的应用程序。2.然后了解完之后就开始往下制作先在标题中写出相应的超链接标题如超链接标签实践。再之后使用超链接标签a来写其相应属性a标签使用href属性来指定跳转链接默认情况下未被点击的链接是蓝色字体点击过的链接是带紫色字体。3.之后我们使用h2分级标题标签来编排网页先通过相对路径跳转到本地图片下面用href属性来跳转链接后面一行标注“点我打开苹果图片”完成这一步之后再完成第二个编排通过URL跳转到网络上的图片然后在href后输入其网址使其跳转到该图片最后再编排一个通过相对路径跳转到本地pdf文档之后再如上所写就可以了这个超链接就完成了。实验心得学习完这些之后可以让我们更好的使用前端在往后的日子里学会多一点技能然后用在我们的需求中如用在经营店互联网店中等等。