HTML與CSS

HTML與CSS都是用來寫網頁的，有些人把他稱之為網頁用的程式語言。不過比起Java,VB或是C。HTML以及CSS並不能用來當成數值運算的工具，充其量只能稱為標籤語言。而不是我們所認知的程式語言。

HTML以及CSS只是告訴瀏覽器網頁的結構跟網頁應該呈現的樣式，接下來就交給瀏覽器負責把結果秀出來，所謂的瀏覽器就是IE, FireFox, Opera ...等可以用來看網頁的軟體。

HTML發展到4.01之後就停止了。停止發展的原因是結構鬆散無章法沒有一定的規則。由於網頁標準的推廣機構W3C積極想要制定出一套各個瀏覽器都能符合標準的網頁語言，取而代之的是有XML血統的XHTML。

XHTML有XML嚴謹的結構，更適於開發多平台的網頁，所謂的多平台包括手機的網頁瀏覽器，冰箱門上的瀏覽器或是PSP的瀏覽器。有嚴謹的結構才有研發的可能性。

網頁技術發展到XHTML之後，W3C變推廣網頁把結構與樣式拆開。所謂的結構就是哪裡是標題？哪裡是段落？這幾個字屬於超連結。這是一個列表。這裡有一個表格。這稱為網頁的結構，這些由HTML負責。

樣式代表的是字要多大？要什麼顏色？段落的顏色要跟標題的顏色一樣麼？所謂視覺的點綴就是樣式。這些由CSS負責

結構跟樣式分開有什麼好處。我朋友的話：分的這麼細做啥?學問研究到一個地步之後一定會有分枝，開始細分各種研究。每種行業成熟之後一定會有分工、有代工廠。為的都是同一種目的“開發速度“，當結構與樣式分離的時候，網頁開發者得到什麼好處？答案是開發速度縮短。

舉個例：

段落的HTML用來描述結構的單位叫做標籤，例如一個段落的標籤他的使用方法如下

<p>這是段落....這是段落....這是段落....這是段落....這是段落....這是段落</p>

標籤通常是成雙成對的以<標籤名稱><標籤名稱>開頭，以</標籤名稱></標籤名稱>

結尾，結尾只是在標簽名稱前面打上一個反斜線。

而標籤名稱是定好的，不可以亂取名，亂取瀏覽器看不懂。

1. <p> ..這是一個段落標籤


2. <h1> ..這是一個標題一標籤


3. <h2> ..這是一個標題二標籤


4. <table> ..這是一個表格標籤

在結構與樣式尚未分離之前，要設定文字大小與顏色我們通常是這樣做的。

標籤同稱又附上屬性例如要使段落的字體大小設為12px

<p ><font color=#F00>標籤同稱又附上屬性例如要使段落的字體大小設為12px</font></p>

今天有個網頁有30個段落，一個小網站有三十個網頁。整個網站換季要換字體顏色，光換個段落顏色就天黑了，不合不合。所以CSS出來了，解救了所有痛苦的開發眾生。