Tad 教材網 - 線上書籍

:::

1. 認識HTML、CSS

3. 表格、圖片與版型 next

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

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

### ![](http://www.tad0616.net/uploads/tad_book3/image/web2.png)

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1001/02.pdf)

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

:::