【网页设计综合案例一】圣诞节文化相关介绍 您所在的位置:网站首页 网页设计文章 【网页设计综合案例一】圣诞节文化相关介绍

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

2023-03-14 22:35| 来源: 网络整理| 查看: 265

网页设计综合案例一 写一个网页介绍圣诞节相关知识1标题标签的设置:2段落标签的设置:3图像标签设置:4 链接标签的设置:

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

步骤:

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

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

2段落标签的设置:

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

3图像标签设置:

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

4 链接标签的设置:

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

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

网页主页源码: 在这里插入图片描述 主页效果图: 在这里插入图片描述 点击第二段中的圣诞老人会跳转到内部链接圣诞老人介绍.html这个网页。

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有