HTML開發(fā)前準(zhǔn)備(1)-- 淺析web基本結(jié)構(gòu)

網(wǎng)絡(luò)三劍客:HTML + CSS + JavaScript

HTML:用于描述網(wǎng)頁內(nèi)容與結(jié)構(gòu)
CSS:用于網(wǎng)頁的布局與美化
JavaScript:用于控制網(wǎng)頁的行為


大部分web開發(fā)者都是按著HTML->CSS->JS(JavaScript簡寫单芜,后面都是簡寫)的順序來的,曾經(jīng)的小茶哥兒也是這么來的蒋伦,但是真的當(dāng)我開始寫些東西的時(shí)候發(fā)現(xiàn)這么做是不合理的,這里寫的均是茶哥兒的一家之言,如果你還喜歡,就請繼續(xù)關(guān)注茶哥兒吧栗竖。

ok,正式開始我們對于HTML5的學(xué)習(xí)渠啤,HTML5是HTML的第五次重大修改后的版本狐肢,但是如今還算實(shí)在過渡期,所以我們不能拋棄HTML4.01的內(nèi)容直接開始HTML5埃篓,這樣是不合理的处坪。我們先來看一段代碼:

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
    </body>
</html>

標(biāo)簽的概念不用茶哥兒多解釋了吧,我們看到的這一段代碼就是所有的web都有的基本結(jié)構(gòu)。別不相信哈同窘,茶哥兒用實(shí)踐來證明:

簡書.png

在這里就以我們的簡書網(wǎng)為例了玄帕,操作很簡單,大家可以使用google chrome(這也是web開發(fā)者最喜歡用的瀏覽器與調(diào)試工具)想邦,在菜單欄中“視圖--開發(fā)者--開發(fā)者工具”裤纹,在新彈出來的窗口就可以查看網(wǎng)頁標(biāo)簽元素了。

我們可以大致的將上述代碼分為4段:

  • <!DOCTYPE html>
    這個(gè)寫法是最新的HTML5版本的寫法丧没,兼容之前所有的版本鹰椒,之前的版本寫法過于復(fù)雜,不建議去記呕童,只需要記住這個(gè)就可以了漆际,他的意義是指示web瀏覽器使用HTML5版本來編寫指令。

  • <html></html>
    <html>是我們文檔的開始點(diǎn)夺饲,</html>是我們文檔的結(jié)束點(diǎn)奸汇。

  • <head></head>
    這里使我們文檔的頭部內(nèi)容,用于引入腳本往声、樣式表提供元素信息等擂找。

  • <body></body>
    這里是文檔的主體內(nèi)容,包含文本浩销、圖片贯涎、鏈接、視頻和音頻等慢洋。

以上便是一個(gè)Web所具備的的最簡單元素塘雳,接下來我們會(huì)了解一些web開發(fā)的工具,所謂工欲善其事必先利其器且警,好的工具會(huì)讓我們事半功倍粉捻,不要走開……

創(chuàng)造即永恒,喝茶去 ……

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末斑芜,一起剝皮案震驚了整個(gè)濱河市肩刃,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌杏头,老刑警劉巖盈包,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異醇王,居然都是意外死亡呢燥,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門寓娩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叛氨,“玉大人呼渣,你說我怎么就攤上這事∧海” “怎么了屁置?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長仁连。 經(jīng)常有香客問我蓝角,道長,這世上最難降的妖魔是什么饭冬? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任使鹅,我火速辦了婚禮,結(jié)果婚禮上昌抠,老公的妹妹穿的比我還像新娘患朱。我一直安慰自己,他們只是感情好扰魂,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布麦乞。 她就那樣靜靜地躺著,像睡著了一般劝评。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上倦淀,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天蒋畜,我揣著相機(jī)與錄音,去河邊找鬼撞叽。 笑死姻成,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的愿棋。 我是一名探鬼主播科展,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼糠雨!你這毒婦竟也來了才睹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤甘邀,失蹤者是張志新(化名)和其女友劉穎琅攘,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體松邪,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡坞琴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了逗抑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片剧辐。...
    茶點(diǎn)故事閱讀 38,059評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寒亥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出荧关,到底是詐尸還是另有隱情溉奕,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布羞酗,位于F島的核電站腐宋,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏檀轨。R本人自食惡果不足惜胸竞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望参萄。 院中可真熱鬧卫枝,春花似錦、人聲如沸讹挎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽筒溃。三九已至马篮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間怜奖,已是汗流浹背浑测。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留歪玲,地道東北人迁央。 一個(gè)月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像滥崩,于是被迫代替她去往敵國和親岖圈。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評論 2 345

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,510評論 25 707
  • 格式后期處理钙皮。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,120評論 0 17
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案蜂科? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成,分別是什么株灸,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層崇摄、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,214評論 0 23
  • 七絕 .題圖.佳人賞花 文/飛翔 春風(fēng)繞梁暖融融慌烧, 漫步桃園看花紅逐抑。 千枝朵蕊映粉面, 俏麗佳人笑意濃屹蚊。
    我心飛翔XFJ閱讀 551評論 0 1