網(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í)踐來證明:
在這里就以我們的簡書網(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)造即永恒,喝茶去 ……