web前端简单静态网页制作
2024-05-24 09:21:56
那么Web页面制作基础，能让你掌握什么呢？
1.掌握Web基础知识。
2.掌握HTML5基础知识。
3.掌握CSS基础知识。
网页设计源代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<style type="txt/css">body{background-origin:padding-box;border: 2px;}p{font-family: 宋体;}</style><body><h1>楚乔传</h1><strong>中国大陆 67集（TV版）/58集（DVD版）</strong><p>《楚乔传》是由慈文传媒、蜜淘影业、克顿传媒联合出品的女性励志传奇古装剧。由吴锦源执导，嘉纹、杨涛、陈岚编剧，赵丽颖、林更新、窦骁、李沁领衔主演，邓伦、金士杰特邀出演，王彦霖、牛骏峰、黄梦莹、田小洁、孙宁、金瀚、邢昭林、曹曦月、朱圣祎、阮圣文、李若嘉、苗苗等联合出演。</p><img src="./images/1.jpg" alt=""><p>第1集 <a href="#Episode2">第2集</a> <a href="#Episode3">第3集</a> 第4集 第5集</p><p>第1集（分集以TV版为准）</p><p id="Episode2"><h4 tyle="margin-bottom: 10px;">第2集</h4><spanstyle="margin-left: 2em;"></span>楚乔伤病还未痊愈，便被宋大娘遣来干活。大姐汁湘为楚乔求情，却被宋大娘骂了一通。管家朱顺前来通知，过两日少爷宇文玥要在府上为燕洵世子举办生辰宴，谁要是敢出一点差错，便要将她打死，众人皆唯唯应了。楚乔便被宋大娘安排去搬花草，朱顺却叫住汁湘，说自己并没有为难楚乔，让汁湘报答他。眼见他就要对汁湘动手动脚，楚乔突然过来问汁湘兰花的位置，汁湘成功躲过朱顺的纠缠。宇文怀吩咐朱顺往宇文玥的酒里下毒，楚乔将这一切都收在眼里，却不动声色地看着。汁湘被安排给宇文玥斟酒，宇文玥察觉出不妥，不肯饮酒。宇文怀便笑言仿效古人，主人不饮酒，就杀美人。宇文玥知道有诈，依旧不肯饮酒。汁湘举着酒杯，苦苦请求。楚乔不愿见姐姐白白做了他们内斗的牺牲品，伺机打翻了酒杯，将众人的注意力吸引到了自己身上。楚乔便求诸位公子放过自己的姐姐，表示自己愿意替姐姐受罚。宇文怀见状，就要让人杀了楚乔。燕洵表示既是自己的生辰，便不愿见着打打杀杀，为楚乔求情。宇文怀却表示宇文府的规矩不能坏，不肯轻饶。燕洵建议玩个游戏，让老天来决定楚乔的生死。他拿出自己腰间的腰牌，腰牌一面龙纹，一面篆字，将它扔在地上，让楚乔来猜哪面朝上，若是猜对了，便免她死罪。楚乔看懂了燕洵的暗示，猜对了龙纹朝上，侥幸逃过一死，却是活罪难逃。楚乔被倒吊在树上已是晚间时分，宇文玥带人过来将她放了下来，却讽刺她。在姐妹们的帮助下逃出府外的楚乔，无意之中听到了朱顺与锦烛的对话，得知临惜有危险，又回到了宇文府。却不想，刚回到宇文府中，就看见宇文玥亲手将临惜杀掉，一脚踢进火堆之中。楚乔想冲进火堆救临惜出来，却被宇文玥踢起的石子打中小腿扑倒在地，当场被侍卫拿住。伤心欲绝的楚乔指责宇文玥滥杀无辜，自己的哥哥根本就不是细作。宇文玥却道，自己滥杀无辜又如何。受了伤的楚乔回到柴房，告诉了姐妹们五哥死去的消息。伤心的小八怨怪楚乔是个克星，克死了自己的家人，汁湘不让小八这样说楚乔，姐妹为了此事吵了起来。浓浓的难过夹杂着满满的无奈，倾袭着每一个荆家姐妹的心。</p><br><p id="Episode3"><h4 style="margin-bottom: 10px;">第3集</h4><spanstyle="margin-left: 2em;"></span>青山院灵堂肃穆，宇文玥一身孝衣，沉静的面色里透出几分隐隐的忧伤。宇文玥刚刚下令封棺，便被院子里闯进来的一位不速之客阻拦。来人正是三房的宇文怀，他不顾侍卫阻拦，出言嚣张傲慢，扬言要亲自开棺验尸。宇文玥百般阻拦未果，两人便在灵堂上动起手来。正在难分难解之间，宇文怀掷出去的剑让院门口立着的一位太监险险避过，继而尖锐的声音响起“护驾！贵妃娘娘在此，谁敢造次？”此言一出，惊得院里的宇文玥急急撇下了手中的武器，来向贵妃娘娘问安。宇文怀心知贵妃是宇文玥请来的救兵，却也无可奈何，只得停了手。一身雍容的贵妃娘娘开口便质问宇文怀，何以在青山院里闹事？宇文怀却恶人先告状，只道是宇文玥执意封棺，还逼得自己动手。宇文玥便回禀贵妃，祖父是身中西域奇毒而亡，自己是怕此毒再行伤人，便先焚毁杂物再封棺。柴房里，清醒过来的楚乔郁郁寡欢，连汁湘姐姐送来的药汤也不愿意喝。汁湘知道她是因为临惜的死自责便劝慰她，生逢乱世大家都是身不由己，叫她不要再责怪自己。楚乔的目光却透出坚毅，她告诉汁湘，自己是不会让临惜白白死去的，自己一定会好好活下去。说罢，端起药汤一饮而尽。婢女们都在院子里干活，就见有侍卫抬着一具尸体走了出去。婢女们纷纷议论，这是被送去极乐阁的婢女锦兰，因未被老太爷看上，便被折磨致死。宋大娘前来挑选送往极乐阁的婢女，楚乔被宋大娘指名要送去极乐阁。汁湘为了救下妹妹，便求了宋大娘，由自己顶替了楚乔去了极乐阁。极乐阁里，同汁湘一起被送进去的女孩子，没有一个人活着出来，汁湘也不例外。楚乔带着小七小八躲在暗处，亲眼看着汁湘被装在一辆破车上送出来，难过至极的三人，却不敢哭出声音，只能眼睁睁看着自己姐姐的尸体被人扔掉。事后，楚乔悄悄将汁湘的尸首埋了。姐妹三人拿着弄来的纸钱，在临惜和汁湘的坟前烧着，却被受了罚的宋大娘撞个正着。宋大娘想拉着她们去向宇文怀邀功，遂与楚乔姐妹三人起了争执。几人撕打之中，宋大娘从桥上滑落，被楚乔拉住，却终是因为太过沉重而落下了水。小七小八十分害怕，楚乔安慰她们，若是有一日东窗事发，自己会一力承当，叫姐妹们不要担心。可是她们谁也没有瞧见，有一个躲在暗处的影子，早已将这发生在深夜里的一切，尽数看在眼底。宇文玥依旧一副淡淡神情，只说人太过聪明了不见得是好事。燕洵不理会宇文玥的冷淡，只跟他说起他们宇文家的内斗，表示自己并不喜欢这些，自己只想做草原上自由翱翔的雄鹰。问及宇文玥想成为什么的时候，宇文玥也只是微微沉吟。燕洵却不理会宇文玥，他想起了楚乔，便从宇文玥的桌子上顺了一瓶伤药，径自来找楚乔了。却正巧撞上有侍卫要带楚乔去受罚，燕洵轻轻松松就替她解了围。但楚乔冷漠的神色却让燕洵很不解，楚乔告诉燕洵，自己的哥哥姐姐新丧，自己也朝不保夕，自然高兴不起来。</p><br><p id="Episode4"><h4 style="margin-bottom: 10px;">第4集</h4><spanstyle="margin-left: 2em;"></span>宇文玥挑选侍寝婢女的消息很快传了开来，听着小七小八的议论声，楚乔心底里萌生出了求生的新芽。她猛地意识到，自己只有离开宇文怀的爪牙，才能保护妹妹们的性命，才能为兄姐报仇。自己就像是墙角的弱草，只有借助强者的力量，才能与顽石对抗！楚乔下定决心要参加择选，她不顾别人异样的眼光，勇敢地走进了青山院。只可惜，她只是一个带着铁铃铛的奴婢，根本没有资格参加择选。但楚乔知道，自己已经没有退路，她一定要参加这次的择选。她不屈不挠地留了下来，固执的跪在院子里不肯起来。宇文玥听闻，只道她是不自量力，便由着她跪，并不理会她。屋外烈日当头，楚乔在烈日下烤着，却依旧坚持着。时间一分一秒流逝，外头已是月上中天，楚乔还在院子中跪着，宇文玥默不作声地在暗处瞧着倔强的楚乔，面上若有所思。侍卫想要劝楚乔回去，却见楚乔并无退意，就要将她架走。宇文玥却出来制止了侍卫，他看着跪在地上的楚乔，问她为什么要来参加择选。楚乔目光坚定的看着他，说自己想要活下去。宇文玥并不相信楚乔的意图，他继续问楚乔，自己亲手杀死了她的哥哥，她却来求着自己收她做侍寝婢女，尊严何在。楚乔面无表情，目光却依旧坚定，作为奴婢，命都保不住，哪里还有尊严。宇文玥看了一眼楚乔，问她是否知道侍寝婢女是要在主人床底之间承欢侍奉。楚乔紧紧握住了自己的手，卑微地叩头，请公子留下奴婢。宇文玥似是沉思了一会儿，便向侍卫下令，准许楚乔参加择选。择选开始，众多的婢女聚到一起，便免不了生出是非。楚乔本就是因着公子格外开恩才得以参选，自然引得其他人对其不满。银铃铛的大丫鬟锦烛，看不惯楚乔私自放飞公子豢养的鹦鹉，想暗地里使坏抓坏楚乔的衣服，不想，却被楚乔反手夺走了衣衫，弄得失了仪态。宇文玥将这一切都瞧在眼里，看出了楚乔身手敏捷，倒是个练武的苗子。第一场是蒲棋，楚乔并不太懂，遂很惨淡地输掉一局。第二局是烹茶，依旧不是楚乔的强项，但她知道自己不能再输了。楚乔仔细观察着周围的婢女们如何烹茶，突然计上心头。她跑到井边打了新鲜的井水上来，又顺手摘了一片叶子，照着别的婢女的法子，有样学样，也烹制出了一杯甘冽的茶水。楚乔赢了第二局。第三局，默记梵文佛经，一柱香时间去记，再用一柱香时间默写。楚乔虽然不会握笔，更不会写字，但她却凭借超人的记忆，将佛经一字不差地默写了下来。但楚乔却因为没有署名，而被宇文玥责问。楚乔却道，规则里并没有要求署名，自己只是按照规则来做，并无不妥。宇文玥要求只要楚乔能够在经文上署上自己的名字，这一局就算她赢。这可难不倒楚乔，她从自己的头发上拿下铜铃铛，蘸了墨，稳稳地印了上去。宇文玥不再说话，但他却在回过身以后，在嘴角勾起了一抹微不可察的笑意。中选后的楚乔被带来见宇文玥，宇文玥再次问她，为何要来做自己的侍寝婢女。楚乔跪下回话，自己是为了活下去。宇文玥不信楚乔会忘记自己亲手杀了她哥哥的仇恨，而楚乔却表示自己已经答应过姐姐，要好好照顾两个妹妹。</p><br><p id="Episode5"><h4 style="margin-bottom: 10px;">第5集</h4><spanstyle="margin-left: 2em;"></span>楚乔一觉醒来，忽觉身边有些异样，那躺在不远处的不就是冷脸面瘫的宇文玥嘛，尖叫声不经思考就脱口而出。宇文玥不慌不忙的坐起身，冷言嘲她大惊小怪，这侍寝的机会不正是她想要的吗。楚乔凌厉出手反抗，宇文玥趁此机会教她功夫，两人之间不免有了肢体接触，宇文玥将她拦腰抱起，旋转数圈。宇文玥第一次招人侍寝，在青山院里极为轰动。一大早锦烛赶去送汤。听到房外的动静，宇文玥特意与楚乔亲密搂抱，温柔宠溺地亲自喂她吃粥，锦烛出去后，宇文玥立马推开了楚乔，好像刚才温柔似水的不是他一样，冷言让她整理被她玷污的床铺。楚乔瞥了眼床上的落红，面露不屑，明明就是他故意弄上的。楚乔侍寝后还是身份低下的铁铃铛，比之锦烛这样银铃铛的大丫鬟还是差了很多。锦烛对楚乔嫉妒不已，小七、小八听不下去了，出言为楚乔抱不平。锦烛气而动起手来，楚乔随手就制住了她。碧水河畔，杨柳依依，楚乔坐在栈桥边，奋力地洗着衣服。燕洵牵马来到河边找她，调笑宇文玥为楚乔取的名字-星儿，正好与宇文玥的玥字相和，燕洵满脸揶揄，笑说宇文玥矫情。楚乔懒得和他计较，端起盆就要走。燕洵不依不饶，耍赖般的把自己的爱驹交给她牵着。楚乔的性子甚合燕洵心意，他特意去找宇文玥要讨了她去，否则就赖在青山院不走了。女奴们居住的小院里，楚乔的特殊待遇遭到以锦烛为首的部分女奴妒忌，连带着她的两位妹妹小七、小八也受到排挤，处处被为难。楚乔为妹妹出头，惹得锦烛满脸怒气，与她动起手来，甚至不惜暗箭伤人，千钧一发之际，宇文玥及时出手，才免得楚乔被伤。锦烛恶人先告状，假惺惺地说是在维护青山院的规矩。宇文玥长身玉立，脸色平静无波看不出喜怒，只说要将楚乔带回去惩罚。他们走后，锦烛的跟随者们趾高气昂，对小七、小八嘲讽更加变本加厉，仿佛宇文玥的态度已经说明了一切。而随宇文玥而去的楚乔，不想白白受到惩罚，她向宇文玥说明当时情况，表明自己只是看不惯弱者被欺负。宇文玥面色冷峻，告诉她强者为王，身为弱者没资格为人讨公道。楚乔心有不甘，请他指点何为强者。假山流水淙淙，走过水上蜿蜒的石块，宇文玥带楚乔进入密室。宇文玥让她掷石头，烛火晃动，乱箭齐发，楚乔一时应付不来，但渐渐地身手越来越快，闪躲越发及时。接下来的三个时辰，楚乔都要和乱箭、石子为伴。她不断被击中，但眼神却越发坚韧，要报仇，就要忍常人所不能忍</p>
</body>
</html>
编写完成后可以根据自己的喜好对网页进行相应的调整和css设计
效果展现：
web前端简单静态网页制作相关推荐
- 简单 静态 网页制作 篮球 人物介绍 库里 HTML+CSS
简单的入门级别的网页,分享一下. 网站的链接层次三级页面 浮动,定位技术,列表,块的布局和图片的浮动定位 注册用户的页面,要求有返回主页的功能 图片等素材显示正常.链接无误 要有导航功能 有问题欢迎联 ...
- web前端【HTML网页制作开发】一篇就够
大家好!今天分享一下关于HTML的知识,一是帮助自己复习,二是想告诉小伙伴们,网页没你想的那么复杂,我会用大白话讲解,让你快乐走上前端之路,我是一个后端的,手动狗头,话不多说,coding
- Java Web HTML基础 静态网页制作
文章目录 1.HTML简介 2 HTML文档的基本结构 3 HTML中的常用标签 3.1 文字布局及字体标签 3.2 文字设计标签 3.3 列表标签 4 表格标签 4.1 表格基本设计 4.2 合并单 ...
- WEB前端开发简易网页制作
效果 代码如下: 网页代码 <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
- HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...
HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还 ...
- HTML+CSS静态页面游戏网站设计——腾讯游戏(页)学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5期末大作业:游戏网站设计--腾讯游戏(页)学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...
- div+css静态网页设计web网页设计实例作业 ——中国风的茶文化(4页) web课程设计-HTML网页制作代码
web网页设计实例作业 --中国风的茶文化(4页) web课程设计-HTML网页制作代码 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. ...
- HTML5期末大作业：橙色精美零食网站设计——橙色精美零食(3页) web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码
HTML5期末大作业:橙色精美零食网站设计--橙色精美零食(3页) web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- HTML5期末大作业：商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码
HTML5期末大作业:商城网站设计--蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码 常见网页设计作业题材 ...
最新文章
- python创建文件os_Python之文件与目录操作（os、zipfile、tarfile、shutil）
- Myeclipse报错--Animation Start An internal error has occurred. java.lang.NullPointerException解决...
- js跳转传递php参数,将JS / Jquery中的参数传递到另一页上的PHP
- springiocxml方式注入对象原理分析
- 彭博社称飞书被要求下架一个月、Zoom推出5.0版日活超3亿、GoogleDuo全面转向AV1等|Decode the Week...
- 锐捷多网卡解决方案 与当前环境冲突(Code 2)
- 420集的python教程下载_阿里达摩院推荐的420集的python教程，据说懂中文就能入门高清版...
- linux+systemc+编译,[转载]linux下systemC的安装编译仿真
- WebRTC促进跨平台指挥调度，触发安防应用新创意
- 《JavaScript高级程序设计》Chapter 10 DOM
- SVN合并分支到主干(简单易懂)
- 更改 Normal 模板 (Normal.dotm)
- 身份认证 对称密钥的认证协议 公开密钥的认证协议 公钥基础设施PKI
- 【渝粤题库】陕西师范大学164109人力资源管理 作业（高起专）
- JavaScript音频编辑
- DATEDIF 函数（转）
- 人机对战五子棋(权值法)
- 【LeetCode】初级算法：数组
- 记录打开RIDE闪退问题
- 能力天空视频下载助手