初識HTML

以前看到過網頁源碼，也就是那些HTML語句，不過當看到那些角括弧、破折號等一系列“莫名其妙”的符號時，我的第一反應就是關掉它，這些東西我是看不懂的。人呢，往往都是這樣，遇到自己不會的東西，會不自覺的產生抵觸心理，總是敬而遠之。其實，好多東西並沒有我們想像的那麼難，只要我們仔細、有耐心的看一下，你會發現我們同樣可以。

 

說道HTML，以前總以為它是什麼高深莫測的東西。在看牛腩新聞發布系統的時候，設計網頁的時候用到了HTML，這是我第一次真正接觸HTML吧。在視頻中，牛老師多次提到什麼DIV、什麼CSS（Cascading Style Sheets  層疊樣式表單），說我們這次的網頁製作就是採用DIV+CSS，當時我就蒙了，什麼是DIV，CSS又是什麼呀？他們和HTML又有什麼關係呀？當時雖然不是很清楚，但還是繼續看視頻，現在貌似對這些東西有了一定的瞭解。

 

其實，DIV並不是單獨存在的，它只是HTML當中的一個最基本的標籤，而標籤是HTML的核心部分。至於CSS，我覺得它是HTML的一個補充，是對HTML的完善。它的作用呢，和物件導向中的抽象類別差不多，將一些共有的東西放在一起，簡化了代碼，同時也為維護提供了方便。總之，網頁設計的核心還是HTML。下面簡單介紹一下HTML的重點。

 

HTML（Hypertext Markup Language）即超文字標記語言 (HTML)，是用於描述網頁文檔的一種標記語言。其實它和我們熟悉的Visual Basic 語言、C語言等道理一樣，只是文法格式不同，解析器不同罷了。我們只要瞭解了HTML的基本文法，就基本上可以看懂HTML代碼，並能完成一些簡單的網頁設計了。

 

讓我們瞭解了HTML最基本的概念、最基本的文法，知道了屬性、內容如何設定。

 

下面是HTML的基本架構：

知道上面這些東西，再瞭解一下具體標籤的作用就OK啦！下面幾張圖片中介紹了HTML當中最主要的幾個標籤的作用。

最後還有一個元素：

以上僅僅列出了重要的標籤和元素，並未給出具體的使用方法，想知道具體的例子就去百度吧。