要求

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="data:images/t1.gif" alt="雪景图" /><h2 id="2">圣诞老人的由来</h2><p>圣诞节当然少不了<a href="oldman.html" target="_blank">圣诞老人</a>，根据圣经记载，书中并没有提起这一号人物。到底他是如何成为圣诞的主角之一呢？</p><img src="data:images/t2.jpg" alt="圣诞老人图" /><p>相传在一千六百多年前，荷兰巴里地方有一个老人，名叫尼古拉斯，他一生最爱帮助贫穷的人家。其中有一次他帮助三个贫穷的少女，送她们三袋金子以逃过被卖的不幸。到了一八二二年，由荷兰传教士把这位伟大慈善家的故事传到美国，装扮圣诞老人渐渐地流行于世界各国。根据调查，以上故事还有下文；当尼古拉斯偷偷把其中一袋金子送给其中一名女子时，他把金子从其中一个窗户扔进去，恰好掉进晾在壁炉上的一只长袜中。于是，将礼物放在圣诞袜子的送礼方法便传到至今。在平安夜里，孩子总会把一双双色彩缤纷的袜子挂在床头，然后在袜子旁边放杯热牛奶让圣诞老人喝，以让劳苦功高的圣诞老人解渴，并送份大礼给自己。</p><img src="data:images/t3.jpg" alt="节日图" /><h2 id="3">圣诞树的由来</h2><p>圣诞一直是庆祝圣诞节不可少的装饰物，如果家中没有圣诞树，就大大减少了过节气氛。关于圣诞树的来源有多种不同的传说。其中一个是说：大约在十六世纪，圣诞树最先出现在德国，德国人把长青的松柏枝拿到屋中去摆设，将之成为圣诞树。后来，由德国人马丁路德把蜡烛放在树林中的枞树枝，然后点燃蜡烛，使它看起来像是引导人们到伯利恒去。而近今日，人们已经改用粉色的小灯泡了。</p>
<img src="data:images/t6.jpg" alt="圣诞树图" /><p>另一个传说记载。在很久以前，曾有一位农民，在圣诞节那天遇到一个穷苦小孩，他热情地接待了这个儿童。儿童临走时折下一根松枝插在地上，松枝立即变成一棵树，上面都挂满礼物，以答谢农民的好意。圣诞树真正出现在圣诞节时，首先见于德国，之后又传入欧洲和美国，并以其优美的姿态，成为圣诞节不可缺少的装饰。圣诞树的种类繁多，有天然松柏圣诞树、也有人造圣诞树及白色圣诞树。每棵圣诞树上都挂满琳琅满目的装饰品，但每棵树的顶端必定有个特大的星星，象征三博士跟随该星而找到耶稣，而且也只有该家庭的一家之主可以把这棵希望之星挂上。</p><img src="data: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="data: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="data: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>

html_5_小作业1_超链接练习相关推荐

html_5_小作业2_世纪佳缘注册页面
文章目录要求效果代码要求效果源码: 链接:https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A 提取码:ouzc 代码 <!DOCTYPE ...
猫哥教你写爬虫 005--数据类型转换-小作业
小作业程序员的一人饮酒醉请运用所给变量,使用**str()**函数打印两句话. 第一句话:1人我编程累, 碎掉的节操满地堆第二句话:2眼是bug相随, 我只求今日能早归 number1 = 1 ...
html网页设计小作业(个人主页)
目录作品介绍: 效果展示代码部分: 作品介绍: 简易的个人网页小作业,只用了html+css 布局制作,没啥好说的,直接上图!!! 效果展示 Home 页面: About页面: Hobbies页面 ...
《计算机应用基础》第四次作业,[业务]计算机应用基础四次小作业
[业务]计算机应用基础四次小作业 (8页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分本科专业第一次小作业辅导:课本第39页,第52页的填空 ...
matlab培训2018年暑假,2016暑假建模培训Matlab小作业
2016暑假建模培训Matlab小作业 1.Matlab函数绘图. (1)做出函数y=t+itsin(t)在极坐标和直角坐标下的表示图. (2)绘制z=exp((-0.1+i)t)的复数图形. 2.M ...
慕课网微信小程序课后小作业
慕课网微信小程序课后小作业思考几款自己常用的APP是否适合开发小程序版本 *Nirvana:一款结合GTD方法管理时间和待办事项的优秀APP.用户单次使用该应用一般时间较短,即用即走,符合小程序的特 ...
CSDN 博文写作小技巧 (标题超链接、跳转指定博客的指定位置、图片居中、动图制作、可爱文字、定时博客发布、快速博客写作)
CSDN 博文写作小技巧 (标题超链接.跳转指定博客的指定位置.图片居中.动图制作.可爱文字.定时博客发布.快速博客写作)
python作业网站_php网站编程作业代写、代做php网站小作业
php网站编程作业代写.代做php网站小作业日期:2018-05-03 03:29 标*号的页面需要管理员登录之后才能访问,否则会跳转到登录页面. auth.php 身份验证,检查访问包含此文件的页 ...
风变python小课基础语法12 作业1_菜鸟的风变编程Python小课之路，这么学编程也可以？...
原标题:菜鸟的风变编程Python小课之路,这么学编程也可以? 作为职场菜鸟,我感觉我就是现实生活里的孙弈秋,虽然学历没有他那么惨,但是在公司总感觉不那么受待见,可能因为我们这个行业本身竞争大吧,领导 ...

html_5_小作业1_超链接练习

文章目录

要求

效果

代码

demo.html

oldman.html

ys.html

html_5_小作业1_超链接练习相关推荐

最新文章

热门文章