原文來源：https://www.cnblogs.com/ultrazb/p/3771277.html
三者間的關系
一個基本的網站包含很多個網頁，一個網頁由html, css和javascript組成。
html是主體，裝載各種dom元素；css用來裝飾dom元素；javascript控制dom元素。
用一扇門比喻三者間的關系是：html是門的門板，css是門上的油漆或花紋，javascript是門的開關；
html介紹
html是用來描述網頁的一種語言，它不是一種編程語言，而是一種標記語言（標記標簽），總的來說，html使用標記標簽來描述網頁，本文就用標簽來代替標記標簽進行說明。
標簽是指<html></html>，<div></div>。
標簽是有語義的：標題用<h1>，表格展示用<table>，鏈接用<a>，無序排列用<ul>等等。
標簽里可帶有各類屬性，最基本的就是class和id。class屬性的作用是引用css樣式；id的作用是配合javascript使用，具有唯一性。下面舉幾個例子說明
l 圖片標簽<img>的主要屬性有src，alt。src是引用圖片的網絡地址（必要）；alt是對這張圖片的描述，如果圖片加載不成功，則會顯示alt的文字。
l 超鏈接<a>的主要屬性有href，target。href是指鏈接要跳轉的網址（必要）；target是告訴瀏覽器點擊這個鏈接后要以哪種形式找開窗口，target=”_blank”是指打開一個新窗口
若想了解更多關於html的資料，請點擊這里。
css介紹
css的官方名字叫層疊樣式表，它的出現是為了解決內容和表現分離的問題，一般存放在.css文件里。
使用css。
可在html的頭元素<head>里書寫，或者書寫在CSS文件並在html里引用該文件。
css優先權。
多個css樣式可集中在單個html標簽里，出現這種情況時，一般按優先權划分
- 瀏覽器默認設置 （最低）
- 外部樣式表
- 內部樣式表（寫在html的<head>標簽內部）
- 內聯樣式（寫在html的標簽里，即style屬性）（最高）
css的語法。
css由兩個主要部分組成，選擇器，一條或多條聲明。
選擇器是指css樣式的名字“.seletor”，名字前面要帶上一點“.”。聲明是由屬性和值組成，給個例子“margin: 0 auto”，冒號前面是屬性，后面是值，該例子是定義元素居中顯示。
具體的屬性和值可點擊這里。
javascript介紹
javascript是腳本語言，它是連接前台（html）和后台服務器的橋梁，它是操縱html的能手，本文用js代替javascript進行說明。
平時聽到原生js，js庫，js框架，js插件等等，下面簡單說明一下。
l 原生js，是指最基礎的js，沒有封裝過，但因為各瀏覽器對js的支持不同，就導致用基礎的js編程需要為不同的瀏覽器寫兼容代碼。
l Js庫，js框架，是指集成一系列dom操作，API封裝，界面UI封裝的的庫類，常見的有jQuery，extjs等等，這方面的定義比較難區分，暫不誤導大家
l Js插件，就是集成了幫助程序員輕松完成功能的程序。Js插件用得比較多，網頁制作上隨處可見。如圖片輪換功能，導航制作，上傳圖片等等。
至於js語法介紹，則太過於瑣碎，詳情請點擊這里