HTML、CSS、JavaScript簡介及簡單分工
1、什么是HTML(超文本標(biāo)記語言 Hyper Text Markup Language),HTML 是用來描述網(wǎng)頁的一種語言。
2、CSS(層疊樣式表 Cascading Style Sheets),樣式定義如何顯示 HTML 元素,語法為:selector {property:value} (選擇符 {屬性:值})
3、JavaScript是一種腳本語言,其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯,而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行
對于一個網(wǎng)頁,HTML定義網(wǎng)頁的結(jié)構(gòu),CSS描述網(wǎng)頁的樣子,JavaScript設(shè)置一個很經(jīng)典的例子是說HTML就像 一個人的骨骼、器官,而CSS就是人的皮膚,有了這兩樣也就構(gòu)成了一個植物人了,加上javascript這個植物人就可以對外界刺激做出反應(yīng),可以思 考、運動、可以給自己整容化妝(改變CSS)等等,成為一個活生生的人。
如果說HTML是肉身、CSS就是皮相、Javascript就是靈魂。沒有Javascript,HTML+CSS是植物人,沒有Javascript、CSS是個毀容的植物人。
如果說HTML是建筑師,CSS就是干裝修的,Javascript是魔術(shù)師。
怎么把這三者聯(lián)系在一起呢,當(dāng)然得通過網(wǎng)頁的肉身HTML,HTML是一直描述語言,它是對著瀏覽器描述自己的,那么它通常怎么描述具體的這個網(wǎng)頁呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>網(wǎng)頁標(biāo)題</title> <link rel="stylesheet" type="text/css" href="mycss.css" /> <script type="text/javascript" src="myjs.js"></script> </head> <body> <p>這是一個段落</p> </body> </html>
這是一個最簡單的HTML文檔,文檔說的是,瀏覽器啊,我是遵循W3C標(biāo)準(zhǔn)XHTML1.0過渡版本規(guī)范(文件類型聲明),我采用的編碼是utf-8,我的標(biāo)題是“網(wǎng)頁標(biāo)題”,描述我的模樣的樣式表是我同目錄的mycss.css文件,與我有關(guān)的javascript代碼在我同級的myks.js文件中,我的內(nèi)容有一個段落,段落的內(nèi)容是“這是一個段落”。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com