HTML、CSS—第二章：链接到其他页面

HTML初学者，如有错误请谅解指正，谢谢
本章若有不懂的地方可、可以参考之前的博客或留言
第一章：创建一个HTML文件

1.创建此电影的HTML文件

<img>元素：插入图片
src属性：图片的相对路径
alt属性：对图片的描述，当图片加载错误时显示

<br>元素：换行

如何打出空格：&nbsp;

2.查看此HTML文件的web页面

3.更改上一章的HTML文件，只显示电影海报和电影名字

加载出的web页面：

4.增加链接（<a>元素）

<a>元素：为文本增加链接，点击后转到其他界面
href属性：链接的web页面的相对路径

例：<a href = “MoiveRecom/ForrestGump.html”>《阿甘正传》</a>

说明：当点击《阿甘正传》时，浏览器显示出MoiveRecom/ForrestGump.html 路径 （相对路径）下的 ForrestGump.html 文件

HTML文件如下（只增加了《阿甘正传》的链接，剩下的可自己尝试）：

<a  href = "MoiveRecom/ForrestGump.html">
	<img src = "Pictures/阿甘正传海报.jpg" alt = "《阿甘正传》海报">
</a>
	<p><a  href = "MoiveRecom/ForrestGump.html">《阿甘正传》</a></p>

效果展示：

对图像和电影名都做了链接，图中可看出电影名的样式发生了明显改变。点击图片和电影名都能链接到到其他页面。

5.使用target打开新窗口

在上述例子中，点击链接时，会显示出新窗口，但原窗口会消失。有什么办法出现一个全新的窗口呢。

为<a>增加一个target属性，值为_blank;

<p><a  target = "_blank" href = "MoiveRecom/ForrestGump.html">《阿甘正传》
</a></p>

效果展示：