html的简单例子练习(6个)

1、楚乔传

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h1>楚乔传</h1>
<p>中国大陆 67集(TV版)/58集(DVD版)</p>
<p>
《楚乔传》是由慈文传媒、蜜淘影业、克顿传媒联合出品的女性励志传奇古装剧。由吴锦源执导,嘉纹、杨涛、陈岚编剧,赵丽颖、林更新、窦骁、李沁领衔主演,邓伦、金士杰特邀出演,王彦霖、牛骏峰、黄梦莹、田小洁、孙宁、金瀚、邢昭林、曹曦月、朱圣祎、阮圣文、李若嘉、苗苗等联合出演。[1] 该剧改编自潇湘冬儿小说《11处特工皇妃》,讲述了西魏乱世中,一个特立独行的女奴楚乔,在协助建立新政权过程中关于守护、背叛、信仰、爱情的故事。</p>

第1集<br />
<a href="#two">第2集</a><br  />
<a href="#three">第3集</a><br />
第4集<br />
第5集<br />
<img src="作业素材\images\1.jpg">
<br />
<h3>
第1集(分集以TV版为准)</h3>
  摇摇晃晃的囚车上,一名少女正在闭目沉睡。梦境里皆是血雨腥风,恍恍惚惚中,她只记得有人唤她楚乔,又有人叫她荆小六。她不知道自己从哪里来,又将去往何方,前路茫茫。囚车里传来低低的啜泣声,楚乔从梦境里回过神来。周遭都是一片陌生,有一个自称卷毛头的小姑娘听得楚乔肚子咕咕叫,便将自己藏着的窝头分了一半给她。楚乔告诉卷毛头,自己叫做荆小六,卷毛头便唤她小六姐姐。女奴们被带往围场。   西魏皇城,燕北世子燕洵,西魏十三皇子裕王元嵩,魏氏门阀长房嫡子魏舒烨,赵氏门阀次子赵西风和宇文门阀三房庶孙宇文怀策马出城去了一处围场。女奴们便被人从帐篷中赶了出来,站在围场中央,手执兵器的官兵将她们团团围住。少女们身上穿的衣服,都写上了几名少年的名字。   见此情形,站在高台上的少年们不解宇文怀的意图。宇文怀得意的笑笑,告诉其他几位少年,这不是一次普通的围猎。此次的猎物不仅有狼,还有这些新鲜的少女奴隶,大家可以射畜生,也可以射别人的奴隶,一炷香之后,看看谁剩下的奴隶最多,就算谁赢。   裕王觉得这种玩法太过残忍,表示反对。而赵西风却觉得很有意思,鼓动大家兴奋起来。几个人相持不下,言辞便激烈起来。眼见赵西风吵嚷着要求放狼,裕王便推托等宇文玥来了再开始。宇文怀却阴阴一笑,只道宇文玥怕是正在春宵一刻。   而另一边,宇文家青山院。一身白衣的宇文门阀长房嗣孙宇文玥,刚刚推门走进房间,就见床上躺着一位美人。但他只是淡淡地瞟了一眼躺在床上的美人,便径自走到书桌前坐了下来。美人见状,主动诱之。宇文玥却不动声色,将计就计,引得美人主动出手行刺,才一举擒住了她。解决掉刺客,宇文玥这才吩咐人备马,往围场上奔去。   正当还在宇文玥赶往围场的路上之时,围场上已是一片哀号惨叫景象。两侧的围栏闸门被打开,二十多只凶猛的恶狼登时冲进围场,张大血盆大口,咆哮着向少女们冲去。楚乔观察了一下周围地形,大喊着叫少女们逃离空旷的围场,躲向有植物的山丘。一片慌乱中,高台上的箭已经向少女们射了过来,不消片刻功夫,身边已有好几人倒下。楚乔拉着卷毛头,频频躲过高台上射来的箭支和饿狼的追捕,引起了少年们的注意。   慌乱中,一头饿狼在前方挡住了去路,楚乔让卷毛头先躲起来,自己去将那头饿狼引开。燕洵世子见状,搭箭拉弓射杀了饿狼,救下了楚乔。刚刚逃过一劫的楚乔又被一前一后两只饿狼围住。被逼入绝境的她,为了求生,捡起地上的箭支,狠狠的插进了饿狼的咽喉。远处的沙丘上,骑马而立的宇文玥,看着围场中的倔强少女,不由得在心底赞叹她,天生的战士。   围场中的少女越来越少,宇文怀看着底下顽强的楚乔,不禁玩心大起。他飞身上马,呼喝着手下人马进围场里去追杀剩下的女奴。其他几名少年都紧随其后,燕洵世子一路上只顾着射杀饿狼,并不对女奴下手。   渐渐地,围场中的女奴越来越少,饿狼也越来越少。只有一队人马,在荒野中狂奔,向着少女们逃跑的方向追去,不断地还是有女奴在倒下。楚乔拉着卷毛头,在沙丘上拼命地跑着,一时也不敢慢下来,她知道,要想活命,就不能够停下脚步。   远处传来了结束的响箭声,所有人都勒马停下。宇文怀却心有不甘,他还是拉弓朝着女奴射了过去,跑在后面的卷毛头应声倒地。楚乔回过身,紧紧地抱住了卷毛头,似是被风化一般,一动也不动。心有不甘的宇文怀,不想让身上写了“玥”字的楚乔活下来,不顾之前约定,依旧朝着楚乔射了一箭。一旁的燕洵见了,搭箭射向宇文怀的箭,却还是稍稍差了几毫厘,只射下几缕箭尾的翎毛。最后关头,宇文玥悄无声息地用弩箭挡下了这一箭,救了楚乔一命。   而伤心欲绝的楚乔,自然没有注意到,她是怎么在几位少年的争论下活下来的。她此刻心里只有恨,以至于在燕洵世子询问她的名字的时候,她也只是冷冷的回答,等到有一天我不用再仰视你的时候,我自然会告诉你。   侥幸活下来的楚乔,却因惹得宇文怀不悦,便被管家朱顺关进了宇文家的柴房。躺在地上的楚乔心里恨极了,她恨这个世道,那些贵族比饿狼还要可怕,人命比草芥还要低贱的世道。在昏暗的柴房里,浑身是伤的楚乔暗暗发誓,早晚有一天,自己定要让这些人血债血偿。   一名男子手提食盒走了进来,一到楚乔跟前,就满脸心疼地唤楚乔小六,说自己是五哥。楚乔并不认识他,微微有些抗拒他的接近。男子从食盒里拿出一碗饭,饭上放着一块楚乔最爱吃的红烧肉,楚乔含泪接过,觉得吃到了自己这一生最好吃的东西。   燕洵来找宇文玥,请他帮忙解决淳公主要替他办生辰宴的事情。面色冷冷的宇文玥,三言两语,就将燕洵的难题化解。   柴房里,楚乔还在昏迷。昏睡中,她似乎想起自己同一名男子打斗,不慎落入水中,在湍急的河流中,浑身发冷。有人将暖炉放在了她的手里,楚乔便醒了过来,原来是姐妹们在照顾她。
<h3 id="two">第2集</h3>
  楚乔伤病还未痊愈,便被宋大娘遣来干活。大姐汁湘为楚乔求情,却被宋大娘骂了一通。管家朱顺前来通知,过两日少爷宇文玥要在府上为燕洵世子举办生辰宴,谁要是敢出一点差错,便要将她打死,众人皆唯唯应了。楚乔便被宋大娘安排去搬花草,朱顺却叫住汁湘,说自己并没有为难楚乔,让汁湘报答他。眼见他就要对汁湘动手动脚,楚乔突然过来问汁湘兰花的位置,汁湘成功躲过朱顺的纠缠。宇文怀吩咐朱顺往宇文玥的酒里下毒,楚乔将这一切都收在眼里,却不动声色地看着。汁湘被安排给宇文玥斟酒,宇文玥察觉出不妥,不肯饮酒。宇文怀便笑言仿效古人,主人不饮酒,就杀美人。宇文玥知道有诈,依旧不肯饮酒。汁湘举着酒杯,苦苦请求。楚乔不愿见姐姐白白做了他们内斗的牺牲品,伺机打翻了酒杯,将众人的注意力吸引到了自己身上。楚乔便求诸位公子放过自己的姐姐,表示自己愿意替姐姐受罚。宇文怀见状,就要让人杀了楚乔。燕洵表示既是自己的生辰,便不愿见着打打杀杀,为楚乔求情。宇文怀却表示宇文府的规矩不能坏,不肯轻饶。燕洵建议玩个游戏,让老天来决定楚乔的生死。他拿出自己腰间的腰牌,腰牌一面龙纹,一面篆字,将它扔在地上,让楚乔来猜哪面朝上,若是猜对了,便免她死罪。楚乔看懂了燕洵的暗示,猜对了龙纹朝上,侥幸逃过一死,却是活罪难逃。楚乔被倒吊在树上已是晚间时分,宇文玥带人过来将她放了下来,却讽刺她。在姐妹们的帮助下逃出府外的楚乔,无意之中听到了朱顺与锦烛的对话,得知临惜有危险,又回到了宇文府。却不想,刚回到宇文府中,就看见宇文玥亲手将临惜杀掉,一脚踢进火堆之中。楚乔想冲进火堆救临惜出来,却被宇文玥踢起的石子打中小腿扑倒在地,当场被侍卫拿住。伤心欲绝的楚乔指责宇文玥滥杀无辜,自己的哥哥根本就不是细作。宇文玥却道,自己滥杀无辜又如何。受了伤的楚乔回到柴房,告诉了姐妹们五哥死去的消息。伤心的小八怨怪楚乔是个克星,克死了自己的家人,汁湘不让小八这样说楚乔,姐妹为了此事吵了起来。浓浓的难过夹杂着满满的无奈,倾袭着每一个荆家姐妹的心。
<h3 id="three">第3集</h3>
  青山院灵堂肃穆,宇文玥一身孝衣,沉静的面色里透出几分隐隐的忧伤。宇文玥刚刚下令封棺,便被院子里闯进来的一位不速之客阻拦。来人正是三房的宇文怀,他不顾侍卫阻拦,出言嚣张傲慢,扬言要亲自开棺验尸。宇文玥百般阻拦未果,两人便在灵堂上动起手来。正在难分难解之间,宇文怀掷出去的剑让院门口立着的一位太监险险避过,继而尖锐的声音响起“护驾!贵妃娘娘在此,谁敢造次?”此言一出,惊得院里的宇文玥急急撇下了手中的武器,来向贵妃娘娘问安。宇文怀心知贵妃是宇文玥请来的救兵,却也无可奈何,只得停了手。一身雍容的贵妃娘娘开口便质问宇文怀,何以在青山院里闹事?宇文怀却恶人先告状,只道是宇文玥执意封棺,还逼得自己动手。宇文玥便回禀贵妃,祖父是身中西域奇毒而亡,自己是怕此毒再行伤人,便先焚毁杂物再封棺。柴房里,清醒过来的楚乔郁郁寡欢,连汁湘姐姐送来的药汤也不愿意喝。汁湘知道她是因为临惜的死自责便劝慰她,生逢乱世大家都是身不由己,叫她不要再责怪自己。楚乔的目光却透出坚毅,她告诉汁湘,自己是不会让临惜白白死去的,自己一定会好好活下去。说罢,端起药汤一饮而尽。婢女们都在院子里干活,就见有侍卫抬着一具尸体走了出去。婢女们纷纷议论,这是被送去极乐阁的婢女锦兰,因未被老太爷看上,便被折磨致死。宋大娘前来挑选送往极乐阁的婢女,楚乔被宋大娘指名要送去极乐阁。汁湘为了救下妹妹,便求了宋大娘,由自己顶替了楚乔去了极乐阁。极乐阁里,同汁湘一起被送进去的女孩子,没有一个人活着出来,汁湘也不例外。楚乔带着小七小八躲在暗处,亲眼看着汁湘被装在一辆破车上送出来,难过至极的三人,却不敢哭出声音,只能眼睁睁看着自己姐姐的尸体被人扔掉。事后,楚乔悄悄将汁湘的尸首埋了。姐妹三人拿着弄来的纸钱,在临惜和汁湘的坟前烧着,却被受了罚的宋大娘撞个正着。宋大娘想拉着她们去向宇文怀邀功,遂与楚乔姐妹三人起了争执。几人撕打之中,宋大娘从桥上滑落,被楚乔拉住,却终是因为太过沉重而落下了水。小七小八十分害怕,楚乔安慰她们,若是有一日东窗事发,自己会一力承当,叫姐妹们不要担心。可是她们谁也没有瞧见,有一个躲在暗处的影子,早已将这发生在深夜里的一切,尽数看在眼底。宇文玥依旧一副淡淡神情,只说人太过聪明了不见得是好事。燕洵不理会宇文玥的冷淡,只跟他说起他们宇文家的内斗,表示自己并不喜欢这些,自己只想做草原上自由翱翔的雄鹰。问及宇文玥想成为什么的时候,宇文玥也只是微微沉吟。燕洵却不理会宇文玥,他想起了楚乔,便从宇文玥的桌子上顺了一瓶伤药,径自来找楚乔了。却正巧撞上有侍卫要带楚乔去受罚,燕洵轻轻松松就替她解了围。但楚乔冷漠的神色却让燕洵很不解,楚乔告诉燕洵,自己的哥哥姐姐新丧,自己也朝不保夕,自然高兴不起来。
<h3>第4集</h3>
  宇文玥挑选侍寝婢女的消息很快传了开来,听着小七小八的议论声,楚乔心底里萌生出了求生的新芽。她猛地意识到,自己只有离开宇文怀的爪牙,才能保护妹妹们的性命,才能为兄姐报仇。自己就像是墙角的弱草,只有借助强者的力量,才能与顽石对抗!楚乔下定决心要参加择选,她不顾别人异样的眼光,勇敢地走进了青山院。只可惜,她只是一个带着铁铃铛的奴婢,根本没有资格参加择选。但楚乔知道,自己已经没有退路,她一定要参加这次的择选。她不屈不挠地留了下来,固执的跪在院子里不肯起来。宇文玥听闻,只道她是不自量力,便由着她跪,并不理会她。屋外烈日当头,楚乔在烈日下烤着,却依旧坚持着。时间一分一秒流逝,外头已是月上中天,楚乔还在院子中跪着,宇文玥默不作声地在暗处瞧着倔强的楚乔,面上若有所思。侍卫想要劝楚乔回去,却见楚乔并无退意,就要将她架走。宇文玥却出来制止了侍卫,他看着跪在地上的楚乔,问她为什么要来参加择选。楚乔目光坚定的看着他,说自己想要活下去。宇文玥并不相信楚乔的意图,他继续问楚乔,自己亲手杀死了她的哥哥,她却来求着自己收她做侍寝婢女,尊严何在。楚乔面无表情,目光却依旧坚定,作为奴婢,命都保不住,哪里还有尊严。宇文玥看了一眼楚乔,问她是否知道侍寝婢女是要在主人床底之间承欢侍奉。楚乔紧紧握住了自己的手,卑微地叩头,请公子留下奴婢。宇文玥似是沉思了一会儿,便向侍卫下令,准许楚乔参加择选。择选开始,众多的婢女聚到一起,便免不了生出是非。楚乔本就是因着公子格外开恩才得以参选,自然引得其他人对其不满。银铃铛的大丫鬟锦烛,看不惯楚乔私自放飞公子豢养的鹦鹉,想暗地里使坏抓坏楚乔的衣服,不想,却被楚乔反手夺走了衣衫,弄得失了仪态。宇文玥将这一切都瞧在眼里,看出了楚乔身手敏捷,倒是个练武的苗子。第一场是蒲棋,楚乔并不太懂,遂很惨淡地输掉一局。第二局是烹茶,依旧不是楚乔的强项,但她知道自己不能再输了。楚乔仔细观察着周围的婢女们如何烹茶,突然计上心头。她跑到井边打了新鲜的井水上来,又顺手摘了一片叶子,照着别的婢女的法子,有样学样,也烹制出了一杯甘冽的茶水。楚乔赢了第二局。第三局,默记梵文佛经,一柱香时间去记,再用一柱香时间默写。楚乔虽然不会握笔,更不会写字,但她却凭借超人的记忆,将佛经一字不差地默写了下来。但楚乔却因为没有署名,而被宇文玥责问。楚乔却道,规则里并没有要求署名,自己只是按照规则来做,并无不妥。宇文玥要求只要楚乔能够在经文上署上自己的名字,这一局就算她赢。这可难不倒楚乔,她从自己的头发上拿下铜铃铛,蘸了墨,稳稳地印了上去。宇文玥不再说话,但他却在回过身以后,在嘴角勾起了一抹微不可察的笑意。中选后的楚乔被带来见宇文玥,宇文玥再次问她,为何要来做自己的侍寝婢女。楚乔跪下回话,自己是为了活下去。宇文玥不信楚乔会忘记自己亲手杀了她哥哥的仇恨,而楚乔却表示自己已经答应过姐姐,要好好照顾两个妹妹。
<h3>第5集</h3>
  楚乔一觉醒来,忽觉身边有些异样,那躺在不远处的不就是冷脸面瘫的宇文玥嘛,尖叫声不经思考就脱口而出。宇文玥不慌不忙的坐起身,冷言嘲她大惊小怪,这侍寝的机会不正是她想要的吗。楚乔凌厉出手反抗,宇文玥趁此机会教她功夫,两人之间不免有了肢体接触,宇文玥将她拦腰抱起,旋转数圈。宇文玥第一次招人侍寝,在青山院里极为轰动。一大早锦烛赶去送汤。听到房外的动静,宇文玥特意与楚乔亲密搂抱,温柔宠溺地亲自喂她吃粥,锦烛出去后,宇文玥立马推开了楚乔,好像刚才温柔似水的不是他一样,冷言让她整理被她玷污的床铺。楚乔瞥了眼床上的落红,面露不屑,明明就是他故意弄上的。楚乔侍寝后还是身份低下的铁铃铛,比之锦烛这样银铃铛的大丫鬟还是差了很多。锦烛对楚乔嫉妒不已,小七、小八听不下去了,出言为楚乔抱不平。锦烛气而动起手来,楚乔随手就制住了她。碧水河畔,杨柳依依,楚乔坐在栈桥边,奋力地洗着衣服。燕洵牵马来到河边找她,调笑宇文玥为楚乔取的名字-星儿,正好与宇文玥的玥字相和,燕洵满脸揶揄,笑说宇文玥矫情。楚乔懒得和他计较,端起盆就要走。燕洵不依不饶,耍赖般的把自己的爱驹交给她牵着。楚乔的性子甚合燕洵心意,他特意去找宇文玥要讨了她去,否则就赖在青山院不走了。女奴们居住的小院里,楚乔的特殊待遇遭到以锦烛为首的部分女奴妒忌,连带着她的两位妹妹小七、小八也受到排挤,处处被为难。楚乔为妹妹出头,惹得锦烛满脸怒气,与她动起手来,甚至不惜暗箭伤人,千钧一发之际,宇文玥及时出手,才免得楚乔被伤。锦烛恶人先告状,假惺惺地说是在维护青山院的规矩。宇文玥长身玉立,脸色平静无波看不出喜怒,只说要将楚乔带回去惩罚。他们走后,锦烛的跟随者们趾高气昂,对小七、小八嘲讽更加变本加厉,仿佛宇文玥的态度已经说明了一切。而随宇文玥而去的楚乔,不想白白受到惩罚,她向宇文玥说明当时情况,表明自己只是看不惯弱者被欺负。宇文玥面色冷峻,告诉她强者为王,身为弱者没资格为人讨公道。楚乔心有不甘,请他指点何为强者。假山流水淙淙,走过水上蜿蜒的石块,宇文玥带楚乔进入密室。宇文玥让她掷石头,烛火晃动,乱箭齐发,楚乔一时应付不来,但渐渐地身手越来越快,闪躲越发及时。接下来的三个时辰,楚乔都要和乱箭、石子为伴。她不断被击中,但眼神却越发坚韧,要报仇,就要忍常人所不能忍
</body>
</html>

效果图:
在这里插入图片描述

2、圣诞节

1)圣诞的由来.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>圣诞的由来</title>
    <base target="_blank">
</head>
<body>
	<h1>圣诞节的那些事</h1>

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

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

<img src="images/t1.gif" />


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

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




    相传在一千六百多年前,荷兰巴里地方有一个老人,名叫尼古拉斯,他一生最爱帮助贫穷的人家。其中有一次他帮助三个贫穷的少女,送她们三袋金子以逃过被卖的不幸。

    到了一八二二年,由荷兰传教士把这位伟大慈善家的故事传到美国,装扮圣诞老人渐渐地流行于世界各国。根据调查,以上故事还有下文;当尼古拉斯偷偷把其中一袋金子送给其中一名女子时,他把金子从其中一个窗户扔进去,恰好掉进晾在壁炉上的一只长袜中。于是,将礼物放在圣诞袜子的送礼方法便传到至今。



 

    在平安夜里,孩子总会把一双双色彩缤纷的袜子挂在床头,然后在袜子旁边放杯热牛奶让圣诞老人喝,以让劳苦功高的圣诞老人解渴,并送份大礼给自己。?
<br />
<img src="images/t2.jpg" />

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

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

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



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

    圣诞树真正出现在圣诞节时,首先见于德国,之后又传入欧洲和美国,并以其优美的姿态,成为圣诞节不可缺少的装饰。圣诞树的种类繁多,有天然松柏圣诞树、也有人造圣诞树及白色圣诞树。



    每棵圣诞树上都挂满琳琅满目的装饰品,但每棵树的顶端必定有个特大的星星,象征三博士跟随该星而找到耶稣,而且也只有该家庭的一家之主可以把这棵希望之星挂上。
    <br />
<img src="images/t3.jpg" /><br />
更多内容可以百度一下
<a href="http://www.baidu.com" target="_blank">
<img src="images/arr.gif"  /> </a> 

</body>
</html>

2)laoren.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h1>圣诞老人 (西方文化的传说人物)</h1>
圣诞老人(Santa Claus)别称Saint Nick、Kris Kringle、Father Christmas或Santa(爱尔兰英语的Santy),一位专门在圣诞节前夜时悄悄赠送礼物给小孩子的神秘人物,是节日主题的代表角色之一。他普遍被认为是基督教的圣人圣·尼古拉斯(Saint Nicholas)的衍生形象。 传说每到12月24日晚上,有个神秘人会乘驾由9只驯鹿拉的雪橇在天上飞翔,挨家挨户地从烟囱进入屋里,然后偷偷把礼物放在好孩子床头的袜子里,或者堆在壁炉旁的圣诞树下。他在一年中的其他时间里,都是忙于制作礼物和监督孩子们的行为。 虽然没有人真的见过神秘人的样子,但是人们会装扮成他的样子来给孩子送上礼物。他通常被描述为一位老人,头戴红色帽子,大大的白色胡子,一身红色棉衣,脚穿红色靴子的样子,拿着装有礼物的大袋子,因为总在圣诞节前夜出现派发礼物,所以习惯地称他为“圣诞老人”。
<br />
<img src="images/oldman.jpg" />
</body>
</html>

3)yesu.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h2>耶稣</h2>

耶稣(公元元年/前4年—公元30年),是基督宗教里的核心人物,基督宗教认为他是《旧约圣经》中所预言的弥赛亚(救世主,基督),并且是三位一体中圣子的位格,常被称为“拿撒勒人耶稣”。 耶稣出生于以色列的伯利恒,三十岁左右开始传道,三十三岁时在总督本丢彼拉多执政时受难、为了全人类的罪被钉死在十字架上,第三天复活、并向门徒显现四十天后升天,坐在全能天父的右边,他必要在世界穷尽的审判之日在光荣中降来,建立荣耀的天国,给「善」带来最后的胜利。 《圣经》记载:耶稣是神的儿子,神爱世人,甚至将他的独生子赐给他们,叫一切信他的,不至灭亡,反得永生。

<br />
<img src="images/ys.jpg"><br />
耶稣基督有许多别的头衔和称呼:以马内利、神的儿子、人子、道、中保、大祭司、君王、万王之王、万主之主、羔羊、明亮的晨星、大卫的儿子(大卫的子孙)、大卫的根、拉比或拉波尼(老师的意思)、拿撒勒人耶稣等等。耶稣有好几次说到“我是”:我就是生命的粮(约翰福音6:35),我是世界的光(约8:12),我是好牧人(约10:11),我是羊的门(约10:7),我是道路、真理、生命(约14:6),我是真葡萄树(约15:1)。这里的“我是”是隐含地引用旧约,提示耶稣是道成肉身的救主身份。

耶稣是顺服父神的旨意为罪人的缘故死在十字架上,成了赎罪祭,以义的代替不义的,使凡相信他的,因着他的宝血,得称为义。基督又按照圣经所说,第三天从死里复活,败坏那掌死权的魔鬼,升上高天,掳掠众仇敌,现今坐在父神的右边,是神与人之间唯一的中保,也唯有借着他,信徒可以进到父面前。将来他必要再来,建立荣耀的国度。[2]
</body>
</html>

效果图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、百度效果

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<form>
		<table border="0" align="center" width="600" cellspacing="15">
			<tr height="150">
				<td>
					<img src="images/logo_baidu.jpg" />
				</td>
				<td></td>
			</tr>
			<tr>
				<td><strong>添加注册信息</strong></td>
				<td></td>
			</tr>
			<tr>
				<td align="right">邮箱:</td>
				<td><input type="text" name="" /></td>
			</tr>
			<tr>
				<td align="right">密码:</td>
				<td><input type="text" name="" /></td>
			</tr>
			<tr>
				<td align="right">确认密码:</td>
				<td><input type="text" name="" /></td>
			</tr>
			<tr>
				<td align="right">验证码:</td>
				<td>
					<table>
						<tr>
							<td><input type="text" name="" /></td>
							<td><img src="images/yz.jpg" /><td>
							<td><a href="#">注册用户</a></td>
						</tr>
					</table>
					
				</td>
			</tr>
			<tr>
				<td></td>
				<td><input type="checkbox" name="">
					我已阅读并接受<a href="#">《百度用户协议》</a>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<table width="80%">
						<tr>
							<td><input type="image" src="images/button.jpg" name=""></td>
							<td><input type="reset" name="" value="重新填写"></td>
						</tr>
					</table>
					
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

效果图:
在这里插入图片描述

4、青春不常在

1)青春不常在的表单.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<table border="0" align="center" width="600" >
		<caption><h3>青春不常在,抓紧谈恋爱</h3></caption>
		<!-- 第一行 -->
		<tr>
			<td>性别:</td>
			<td>
				<input type="radio" name="sex" /><img src="images/man.jpg"><input type="radio" name="sex" /><img src="images/women.jpg"></td>
		</tr>
		<!-- 第二行 -->
		<tr>
			<td>生日:</td>
			<td>
				<select>
					<option>请选择年</option>
					<option>1998</option>
					<option>1999</option>
					<option>2000</option>
				</select>
				<select>
					<option>请选择月</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
				</select>
				<select>
					<option>请选择日</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
				</select>
			</td>
		</tr>
		<!-- 第三行 -->
		<tr>
			<td>所在地区:</td>
			<td>
				<input type="text" name="" value="北京" />
			</td>
		</tr>
		<!-- 第四行 -->
		<tr>
			<td>婚姻状况:</td>
			<td>
				<input type="radio" name="marry">未婚
				<input type="radio" name="marry">已婚
				<input type="radio" name="marry">离婚
			</td>
		</tr>
		<!-- 第5行 -->
		<tr>
			<td>学历:</td>
			<td>
				<input type="text" name="" value="小学" />
			</td>
		</tr>
		<!-- 第6行 -->
		<tr>
			<td>月薪:</td>
			<td>
				<input type="text" name="" value="100000" />
			</td>
		</tr>

		<!-- 第7行 -->
		<tr>
			<td>手机号:</td>
			<td>
				<input type="text" name="" value="" />
			</td>
		</tr>
		<!-- 第8行 -->
		<tr>
			<td>昵称:</td>
			<td>
				<input type="text" name="" value="" />
			</td>
		</tr>
		<!-- 第9行 -->
		<tr>
			<td>喜欢的类型:</td>
			<td>
				<input type="checkbox" name="love">妩媚
				<input type="checkbox" name="love">柔美
				<input type="checkbox" name="love">可爱
				<input type="checkbox" name="love">小鲜肉
				<input type="checkbox" name="love">型男
				<input type="checkbox" name="love">气质

			</td>
		</tr>
		<!-- 第十行 -->
		<tr>
			<td>自我介绍:</td>
			<td>
				<textarea>
					
				</textarea>
			</td>
		</tr>
		<!--第11行-->
		<tr>
			<td></td>
			<td>
				<input type="image" src="images/btn(1).png" name="">
			</td>
		</tr>
		<!--第12行-->
		<tr>
			<td></td>
			<td>
				<input type="checkbox" name="agree" checked="checked">我同意注册条款和会员加入标准
			</td>
		</tr>
		<!--第13行-->
		<tr>
			<td></td>
			<td>
				<a href="会员登录页面.html">我是会员,立即登录</a>
			</td>
		</tr>
		<!--第14行-->
		<tr>
			<td></td>
			<td>
				 <h3>我承诺</h3>
				 <ul>
				 	<li>年满18岁、单身</li>
				 	<li>抱着严肃的态度</li>
				 	<li>真诚寻找另一半</li>
				 </ul>
			</td>
		</tr>












	</table>
</body>
</html>

2)会员登录表单.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<table border="0" align="center" width="400">
		<caption><h3>会员登录</h3></caption>
		<!-- 第一行 -->
		<tr>
			<td>登录账号:</td>
			<td>
				<input type="text" name="" placeholder="邮箱/ID/手机号" />
			</td>s
		</tr>
		<!-- 第2行 -->
		<tr>
			<td>密码:</td>
			<td>
				<input type="text" name="" placeholder="密码" />
			</td>
		</tr>
		<!-- 第3行 -->
		<tr>
			<td></td>
			<td>
				<input type="checkbox" name="" checked="checked" />两周内自动登录
			</td>
		</tr>
		<!-- 第4行 -->
		<tr>
			<td></td>
			<td>
				<input type="image" src="images/login.png" name="" checked="checked" />
				<a href="#">忘记密码</a>
			</td>
		</tr>
		<!-- 第5行 -->
		<tr>
			<td>其他账号登录:</td>
			<td>
				<input type="image" src="images/ico1.png" name="" />QQ账号
				<input type="image" src="images/ico2.png" name="" />新浪微博
				<input type="image" src="images/ico3.png" name="" />百度账号

				 
			</td>
		</tr>
		<!-- 第6行 -->
		<tr>
			<td></td>
			<td>
				 
				<a href="#">还不是会员?立即注册</a>
			</td>
		</tr>
			


	</table>
</body>
</html>

效果图:在这里插入图片描述
在这里插入图片描述

5、四大名著

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h1>中国四大名著</h1>
	<ul>
		<li>
			<h3><img src="images/shui.jpg">《水浒传》 </h3>
			<p>
				《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说,以宋江领导的起义军为主要题材,通过一系列梁山英雄反抗压迫、英勇斗争的生动故事,<br />暴露了北宋末年统治阶级的腐朽和残暴,揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
			</p>
		</li>
		<li>
			<h3><img src="images/san.jpg">《三国演义》 </h3>
			<p>
				《三国演义》是综合民间传说和戏曲、话本,结合陈寿的《三国志》、范晔《后汉书》、元代《三国志平话》、和裴松之注的史料,以及作者个人对社会人生的体悟写成。现所见刊本<br />以明嘉靖本最早,分24卷,240则。清初毛宗岗父子又做了一些修改,并成为现在最常见的120回本
			</p>
		</li>
		<li>
			<h3><img src="images/xi.jpg">《西游记》 </h3>
			<p>
				《西游记以民间传说的唐僧取经的故事和有关话本及杂剧(元末明初杨讷作)基础上创作而成。 。
			</p>
		</li>
		<li>
			<h3><img src="images/hong.jpg">《红楼梦》 </h3>
			<p>
				《红楼梦》是一部章回体长篇小说。早期仅有前八十回抄本流传,八十回后部分未完成且原稿佚失。原名《脂砚斋重评石头记》。程伟元邀请高鹗协同整理出版百二十回全本,定名《红楼梦》。亦有版本作《金玉缘》。
			</p>
		</li>
	</ul>
</body>
</html>

效果图:
在这里插入图片描述

6、小说排行榜

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<!--8行6列的表格-->
	<table border="1" width="500" height="300" cellspacing="0" align="center">
		<caption><h3>小说排行榜</h3></caption>
		<!--第一行-->
		<tr>
			<th>排名</th>
			<th>关键词</th>
			<th>趋势</th>
			<th>今日搜索</th>
			<th>最近七日</th>
			<th>相关链接</th>
		</tr>
		<!--第2行-->
		<tr>
			<td>1</td>
			<td>鬼吹灯</td>
			<td><img src="images/down.jpg"></td>
			<td>345</td>
			<td>123</td>
			<td>
				<a href="">贴吧</a>
				<a href="images/guichuideng.jpg">图片</a>
				<a href="">百科</a>
			</td>
		</tr>
		<!--第3行-->
		<tr>
			<td>2</td>
			<td>盗墓笔记</td>
			<td><img src="images/down.jpg"></td>
			<td>124</td>
			<td>675432</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
		<!--第4行-->
		<tr>
			<td>3</td>
			<td>西游记</td>
			<td><img src="images/up.jpg"></td>
			<td>212</td>
			<td>7654</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
		<!--第5行-->
		<tr>
			<td>4</td>
			<td>东游记</td>
			<td><img src="images/up.jpg"></td>
			<td>23</td>
			<td>75645</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
		<!--第6行-->
		<tr>
			<td>5</td>
			<td>甄嬛传</td>
			<td><img src="images/down.jpg"></td>
			<td>121</td>
			<td>7676</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
		<!--第7行-->
		<tr>
			<td>6</td>
			<td>水浒传</td>
			<td><img src="images/up.jpg"></td>
			<td>576576</td>
			<td>1231421</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
		<!--第8行-->
		<tr>
			<td>7</td>
			<td>三国演义</td>
			<td><img src="images/up.jpg"></td>
			<td>234</td>
			<td>7686</td>
			<td>
				<a href="">贴吧</a>
				<a href="">图片</a>
				<a href="">百科</a></td>
		</tr>
	</table>
</body>
</html>

效果图:
在这里插入图片描述

以上简单例子的源码:
链接:https://pan.baidu.com/s/1Ll0h_SMJF7Uw08INBBIIUg
提取码:g4o9

  • 14
    点赞
  • 85
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
### 回答1: HTML 练习题和答案 1. 编写一个 HTML 文件,并在其中添加一个段落标签(<p>),在段落中写下你的姓名和年龄。 答案: ```html <html> <head> <title>练习题</title> </head> <body> <p>我的姓名是张三,年龄是20岁。</p> </body> </html> ``` 2. 创建一个 HTML 表格,并在表格中添加两行两列的数据。 答案: ```html <html> <head> <title>练习题</title> </head> <body> <table> <tr> <td>姓名</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>20岁</td> </tr> </table> </body> </html> ``` 3. 在 HTML 页面中插入一张图片。 答案: ```html <html> <head> <title>练习题</title> </head> <body> <img src="image.jpg" alt="图片描述"> </body> </html> ``` 4. 创建一个有序列表,并在列表中添加三个项目。 答案: ```html <html> <head> <title>练习题</title> </head> <body> <ol> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ol> </body> </html> ``` 5. 创建一个链接,链接到另一个网页。 答案: ```html <html> <head> <title>练习题</title> </head> <body> <a href="https://www.example.com">点击这里访问另一个网页</a> </body> </html> ``` ### 回答2: HTML 练习题和答案是为帮助学习者巩固和提升他们在HTML方面的知识,以下为一些常见的HTML练习题和答案: 1. 创建一个HTML文件,包含一个标题为"我的第一个网页"的标题标签。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> </body> </html> ``` 2. 在第一个网页中,添加一个段落标签,内容为"欢迎来到我的网页!"。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页!</p> </body> </html> ``` 3. 在第一个网页中,添加一个链接,链接到www.example.com网站。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页!</p> <a href="http://www.example.com">点击这里访问www.example.com</a> </body> </html> ``` 4. 创建一个无序列表,包含三个列表项:“苹果”,“香蕉”和“橙子”。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页!</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> </body> </html> ``` 5. 在第一个网页中嵌入一张图片,图片名称为"example.jpg",宽度为300像素,高度为200像素。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页!</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <img src="example.jpg" alt="示例图片" width="300" height="200"> </body> </html> ``` 这些练习题和答案可以帮助学习者熟悉HTML的基本语法和标签,并且通过练习提升实践能力。随着练习的深入,学习者可以尝试更复杂的HTML练习题,以拓宽自己的HTML知识。 ### 回答3: HTML练习题和答案可以根据不同的难度和主题来设计。以下是一个简单例子练习题1: 假设我们要创建一个简单的网页,其中包含一个标题和一个段落。请使用HTML代码编写这个网页。 答案1: ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html> ``` 练习题2: 在上面的网页基础上,我们想要在段落中添加一个链接,链接到另一个网页。请添加这个链接的HTML代码。 答案2: ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落,你可以访问 <a href="https://www.example.com">另一个网页</a>。</p> </body> </html> ``` 这些练习题旨在帮助初学者熟悉HTML标记语言的基础语法和常用元素。对于更高级的HTML练习题和答案,可以参考相关教程、书籍和在线资源。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黄呀呀呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值