图片和超链接标签

1.图片标签

h2:是指标题文字标签

img src="图像文件名"

alt="替代文字"

title="鼠标悬停提示文字"

width="图像宽度"

helight="图像高度"

border="边框宽度"

运行结果截图如下：

2.超链接标签

<a>:是指超链接标签，用于实现页面的跳转

./：是指当前html文件所在目录

img_src/apple.jpg:是目标文件的相对路径

https:是这个图片网络地址

运行结果截图如下：

3.超链接瞄点实验

<p>：是指段落标签

<a>:是指超链接标签

href="#橘子":是关键，#表示页面内锚点跳转

name:用来定义锚点的目标位置

<br>:是指换行标签

运行结果截图如下：

4.实验心得

通过这个实验，我学会了<img>和<a>标签的核心用法。在图片标签中，我学会了绝对路径，相对路径和URL三种方式，其中相对路径更适合项目移植。在超链接标签中，我不仅学会了跳转到本地图片，网络图片和PDF文件，而且还掌握了锚点跳转的技巧，这使我受益很多！！！