本文小編為大家詳細介紹“html/css/js的關系是什么”，內容詳細，步驟清晰，細節處理妥當，希望這篇“html/css/js的關系是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
HTML、CSS、JavaScript簡介及簡單分工
1、什么是HTML（超文本標記語言HyperTextMarkupLanguage），HTML是用來描述網頁的一種語言。
2、CSS(層疊樣式表CascadingStyleSheets),樣式定義如何顯示HTML元素，語法為：selector{property：value}(選擇符{屬性：值})
3、JavaScript是一種腳本語言，其源代碼在發往客戶端運行之前不需經過編譯，而是將文本格式的字符代碼發送給瀏覽器由瀏覽器解釋運行
對于一個網頁，HTML定義網頁的結構，CSS描述網頁的樣子，JavaScript設置一個很經典的例子是說HTML就像一個人的骨骼、器官，而CSS就是人的皮膚，有了這兩樣也就構成了一個植物人了，加上javascript這個植物人就可以對外界刺激做出反應，可以思考、運動、可以給自己整容化妝（改變CSS）等等，成為一個活生生的人。
如果說HTML是肉身、CSS就是皮相、Javascript就是靈魂。沒有Javascript,HTML+CSS是植物人，沒有Javascript、CSS是個毀容的植物人。
如果說HTML是建筑師，CSS就是干裝修的，Javascript是魔術師。
怎么把這三者聯系在一起呢，當然得通過網頁的肉身HTML,HTML是一直描述語言，它是對著瀏覽器描述自己的，那么它通常怎么描述具體的這個網頁呢？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>網頁標題</title>
<linkrel="stylesheet"type="text/css"href="mycss.css"/>
<scripttype="text/javascript"src="myjs.js"></script>
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
這是一個最簡單的HTML文檔，文檔說的是，瀏覽器啊，我是遵循W3C標準XHTML1.0過渡版本規范（文件類型聲明），我采用的編碼是utf-8,我的標題是“網頁標題”，描述我的模樣的樣式表是我同目錄的mycss.css文件，與我有關的javascript代碼在我同級的myks.js文件中，我的內容有一個段落，段落的內容是“這是一個段落”。
讀到這里，這篇“html/css/js的關系是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
