要求

1、目录实现

2、图片插入

3、实现内部链接的跳转

4、实现外部链接的跳转

效果

源码以及素材提取
链接:https://pan.baidu.com/s/17OgWsDffszyjwdW84WOXFA
提取码:0383


代码

demo.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>Document</title>
</head>
<body>
    <h1>圣诞节的那些事</h1>

    <a href="#1">1.圣诞是怎样由来的</a><br/>
    <a href="#2">2.圣诞老人的由来</a><br/>
    <a href="#3">3.圣诞树的由来</a><br/>


    <h2 id="1">圣诞是怎样由来的</h2>

    <p>圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节可能开始于公元336年的罗马教会。4世纪初,1月6日是罗马帝国东部各教会纪念耶稣降生和受洗的双重节日,即上帝通过耶稣向世人显示自己。 这一天又是罗马历书的冬至节,意味着万物复苏的开始。可能由于这个原因,罗马教会才选择这一天作为圣诞节。后来,因为各地教会使用的历书不同,具体日期不能统一,于是就把12月24日到第二年的1月6日定为圣诞节节期(Christmas Tide),各地教会可以根据当地具体情况在这段节期之内庆祝圣诞节。 在欧美许多国家里,人们非常重视这个节日,把它和新年连在一起,而庆祝活动之热闹与隆重大大超过了新年,成为一个全民的节日。12月24日平安夜、12月25日圣诞节的主要纪念活动都与<a href="ys.html" target="_blank">耶稣</a>降生的传说有关 。<p/>
    <img src="images/t1.gif" alt="雪景图" />


    <h2 id="2">圣诞老人的由来</h2>

    <p>圣诞节当然少不了<a href="oldman.html" target="_blank">圣诞老人</a>,根据圣经记载,书中并没有提起这一号人物。到底他是如何成为圣诞的主角之一呢?</p>
    <img src="images/t2.jpg" alt="圣诞老人图" />



    <p>相传在一千六百多年前,荷兰巴里地方有一个老人,名叫尼古拉斯,他一生最爱帮助贫穷的人家。其中有一次他帮助三个贫穷的少女,送她们三袋金子以逃过被卖的不幸。
    到了一八二二年,由荷兰传教士把这位伟大慈善家的故事传到美国,装扮圣诞老人渐渐地流行于世界各国。根据调查,以上故事还有下文;当尼古拉斯偷偷把其中一袋金子送给其中一名女子时,他把金子从其中一个窗户扔进去,恰好掉进晾在壁炉上的一只长袜中。于是,将礼物放在圣诞袜子的送礼方法便传到至今。
    在平安夜里,孩子总会把一双双色彩缤纷的袜子挂在床头,然后在袜子旁边放杯热牛奶让圣诞老人喝,以让劳苦功高的圣诞老人解渴,并送份大礼给自己。</p>
    <img src="images/t3.jpg" alt="节日图" />


    <h2 id="3">圣诞树的由来</h2>

    <p>圣诞一直是庆祝圣诞节不可少的装饰物,如果家中没有圣诞树,就大大减少了过节气氛。关于圣诞树的来源有多种不同的传说。

其中一个是说:大约在十六世纪,圣诞树最先出现在德国,德国人把长青的松柏枝拿到屋中去摆设,将之成为圣诞树。后来,由德国人马丁路德把蜡烛放在树林中的枞树枝,然后点燃蜡烛,使它看起来像是引导人们到伯利恒去。而近今日,人们已经改用粉色的小灯泡了。</p>
<img src="images/t6.jpg" alt="圣诞树图" />


    <p>另一个传说记载。在很久以前,曾有一位农民,在圣诞节那天遇到一个穷苦小孩,他热情地接待了这个儿童。儿童临走时折下一根松枝插在地上,松枝立即变成一棵树,上面都挂满礼物,以答谢农民的好意。

    圣诞树真正出现在圣诞节时,首先见于德国,之后又传入欧洲和美国,并以其优美的姿态,成为圣诞节不可缺少的装饰。圣诞树的种类繁多,有天然松柏圣诞树、也有人造圣诞树及白色圣诞树。每棵圣诞树上都挂满琳琅满目的装饰品,但每棵树的顶端必定有个特大的星星,象征三博士跟随该星而找到耶稣,而且也只有该家庭的一家之主可以把这棵希望之星挂上。</p>
    <img src="images/t5.jpg" alt="圣诞树图" />

<p><a target="_blank" href="https://baike.baidu.com/item/%E5%9C%A3%E8%AF%9E%E8%8A%82/127881?fr=aladdin" >更多内容可以百度一下</a></p>
</body>
</html>

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>Document</title>
</head>
<body>
    <h1>圣诞老人简介</h1>
    <p>圣诞老人(Santa Claus)是西方神话传说中的人物,在传说中西方圣诞节前夜时悄悄赠送礼物给小孩子,是耶稣基督诞辰瞻礼即西方圣诞节的代表角色之一。他普遍被认为是基督教的圣人圣·尼古拉斯(Saint Nicholas)的衍生形象,圣诞老人的起源或与一种被称为毒蝇伞的红白相间蘑菇有关 [1]  。
        传说每到12月24日晚上,有个神秘人会乘驾由9只驯鹿拉的雪橇在天上飞翔,挨家挨户地从烟囱进入屋里,然后偷偷把礼物放在孩子床头的袜子里,或者堆在壁炉旁的圣诞树下。他在一年中的其他时间里,都是忙于制作礼物和监督孩子们的行为。
        虽然没有人真的见过神秘人的样子,但是人们会装扮成他的样子来给孩子送上礼物。他通常被描述为一位老人,头戴红色帽子,大大的白色胡子,一身红色棉衣,脚穿黑色靴子的样子,拿着装有礼物的大袋子,因为总在圣诞节前夜出现派发礼物,所以习惯地称他为“圣诞老人”。</p>
    <img src="images/oldman.jpg" alt="圣诞老人图像">
    <p><a target="_blank" href="https://baike.baidu.com/item/%E5%9C%A3%E8%AF%9E%E8%80%81%E4%BA%BA/570?fr=aladdin" >更多内容可以百度一下</a></p>
</body>
</html>

ys.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>Document</title>
</head>
<body>
    <h1>耶稣简介</h1>
    <p>耶稣,基督教的崇拜对象。按照《圣经》记载,童贞女马利亚受圣灵感孕,在伯利恒生下耶稣。他三十岁开始传教,宣扬福音。后被犹太祭司该亚法控告,经犹太行省的罗马总督本丢·彼拉多审判,被钉死在十字架上。三天后复活,然后升天。基督徒相信耶稣还要再来,使信徒得到永生。
        “耶稣”的中文译音是由希腊语Ίησους(可转拼为Iēsous)发音转译,“基督”的希腊语为Χριστός(可转拼为Christos),是希伯来文“弥赛亚”(māshīah)的希腊文翻译,意为“受膏者”。耶稣基督有许多别的头衔和称呼:以马内利、神的儿子、人子、道、中保、大祭司、君王、万王之王、万主之主、羔羊、明亮的晨星、大卫的主、拉比或拉波尼(老师的意思)、拿撒勒人耶稣等等。</p>
    <img src="images/ys.jpg" alt="耶稣图像">
    <p><a target="_blank" href="https://baike.baidu.com/item/%E8%80%B6%E7%A8%A3/110027?fr=aladdin" >更多内容可以百度一下</a></p>
</body>
</html>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐