Week 01 Training: Fundamentals of HTML & CSS

這是第一周的訓(xùn)練內(nèi)容

  • 請(qǐng)認(rèn)真閱讀以下教程并操作
  • 作業(yè)以博客形式提交稀拐,將寫(xiě)好的博客內(nèi)容投稿至本專(zhuān)題,文章標(biāo)題以[W1]開(kāi)始
  • 截止日期:2017年4月7日

目標(biāo)

  • 學(xué)會(huì)使用HTML和CSS制作頁(yè)面并對(duì)其進(jìn)行布局

學(xué)習(xí)內(nèi)容

  • 了解HTML俗冻,使用HTML制作一個(gè)簡(jiǎn)單的頁(yè)面
  • 學(xué)習(xí)常用的HTML標(biāo)簽
  • 了解CSS,并將CSS運(yùn)用于HTML之中
    • 了解CSS的作用和優(yōu)勢(shì)
    • 學(xué)習(xí)CSS基礎(chǔ)語(yǔ)法
      • 學(xué)習(xí)“選擇器”
      • 了解可以操作、修改HTML的哪些樣式(底色屋剑、邊框、布局等)
      • 使用css的偽元素
    • 用CSS對(duì)頁(yè)面進(jìn)行布局
    • 理解為什么不使用Table對(duì)頁(yè)面布局

學(xué)習(xí)資源

作業(yè)

  1. 詳細(xì)說(shuō)明下圖中的列表是如何實(shí)現(xiàn)的


    題1
  2. 詳細(xì)說(shuō)明下圖中的表格是如何實(shí)現(xiàn)的


    題2
  3. 使用HTML實(shí)現(xiàn)下面的頁(yè)面诗眨,內(nèi)容必須相同唉匾,樣式可以不同
    題3
  4. 使用CSS美化上一題的頁(yè)面,圖片供參考


    題4
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末匠楚,一起剝皮案震驚了整個(gè)濱河市巍膘,隨后出現(xiàn)的幾起案子卫病,更是在濱河造成了極大的恐慌,老刑警劉巖典徘,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蟀苛,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡逮诲,警方通過(guò)查閱死者的電腦和手機(jī)帜平,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)梅鹦,“玉大人裆甩,你說(shuō)我怎么就攤上這事∑胨簦” “怎么了嗤栓?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)箍邮。 經(jīng)常有香客問(wèn)我茉帅,道長(zhǎng),這世上最難降的妖魔是什么锭弊? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任堪澎,我火速辦了婚禮,結(jié)果婚禮上味滞,老公的妹妹穿的比我還像新娘樱蛤。我一直安慰自己,他們只是感情好剑鞍,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布昨凡。 她就那樣靜靜地躺著,像睡著了一般蚁署。 火紅的嫁衣襯著肌膚如雪便脊。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,158評(píng)論 1 308
  • 那天形用,我揣著相機(jī)與錄音就轧,去河邊找鬼。 笑死田度,一個(gè)胖子當(dāng)著我的面吹牛妒御,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播镇饺,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼乎莉,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起惋啃,我...
    開(kāi)封第一講書(shū)人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤哼鬓,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后边灭,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體异希,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年绒瘦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了称簿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡惰帽,死狀恐怖憨降,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情该酗,我是刑警寧澤授药,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站呜魄,受9級(jí)特大地震影響悔叽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜耕赘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一骄蝇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧操骡,春花似錦、人聲如沸赚窃。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)勒极。三九已至是掰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間辱匿,已是汗流浹背键痛。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留匾七,地道東北人絮短。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像昨忆,于是被迫代替她去往敵國(guó)和親丁频。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 大部分的后端會(huì)很很鄙視前端。我也不知道為什么席里,可能大部分人都會(huì)覺(jué)得腳本語(yǔ)言根本不算語(yǔ)言叔磷。 大多人 會(huì)叫我們切圖仔,...
    小黑的眼閱讀 3,342評(píng)論 0 15
  • 前些日子從@張?chǎng)涡裎⒉┨幍靡环萃扑](Front-end-tutorial)奖磁,號(hào)稱(chēng)最全的資源教程-前端涉及的所有知識(shí)...
    谷子多閱讀 4,203評(píng)論 0 44
  • 周?chē)且恍┎恢镍B(niǎo)叫聲改基,地板被陽(yáng)光照的明晃晃的,我坐在上面蹭網(wǎng)絡(luò)咖为,下電影和小說(shuō)寥裂。和大多數(shù)大學(xué)生一樣,我這樣做著案疲,...
    _九歌閱讀 147評(píng)論 0 1
  • 郭相麟 心行走在路上 看那純情臉龐 去往何方 能夠讓心停留 不是蒙在臉上的面紗 而是對(duì)生活的熱愛(ài)和向往 邁開(kāi)歡快的...
    郭相麟閱讀 297評(píng)論 0 0
  • 為自己抽的牌 七月開(kāi)頭褐啡,整個(gè)人陷入了一種恍惚的狀態(tài)诺舔。總不知道自己在干嘛备畦,要干嘛低飒,常走著走著就停住了,不知道自己要干...
    飛鳥(niǎo)樂(lè)魚(yú)閱讀 898評(píng)論 0 0