線上書籍

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文字顏色