【网页设计综合案例一】圣诞节文化相关介绍

写一个网页介绍圣诞节相关知识

步骤：

1. 先建立一个文件夹作为目录文件夹，里面存放相关的html网页和网页多用到的图片。这里我命名为目录文件夹
2. 其中网页用到的图片也可以设置一个统一的文件夹来存放，这里我命名为images
3. 开始由写html文件：标签设置顺序为标题标签–》段落标签–》图像标签–》链接标签

1标题标签的设置：

使用h双标签标题进行设置，共有1-6六级标题。

2段落标签的设置：

使用p双标签将段落内容放到其中间。

3图像标签设置：

使用img单标签将图像设置放置到段落之后，并且注意图像相对于此html文件的位置（src属性）。

4 链接标签的设置：

使用a双标签，按照外部，内部，空，锚点，下载，网页元素链接的顺序对链接标签进行设置。
注意必要属性href的设置：

外部链接是http://加网址
内部链接是对应目录文件夹下的另一html网页文件
空链接暂时用#代替
锚点链接是#加设定的名字，另外在锚点处的标签设定id=”设定的名字“

网页主页源码：

主页效果图：

点击第二段中的圣诞老人会跳转到内部链接圣诞老人介绍.html这个网页。

2，3后面的是锚点链接，能够实现网页位置的跳转。