網站程式設計-PHP
19-1 網頁組成
一、HTML
HyperText Markup Language:超文本標記語言,通過定義的內容,例如,標題,段落或圖像給人的內容結構和含義。用來處理網站的架構。
非程式,只是一種寬鬆的標籤語法,寫錯也不會怎樣,為網頁的最基礎。
HTML的檔案為純文字檔,副檔名為.html,瀏覽器即可讀取HTML檔。
廣義論及HTML5時,實際指的是HTML、CSS和JavaScript在內的技術組合。
各瀏覽器HTML5支援:
http://www.findmebyip.com/litmus/
或
http://html5test.com
HTML標籤及屬性是不分大小寫的:
<IMG>和<img>
一樣,但建議採用小寫。
英文手冊:
http://www.w3schools.com/html/html5_intro.asp
中文手冊:
http://www.w3school.com.cn/tags/index.asp
HTML:由 elements(元素), tags(標籤) , attributes(屬性) 組成
元素:h1~h6、div、p、a .....等
標籤:<>,使用<>將元素與屬素包裝起來。通常由開始標籤到結束標籤,例 <div>.....</div>,但也自閉標籤如 <img> <meta>.....
屬性:屬性是用來提供有關元素的附加信息的屬性。最常見的屬性包括id屬性,它標識的元素; 的class屬性,該屬性分類的元素; src屬性,該屬性指定嵌入內容的來源; 及href屬性,它提供了一個超鏈接引用到一個鏈接資源。
二、CSS
Cascading Style Sheets:串接樣式表,是創造的樣式與內容使用的外觀展現語言,例如,字體或顏色。用來處理網站的外觀。
CSS可以自定 CLASS(.) 與 ID(#) 兩種選擇器。
CLASS 可以重複 , ID則是唯一
CSS 套用方式
行內套用 (Inline)
嵌入套用 (Embed)
外部連接套用 (External Link)
匯入套用 (Import)
三、JavaScript
JavaScript 是用於客戶端的腳本語言,通常給 HTML 網頁增加動態效果
直譯式程式語言