前言

最近学习了HTML基础，做了一个网页

一、案例展示

案例图展与项目位置如下：

二、使用步骤

1.HTML代码：

代码如下：
圣诞节案例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>圣诞节案例</title>
</head>
<body><h1>圣诞节的那些事</h1><h4><a href="#1">1.圣诞节的由来</a></h4><h4><a href="#2">2.节日形式</a></h4><h4><a href="#3">3.节日装饰</a></h4><h4><a href="#4">4.节日饮食</a></h4><hr><h4 id="1">圣诞节的由来</h4><img src="../img/圣诞景色.webp" alt="圣诞景色"><p> 圣诞节把它当作耶稣的诞辰来庆祝，因而又名耶诞节，<a href="oldman.html"target="_blank">圣诞老人</a>。圣经上实际并无记载耶稣诞生日期，圣诞节是后人公定的。在罗马基督徒习用的日历中发现公元354年12月25日页内记录着：“基督降生在犹大的伯利恒。”因此人们逐渐相信12月25日是耶稣的降生日。</p><p>圣诞节，又称耶诞节，东正教称基督降生节，是基督教纪念耶稣降生的节日，教会通常将此节日定于12月25日。其为基督教礼仪年历的重要节日，部分教派会透过将临期及圣诞夜来准备，并以八日庆典与礼仪节期延续庆祝。圣诞节也是许多国家和地区、尤其是西方国家等以基督教文化为主流之地区的公共假日；在教会以外的场合，圣诞节已转化成一种民俗节日，并常与日期相近的公历新年合称“圣诞及新年季”。</p><hr><h4 id="2">节日形式</h4><P>圣诞贺卡作为圣诞节礼物在美国和欧洲很流行，许多家庭随贺卡带上年度家庭合照或家庭新闻，新闻一般包括家庭成员在过去一年的优点特长等内容。圣诞节这天寄赠圣诞贺卡，除表示庆贺圣诞的喜乐外，就是向亲友祝福，以表思念之情。尤其对在孤寂中的亲友，更是亲切的关怀和安慰。</P><hr><h4 id="3">节日装饰</h4><p>圣诞节装饰包括：圣诞袜，最早以前是一对红色的大袜子，大小不拘。因为圣诞袜是要用来装礼物的，所以是小朋友最喜欢的东西，晚上他们会将自己的袜子挂在床边，等待第二天早上收礼；圣诞帽，是一顶红色帽子，据说晚上戴上睡觉除了睡得安稳和有点暖外，第二天还会发现在帽子里多了点心爱的人送的礼物；圣诞树，通常人们在圣诞前后把一棵常绿植物（如松树）弄进屋里或者放在户外，用圣诞灯和彩色的装饰物装饰，并把一个天使或星星置于树顶，圣诞树起源于德国；圣诞节环，西方国家圣诞节期间挂在家门口用的装饰品，通常用绿色的枝叶或藤条（松毛、松针等）和银色的金属及金色的铃铛配以红色的缎带组成主色调，以绿、白、黄、红四色代表欢乐喜庆，上面还写有MERRYCHRISTMAS或简写为X'mas的字样，圣诞节环最早出现在芬兰。</p><img src="../img/圣诞树.webp" alt="圣诞树"><hr><h4 id="4">节日饮食</h4><p>圣诞节饮食包括火鸡、树干蛋糕、杏仁布丁、姜饼、海鲜、glogi酒、沙滩宴、玉米粥等</p><img src="../img/圣诞玩偶.webp" alt="圣诞玩偶"><hr>更多了解，<a href="https://www.baidu.com">百度一下</a><br><a href="https://www.baidu.com"><img src="../img/百度.png" alt="百度" target="百度" title="百度一下" height="120px"> </a><a href=""></a>
</body>
</html>

2.oldman.html

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>圣诞老人t</title>
</head>
<body><h1>圣诞老人</h1><img src="../img/圣诞老人.webp" height="120" alt="圣诞老人"><hr><p>圣诞老人源于欧洲的基督教圣人典故。他拥有9只名字各不相同的驯鹿，最大的烦恼是有烟囱爬的房子越来越少。通常父母们会对子女解释圣诞节收到的礼物是圣诞老人送的。圣诞老人以一位神秘人物带给小孩子们礼物的概念衍生自圣尼古拉。尼古拉是一位热爱施舍的慈悲主教，荷兰人在圣尼古拉斯节便会模仿他送礼物。</p><hr><img src="../img/圣诞老人.jpg" height="120" alt="圣诞老人">
</body>
</html>
---# 总结
以上就是今天要讲的内容，本文仅仅简单使用了HTML进行了一些编程实现静态网页，谢谢您的观看，不要忘记给个三连哦。

使用HTML制作静态网站（圣诞节案例）相关推荐

php网页的制作,用PHP制作静态网站的模板框架
用PHP制作静态网站的模板框架发布时间:2016-06-17 来源: 点击: 次模板能够改善网站的结构.本文阐述如何通过PHP 4的一个新功能和模板类,在由大量静态HTML页面构成的网站中巧妙地运 ...
使用HTML CSS制作静态网站【中秋节】
使用HTML制作静态网站中国传统文化丝绸之路 (学生网页设计作业源码)
使用HTML制作静态网站：传统文化戏剧锡剧带psd设计图（2个页面）
使用HTML制作静态网站作业——我的校园运动会(HTML+CSS)
静态网站和动态网站的区别
什么是静态网站? 静态站点是最基本的网站类型,也是最容易创建的. 它不需要服务器端处理,只需要客户端. 客户端技术是HTML,CSS和JavaScript. 简单来说,它不需要使用后端. 静态网站完全 ...
HTML5期末大作业：电影在线网站设计——漫威电影(2页) 免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作
HTML5期末大作业:电影在线网站设计--漫威电影(2页) 免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作常见网页设计作业题材有个人. 美食. 公司. 学校 ...
html5设计制作作品,16个精美的 HTML5 作品集网站设计案例
今天分享的作品集网站有些特别,因为他们都是使用HTML5制作的.对于设计师来说,为了吸引注意力,作品集必须展示出你的能力,这有点像制作简历,要让人们看到你所擅长的,突出的部分,这是一次推销自己的机会. ...
用python的flask框架制作可在局域网内访问的静态网站
出于对网站制作以及前端的喜爱,恰好又懂一点python的知识,想想python会的wed框架不过就两个,django和flask,秉承简单好上手的原则我选择了flask这个小框架,非常适合建站新人练手 ...
docker部署html页面,Docker 案例：在容器中部署静态网站
----------------知识点------------ 容器的端口映射: docker run [-P] [-p] -P,–publish-all=true | false,大写的P表示为 ...

使用HTML制作静态网站（圣诞节案例）

文章目录

前言

最近学习了HTML基础，做了一个网页

一、案例展示

二、使用步骤

1.HTML代码：

2.oldman.html

使用HTML制作静态网站（圣诞节案例）相关推荐

最新文章

热门文章