首先，我們要問，什麼是html?官方的解釋是：超文本標記語言。什麼意思呢？簡單的來說，就是用來製作網頁的特殊語言。那麼，什麼是網頁呢？我們說，網頁是一個在瀏覽器視窗下顯示的頁面，實質上是一個文檔。
網頁主要有3個元素：文字、圖片以及超連結。有了這3個要素，我們便能製作最簡單的網頁了。然而，當我們實際去做的時候，卻不得不考慮這樣的問題：如何來控制頁面的格式和佈局？在一開始的時候，我們是使用所謂的「格式控制標籤」和「表格」去實現的。然而，隨即我們發現，這種方式有著嚴重的弊端。比方說，我們想要某幾個單元格的字體、顏色、大小等發生改變，我們就必須逐一修改那些單元格。然而，這還不是最主要的。當我們使用腳本語言的時候，就會發現另一種佈局方式將會更加有利。因為我們能更容易找到我們想要修改的部分。
現在，讓我們來考慮另一種佈局方式：div+css樣式表。首先，讓我們來例舉這種方式的優點。 1.可重複性強，可以多次引用。 2.實現了內容與格式的分離。 3.控制精確、搜尋速度快。緊接著，我們來考慮如何使用它。最簡單的方法是直接在div標籤裡寫上style,然後跟上內容。可是，如果這樣的話，就顯現不出這種佈局方式的優點。最好的方式是把style寫在head裡或外部，然後引用它們。在這裡，我們不得不提到兩種選擇器。一種是class選擇器，另一種是id選擇器。我們正是透過這些放置在樣式表中的選擇器來精確操縱樣式的。我們不再詳細闡述，只討論它們的差異。簡單的說，class是一個類，可以多次引用；而id是一種身份，只能引用一次。事實上，我們必須結合具體實例才能真正闡述清楚。
最後，我們來考慮所謂的“JavaScript”，也就是腳本語言。首先，我們要問的是，腳本語言是什麼？有什麼用？考慮這樣一種情景：你寫好了一個網站，並且順利的發布了。用戶在你的文字方塊裡輸入了正確的訊息，點擊提交，卻發現怎麼點都沒有反應。這是當然的，因為你沒有寫這個反應或說動作。腳本語言的存在正是為了實現這種反應或說動作。換句話說，腳本語言的存在是絕對必要的。事實上，除了這種用法，我們還有一種更常見的用法。前面我們說到，我們可以透過id或class去控制某個標籤的樣式。類似的，我們可以透過腳本語言找到id或class，互動式的操縱某個標籤的樣式。
以上就是網頁製作的基本內容，即HTML（內容）、CSS（樣式）、JS(腳本/動作)。
