Web 标准构成
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 最重要
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript
理想状态我们的源码: .HTML .css .js
HTML 初识
一般先学习HTML+CSS, 这里我们先定一个小目标,先学HTML,后学习CSS。
HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”。是用来描述网页的一种语言。
所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。
<h1> 我是一个大标题 </h1>
注意: 体会 文本 标签 语言 几个词语
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
总结: HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。
用文字来描述网页标签
HTML骨架格式
HTML 有自己的语言语法骨架格式:
<HTML> <head> <title></title> </head> <body> </body> </HTML>
1 HTML标签: 作用所有HTML中标签的一个根节点。 最大的标签 根标签 2 head标签: 文档的头部 文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 注意在head标签中我们必须要设置的标签是title 3.title标签: 文档的标题 作用:让页面拥有一个属于自己的标题。 4.body标签:文档的主体 以后我们的页面内容 基本都是放到body里面的 body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
HTML标签分类
在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 、、都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素
1.双标签
<标签名> 内容 </标签名>
该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“” 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。
比如 <body>我是文字 </body>
2.单标签
<标签名 />
单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
比如 <br />
HTML标签关系
标签的相互关系就分为两种:
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<head></head> <body></body>
倡议: 如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位。如果是并列关系,最好上下对齐。
文档类型
<!DOCTYPE html>
同学你用啥手机?你咋回答?
这句话就是告诉我们使用哪个html版本? 我们使用的是 html 5 的版本。 html有很多版本,那我们应该告诉用户和浏览器我们使用的版本号。
标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能按指定的文档类型进行解析。
注意: 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的,但是我们学的是HTML5,而且HTML5的文档类型兼容很好(向下兼容的原则),所以大家放心的使用HTML5的文档类型就好了。
字符集
utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展,加入对繁体字的支持,兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符
记住一点,以后我们统统使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。HTML标签的语义化
白话: 所谓标签语义化,就是指标签的含义。
为什么要有语义化标签
方便代码的阅读和维护
同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化
核心:合适的地方给一个最为合理的标签。
语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
白话,一眼看去,就知道那个是重点,结构是什么,知道每块的内容是干啥的。
遵循的原则:先确定语义的HTML ,再选合适的CSS。
HTML常用标签
首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。
HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。
排版标签
排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。
标题标签 (熟记)
单词缩写: head 头部. 标题 title 文档标题
为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即
<h1>、<h2>、<h3>、<h4>、<h5>和<h6>
标题标签语义: 作为标题使用,并且依据重要性递减
其基本语法格式如下:
<hn> 标题文本 </hn>
注意: h1 标签因为重要,尽量少用,不要动不动就向你扔了一个h1。 一般h1 都是给logo使用,或者页面中最重要标题信息。
段落标签( 熟记)
单词缩写: paragraph 段落 [ˈpærəgræf] 无须记这个单词
在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是
<p> 文本内容 </p>
是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
水平线标签(认识)
单词缩写: horizontal 横线 [ˌhɔrəˈzɑntl] 同上
在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,
就是创建横跨网页水平线的标签。其基本语法格式如下:
<hr />是单标签
在网页中显示默认样式的水平线。
楚乔传小案例
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>楚乔传</h1> <div>中国大陆 67集(TV版)/58集(DVD版)</div> <p>《楚乔传》是由慈文传媒、蜜淘影业、克顿传媒联合出品的女性励志传奇古装剧。由吴锦源执导,嘉纹、杨涛、陈岚编剧,赵丽颖、林更新、窦骁、李沁领衔主演,邓伦、金士杰特邀出演,王彦霖、牛骏峰、黄梦莹、田小洁、孙宁、金瀚、邢昭林、曹曦月、朱圣祎、阮圣文、李若嘉、苗苗等联合出演。[1] 该剧改编自潇湘冬儿小说《11处特工皇妃》,讲述了西魏乱世中,一个特立独行的女奴楚乔,在协助建立新政权过程中关于守护、背叛、信仰、爱情的故事。</p> <p> <p>链接域内网页</p> <a href="test.html#next">另外一个页面的第4集</a> </p> 第1集 <br /> <a href="#two">第2集</a><br /> <a href="#three">第3集</a><br /> <a href="#four">第4集</a><br /> <a href="five">第5集</a><br /> <img src="images/1.jpg" height="500" width="400" alt=""> <h3>第1集(分集以TV版为准)</h3> 摇摇晃晃的囚车上,一名少女正在闭目沉睡。梦境里皆是血雨腥风,恍恍惚惚中,她只记得有人唤她楚乔,又有人叫她荆小六。她不知道自己从哪里来,又将去往何方,前路茫茫。囚车里传来低低的啜泣声,楚乔从梦境里回过神来。周遭都是一片陌生,有一个自称卷毛头的小姑娘听得楚乔肚子咕咕叫,便将自己藏着的窝头分了一半给她。楚乔告诉卷毛头,自己叫做荆小六,卷毛头便唤她小六姐姐。女奴们被带往围场。 西魏皇城,燕北世子燕洵,西魏十三皇子裕王元嵩,魏氏门阀长房嫡子魏舒烨,赵氏门阀次子赵西风和宇文门阀三房庶孙宇文怀策马出城去了一处围场。女奴们便被人从帐篷中赶了出来,站在围场中央,手执兵器的官兵将她们团团围住。少女们身上穿的衣服,都写上了几名少年的名字。 见此情形,站在高台上的少年们不解宇文怀的意图。宇文怀得意的笑笑,告诉其他几位少年,这不是一次普通的围猎。此次的猎物不仅有狼,还有这些新鲜的少女奴隶,大家可以射畜生,也可以射别人的奴隶,一炷香之后,看看谁剩下的奴隶最多,就算谁赢。 裕王觉得这种玩法太过残忍,表示反对。而赵西风却觉得很有意思,鼓动大家兴奋起来。几个人相持不下,言辞便激烈起来。眼见赵西风吵嚷着要求放狼,裕王便推托等宇文玥来了再开始。宇文怀却阴阴一笑,只道宇文玥怕是正在春宵一刻。 而另一边,宇文家青山院。一身白衣的宇文门阀长房嗣孙宇文玥,刚刚推门走进房间,就见床上躺着一位美人。但他只是淡淡地瞟了一眼躺在床上的美人,便径自走到书桌前坐了下来。美人见状,主动诱之。宇文玥却不动声色,将计就计,引得美人主动出手行刺,才一举擒住了她。解决掉刺客,宇文玥这才吩咐人备马,往围场上奔去。 正当还在宇文玥赶往围场的路上之时,围场上已是一片哀号惨叫景象。两侧的围栏闸门被打开,二十多只凶猛的恶狼登时冲进围场,张大血盆大口,咆哮着向少女们冲去。楚乔观察了一下周围地形,大喊着叫少女们逃离空旷的围场,躲向有植物的山丘。一片慌乱中,高台上的箭已经向少女们射了过来,不消片刻功夫,身边已有好几人倒下。楚乔拉着卷毛头,频频躲过高台上射来的箭支和饿狼的追捕,引起了少年们的注意。 慌乱中,一头饿狼在前方挡住了去路,楚乔让卷毛头先躲起来,自己去将那头饿狼引开。燕洵世子见状,搭箭拉弓射杀了饿狼,救下了楚乔。刚刚逃过一劫的楚乔又被一前一后两只饿狼围住。被逼入绝境的她,为了求生,捡起地上的箭支,狠狠的插进了饿狼的咽喉。远处的沙丘上,骑马而立的宇文玥,看着围场中的倔强少女,不由得在心底赞叹她,天生的战士。 围场中的少女越来越少,宇文怀看着底下顽强的楚乔,不禁玩心大起。他飞身上马,呼喝着手下人马进围场里去追杀剩下的女奴。其他几名少年都紧随其后,燕洵世子一路上只顾着射杀饿狼,并不对女奴下手。 渐渐地,围场中的女奴越来越少,饿狼也越来越少。只有一队人马,在荒野中狂奔,向着少女们逃跑的方向追去,不断地还是有女奴在倒下。楚乔拉着卷毛头,在沙丘上拼命地跑着,一时也不敢慢下来,她知道,要想活命,就不能够停下脚步。 远处传来了结束的响箭声,所有人都勒马停下。宇文怀却心有不甘,他还是拉弓朝着女奴射了过去,跑在后面的卷毛头应声倒地。楚乔回过身,紧紧地抱住了卷毛头,似是被风化一般,一动也不动。心有不甘的宇文怀,不想让身上写了“玥”字的楚乔活下来,不顾之前约定,依旧朝着楚乔射了一箭。一旁的燕洵见了,搭箭射向宇文怀的箭,却还是稍稍差了几毫厘,只射下几缕箭尾的翎毛。最后关头,宇文玥悄无声息地用弩箭挡下了这一箭,救了楚乔一命。 而伤心欲绝的楚乔,自然没有注意到,她是怎么在几位少年的争论下活下来的。她此刻心里只有恨,以至于在燕洵世子询问她的名字的时候,她也只是冷冷的回答,等到有一天我不用再仰视你的时候,我自然会告诉你。 侥幸活下来的楚乔,却因惹得宇文怀不悦,便被管家朱顺关进了宇文家的柴房。躺在地上的楚乔心里恨极了,她恨这个世道,那些贵族比饿狼还要可怕,人命比草芥还要低贱的世道。在昏暗的柴房里,浑身是伤的楚乔暗暗发誓,早晚有一天,自己定要让这些人血债血偿。 一名男子手提食盒走了进来,一到楚乔跟前,就满脸心疼地唤楚乔小六,说自己是五哥。楚乔并不认识他,微微有些抗拒他的接近。男子从食盒里拿出一碗饭,饭上放着一块楚乔最爱吃的红烧肉,楚乔含泪接过,觉得吃到了自己这一生最好吃的东西。 燕洵来找宇文玥,请他帮忙解决淳公主要替他办生辰宴的事情。面色冷冷的宇文玥,三言两语,就将燕洵的难题化解。 柴房里,楚乔还在昏迷。昏睡中,她似乎想起自己同一名男子打斗,不慎落入水中,在湍急的河流中,浑身发冷。有人将暖炉放在了她的手里,楚乔便醒了过来,原来是姐妹们在照顾她。 <h3 id="two">第2集</h3> 楚乔伤病还未痊愈,便被宋大娘遣来干活。大姐汁湘为楚乔求情,却被宋大娘骂了一通。管家朱顺前来通知,过两日少爷宇文玥要在府上为燕洵世子举办生辰宴,谁要是敢出一点差错,便要将她打死,众人皆唯唯应了。楚乔便被宋大娘安排去搬花草,朱顺却叫住汁湘,说自己并没有为难楚乔,让汁湘报答他。眼见他就要对汁湘动手动脚,楚乔突然过来问汁湘兰花的位置,汁湘成功躲过朱顺的纠缠。宇文怀吩咐朱顺往宇文玥的酒里下毒,楚乔将这一切都收在眼里,却不动声色地看着。汁湘被安排给宇文玥斟酒,宇文玥察觉出不妥,不肯饮酒。宇文怀便笑言仿效古人,主人不饮酒,就杀美人。宇文玥知道有诈,依旧不肯饮酒。汁湘举着酒杯,苦苦请求。楚乔不愿见姐姐白白做了他们内斗的牺牲品,伺机打翻了酒杯,将众人的注意力吸引到了自己身上。楚乔便求诸位公子放过自己的姐姐,表示自己愿意替姐姐受罚。宇文怀见状,就要让人杀了楚乔。燕洵表示既是自己的生辰,便不愿见着打打杀杀,为楚乔求情。宇文怀却表示宇文府的规矩不能坏,不肯轻饶。燕洵建议玩个游戏,让老天来决定楚乔的生死。他拿出自己腰间的腰牌,腰牌一面龙纹,一面篆字,将它扔在地上,让楚乔来猜哪面朝上,若是猜对了,便免她死罪。楚乔看懂了燕洵的暗示,猜对了龙纹朝上,侥幸逃过一死,却是活罪难逃。楚乔被倒吊在树上已是晚间时分,宇文玥带人过来将她放了下来,却讽刺她。在姐妹们的帮助下逃出府外的楚乔,无意之中听到了朱顺与锦烛的对话,得知临惜有危险,又回到了宇文府。却不想,刚回到宇文府中,就看见宇文玥亲手将临惜杀掉,一脚踢进火堆之中。楚乔想冲进火堆救临惜出来,却被宇文玥踢起的石子打中小腿扑倒在地,当场被侍卫拿住。伤心欲绝的楚乔指责宇文玥滥杀无辜,自己的哥哥根本就不是细作。宇文玥却道,自己滥杀无辜又如何。受了伤的楚乔回到柴房,告诉了姐妹们五哥死去的消息。伤心的小八怨怪楚乔是个克星,克死了自己的家人,汁湘不让小八这样说楚乔,姐妹为了此事吵了起来。浓浓的难过夹杂着满满的无奈,倾袭着每一个荆家姐妹的心。 <h3 id="three">第3集</h3> 青山院灵堂肃穆,宇文玥一身孝衣,沉静的面色里透出几分隐隐的忧伤。宇文玥刚刚下令封棺,便被院子里闯进来的一位不速之客阻拦。来人正是三房的宇文怀,他不顾侍卫阻拦,出言嚣张傲慢,扬言要亲自开棺验尸。宇文玥百般阻拦未果,两人便在灵堂上动起手来。正在难分难解之间,宇文怀掷出去的剑让院门口立着的一位太监险险避过,继而尖锐的声音响起“护驾!贵妃娘娘在此,谁敢造次?”此言一出,惊得院里的宇文玥急急撇下了手中的武器,来向贵妃娘娘问安。宇文怀心知贵妃是宇文玥请来的救兵,却也无可奈何,只得停了手。一身雍容的贵妃娘娘开口便质问宇文怀,何以在青山院里闹事?宇文怀却恶人先告状,只道是宇文玥执意封棺,还逼得自己动手。宇文玥便回禀贵妃,祖父是身中西域奇毒而亡,自己是怕此毒再行伤人,便先焚毁杂物再封棺。柴房里,清醒过来的楚乔郁郁寡欢,连汁湘姐姐送来的药汤也不愿意喝。汁湘知道她是因为临惜的死自责便劝慰她,生逢乱世大家都是身不由己,叫她不要再责怪自己。楚乔的目光却透出坚毅,她告诉汁湘,自己是不会让临惜白白死去的,自己一定会好好活下去。说罢,端起药汤一饮而尽。婢女们都在院子里干活,就见有侍卫抬着一具尸体走了出去。婢女们纷纷议论,这是被送去极乐阁的婢女锦兰,因未被老太爷看上,便被折磨致死。宋大娘前来挑选送往极乐阁的婢女,楚乔被宋大娘指名要送去极乐阁。汁湘为了救下妹妹,便求了宋大娘,由自己顶替了楚乔去了极乐阁。极乐阁里,同汁湘一起被送进去的女孩子,没有一个人活着出来,汁湘也不例外。楚乔带着小七小八躲在暗处,亲眼看着汁湘被装在一辆破车上送出来,难过至极的三人,却不敢哭出声音,只能眼睁睁看着自己姐姐的尸体被人扔掉。事后,楚乔悄悄将汁湘的尸首埋了。姐妹三人拿着弄来的纸钱,在临惜和汁湘的坟前烧着,却被受了罚的宋大娘撞个正着。宋大娘想拉着她们去向宇文怀邀功,遂与楚乔姐妹三人起了争执。几人撕打之中,宋大娘从桥上滑落,被楚乔拉住,却终是因为太过沉重而落下了水。小七小八十分害怕,楚乔安慰她们,若是有一日东窗事发,自己会一力承当,叫姐妹们不要担心。可是她们谁也没有瞧见,有一个躲在暗处的影子,早已将这发生在深夜里的一切,尽数看在眼底。宇文玥依旧一副淡淡神情,只说人太过聪明了不见得是好事。燕洵不理会宇文玥的冷淡,只跟他说起他们宇文家的内斗,表示自己并不喜欢这些,自己只想做草原上自由翱翔的雄鹰。问及宇文玥想成为什么的时候,宇文玥也只是微微沉吟。燕洵却不理会宇文玥,他想起了楚乔,便从宇文玥的桌子上顺了一瓶伤药,径自来找楚乔了。却正巧撞上有侍卫要带楚乔去受罚,燕洵轻轻松松就替她解了围。但楚乔冷漠的神色却让燕洵很不解,楚乔告诉燕洵,自己的哥哥姐姐新丧,自己也朝不保夕,自然高兴不起来。 <h3 id="four">第4集</h3> 宇文玥挑选侍寝婢女的消息很快传了开来,听着小七小八的议论声,楚乔心底里萌生出了求生的新芽。她猛地意识到,自己只有离开宇文怀的爪牙,才能保护妹妹们的性命,才能为兄姐报仇。自己就像是墙角的弱草,只有借助强者的力量,才能与顽石对抗!楚乔下定决心要参加择选,她不顾别人异样的眼光,勇敢地走进了青山院。只可惜,她只是一个带着铁铃铛的奴婢,根本没有资格参加择选。但楚乔知道,自己已经没有退路,她一定要参加这次的择选。她不屈不挠地留了下来,固执的跪在院子里不肯起来。宇文玥听闻,只道她是不自量力,便由着她跪,并不理会她。屋外烈日当头,楚乔在烈日下烤着,却依旧坚持着。时间一分一秒流逝,外头已是月上中天,楚乔还在院子中跪着,宇文玥默不作声地在暗处瞧着倔强的楚乔,面上若有所思。侍卫想要劝楚乔回去,却见楚乔并无退意,就要将她架走。宇文玥却出来制止了侍卫,他看着跪在地上的楚乔,问她为什么要来参加择选。楚乔目光坚定的看着他,说自己想要活下去。宇文玥并不相信楚乔的意图,他继续问楚乔,自己亲手杀死了她的哥哥,她却来求着自己收她做侍寝婢女,尊严何在。楚乔面无表情,目光却依旧坚定,作为奴婢,命都保不住,哪里还有尊严。宇文玥看了一眼楚乔,问她是否知道侍寝婢女是要在主人床底之间承欢侍奉。楚乔紧紧握住了自己的手,卑微地叩头,请公子留下奴婢。宇文玥似是沉思了一会儿,便向侍卫下令,准许楚乔参加择选。择选开始,众多的婢女聚到一起,便免不了生出是非。楚乔本就是因着公子格外开恩才得以参选,自然引得其他人对其不满。银铃铛的大丫鬟锦烛,看不惯楚乔私自放飞公子豢养的鹦鹉,想暗地里使坏抓坏楚乔的衣服,不想,却被楚乔反手夺走了衣衫,弄得失了仪态。宇文玥将这一切都瞧在眼里,看出了楚乔身手敏捷,倒是个练武的苗子。第一场是蒲棋,楚乔并不太懂,遂很惨淡地输掉一局。第二局是烹茶,依旧不是楚乔的强项,但她知道自己不能再输了。楚乔仔细观察着周围的婢女们如何烹茶,突然计上心头。她跑到井边打了新鲜的井水上来,又顺手摘了一片叶子,照着别的婢女的法子,有样学样,也烹制出了一杯甘冽的茶水。楚乔赢了第二局。第三局,默记梵文佛经,一柱香时间去记,再用一柱香时间默写。楚乔虽然不会握笔,更不会写字,但她却凭借超人的记忆,将佛经一字不差地默写了下来。但楚乔却因为没有署名,而被宇文玥责问。楚乔却道,规则里并没有要求署名,自己只是按照规则来做,并无不妥。宇文玥要求只要楚乔能够在经文上署上自己的名字,这一局就算她赢。这可难不倒楚乔,她从自己的头发上拿下铜铃铛,蘸了墨,稳稳地印了上去。宇文玥不再说话,但他却在回过身以后,在嘴角勾起了一抹微不可察的笑意。中选后的楚乔被带来见宇文玥,宇文玥再次问她,为何要来做自己的侍寝婢女。楚乔跪下回话,自己是为了活下去。宇文玥不信楚乔会忘记自己亲手杀了她哥哥的仇恨,而楚乔却表示自己已经答应过姐姐,要好好照顾两个妹妹。 <h3 id="five">第5集</h3> 楚乔一觉醒来,忽觉身边有些异样,那躺在不远处的不就是冷脸面瘫的宇文玥嘛,尖叫声不经思考就脱口而出。宇文玥不慌不忙的坐起身,冷言嘲她大惊小怪,这侍寝的机会不正是她想要的吗。楚乔凌厉出手反抗,宇文玥趁此机会教她功夫,两人之间不免有了肢体接触,宇文玥将她拦腰抱起,旋转数圈。宇文玥第一次招人侍寝,在青山院里极为轰动。一大早锦烛赶去送汤。听到房外的动静,宇文玥特意与楚乔亲密搂抱,温柔宠溺地亲自喂她吃粥,锦烛出去后,宇文玥立马推开了楚乔,好像刚才温柔似水的不是他一样,冷言让她整理被她玷污的床铺。楚乔瞥了眼床上的落红,面露不屑,明明就是他故意弄上的。楚乔侍寝后还是身份低下的铁铃铛,比之锦烛这样银铃铛的大丫鬟还是差了很多。锦烛对楚乔嫉妒不已,小七、小八听不下去了,出言为楚乔抱不平。锦烛气而动起手来,楚乔随手就制住了她。碧水河畔,杨柳依依,楚乔坐在栈桥边,奋力地洗着衣服。燕洵牵马来到河边找她,调笑宇文玥为楚乔取的名字-星儿,正好与宇文玥的玥字相和,燕洵满脸揶揄,笑说宇文玥矫情。楚乔懒得和他计较,端起盆就要走。燕洵不依不饶,耍赖般的把自己的爱驹交给她牵着。楚乔的性子甚合燕洵心意,他特意去找宇文玥要讨了她去,否则就赖在青山院不走了。女奴们居住的小院里,楚乔的特殊待遇遭到以锦烛为首的部分女奴妒忌,连带着她的两位妹妹小七、小八也受到排挤,处处被为难。楚乔为妹妹出头,惹得锦烛满脸怒气,与她动起手来,甚至不惜暗箭伤人,千钧一发之际,宇文玥及时出手,才免得楚乔被伤。锦烛恶人先告状,假惺惺地说是在维护青山院的规矩。宇文玥长身玉立,脸色平静无波看不出喜怒,只说要将楚乔带回去惩罚。他们走后,锦烛的跟随者们趾高气昂,对小七、小八嘲讽更加变本加厉,仿佛宇文玥的态度已经说明了一切。而随宇文玥而去的楚乔,不想白白受到惩罚,她向宇文玥说明当时情况,表明自己只是看不惯弱者被欺负。宇文玥面色冷峻,告诉她强者为王,身为弱者没资格为人讨公道。楚乔心有不甘,请他指点何为强者。假山流水淙淙,走过水上蜿蜒的石块,宇文玥带楚乔进入密室。宇文玥让她掷石头,烛火晃动,乱箭齐发,楚乔一时应付不来,但渐渐地身手越来越快,闪躲越发及时。接下来的三个时辰,楚乔都要和乱箭、石子为伴。她不断被击中,但眼神却越发坚韧,要报仇,就要忍常人所不能忍 </body> </html>