線上書籍

Home

[1001]XOOPS網站門面專業設計

一、網站伺服器是如何運作的?

二、HTML基本概念
  1. HTML的檔案為純文字檔,副檔名為.html或htm,瀏覽器即可讀取HTML檔。
  2. HTML標籤通常是一對的,如:<p>內容</p>或<div>文字</div>
  3. HTML標籤也有單一的,如:<img src=”a.jpg”>建議寫成<img src=”a.jpg” />
  4. 標籤裡有屬性,例如:<a href=”a.html”>連結</a>,其中href即為屬性。
  5. HTML標籤及屬性是不分大小寫的:<IMG>和<img>一樣,但建議採用小寫。
  6. HTML是一種非常寬鬆的語法,寫錯也不會導致瀏覽器掛掉。
三、教瀏覽器怎麼讀您做的網頁
  1. DTD 是「文件類型定義」(document type definition)的縮寫。
  2. Strict採嚴格定義,禁止使用過時語法;Transitional採寬容定義,允許使用過時語法;Frameset則是frame網頁使用。
  3. 瀏覽器讀網頁的二種模式:「標準模式」和「相容模式」,DTD中有網址的為「標準模式」,反之為「相容模式」。
  4. 標準模式 CSS padding寬度外加,相容模式 CSS padding寬度內含。
  5. 一般使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">即可。
四、HTML基本頁面標籤
  1. <html></html>一整個HTML頁面
  2. <head></head>通常裡面會有meta標籤,及<title></title>來設定頁面名稱3. <body></body>主要內容區。其屬性有alink(點擊連結顏色)、background(背景圖)、bgcolor(背景色)、link(連結顏色)、text(內文顏色)、vlink(已連結顏色),但這些屬性是被棄用的(建議用CSS取代),因此DTD為Strict時,align將失效
五、HTML基本標籤
  1. 標題:<h1></h1>(1~6)搜索引擎會用標題做為網頁結構與內容編制索引。
  2. 段落:<p align=”center”></p>,align 屬性值有left、right、center、justify
  3. 換行<br />;註釋標籤:<!--註釋-->;水平線<hr />。
  4. 文字相關:<b>粗體、<big>放大字體、<em>強調、<i>斜體、<small>縮小字、<strong>強調、<sub>下標、<sup>上標、<del>刪除。
  5. 輸出標籤:<pre>
六、HTML被棄用的標籤與屬性
  1. 被棄用標籤:<center> 置中、<font>和<basefont>HTML字體、<s>和<strikeout>刪除、<u>底線
  2. 被棄用屬性:align對齊方式、bgcolor背景色、color文字顏色