文章目錄
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>、<head>、<body>都是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>
<!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>