HOME

基本語法
HTML 概述
HTML & WWW
HTML 簡介
HTML 元素
HTML 基本標示
HTML 字元型式
HTML 字元實體
HTML 連結
HTML 框架
HTML 表格
HTML 排列
HTML 字型與輸入
HTML 圖片
HTML 背景

進階語法
HTML 版面
HTML 字型
HTML 4.0 Why
HTML 型式Styles
HTML 頭部Head
HTML 頭部資料
HTML URL
HTML 程式指令
HTML 傳送檔案

範例練習及參考資料
HTML 練習例子
W3C 線上測驗
HTML 快速列表
HTML 標示列表
HTML 屬性
HTML 事件
HTML ASCII
HTML URL轉檔
HTML 字元實體
HTML 顏色
HTML 顏色值
HTML 顏色名稱
HTML HTTP

基本 HTML 標示

在HTML裏最重要的標示是定義標題，段落及斷行

學習HTML的基本方法是多練習例子。透過連結至W3C SCHOOL編輯器，你可以編輯 HTML 原始碼，並且按下測試鈕看看結果

自已試試看 - 練習案例

一個簡單的HTML文件
這是一個非常簡單的HTML文件, 因為只有一個最小的標示.它展示出在主體裏(body)文字是如何的顯示在瀏覽器上。

簡單段落
此例說明文字在段落元素裏是如何的顯示在瀏覽器上。

(在這頁的下面你可以找到更多的練習案例)

標題是定義<h1> to <h6> 這六個字型標示， <h1>是定義最大的字型標題, <h6> 是定義最小的字型標題

<h1>這是一個標題</h1>
<h2>這是一個標題</h2>
<h3>這是一個標題</h3>
<h4>這是一個標題</h4>
<h5>這是一個標題</h5>
<h6>這是一個標題</h6>

HTML 會自動的增加一行空白在使用標題前或標題後

段落是以 <p>這個標示來定義

<p>這是一個段落</p>
<p>這是另一個段落</p>

HTML 會自動的增加一行空白在使用段落前或段落後

<br> 標示是用在當你要結束一行,但還不要開始一個新的段落時. <br> 標示會強迫一個句子中斷在你所擺的地方。

<p>This <br> is a para<br>graph with line breaks</p>

<br>標是一個空的標示. 它沒有結束標示.

註釋標式是用來插在 HTML 原始碼內。註釋不會顯示在瀏覽器上.你可以用註釋來說明你的原始碼，在緊急時當你要編輯原始碼，它會有一些幫助。

<!-- 這是一個註釋 -->

提示：在啟始括弧後你需要一個驚嘆號，但在結束括弧前不需要。

當你撰寫HTML文字時, 你根本不知道這個文字會如何的顯示在別的瀏覽器上. 有的人有大的電腦瑩幕，有的人有小的. 每次當使用者改變它的視窗時，文字就會改變. 在你的編輯器裏不要去嚐試以加入空行或空格來固定你的文字樣式，這是沒有用的。

在你的文字裏HTML 會截去多餘的空間.不論空多少格都只會當做一格。在HTML裏，新的一行被視為一個空格

用<p> 來換行是不對的，應該用 <br> 才是. (但不要用 <br> 來排列. 等到你學到HTML排列時再說。)

也許你注意到段落不需要結束標示 </p>.但別太依賴他，新版的HTML將不會讓你跳過任何的結束標示

HTML 會自動的增加一行在使用某些元素前或使用後，例如段落及標題。

在課程裏我們以水平線 (the <hr> tag), 來分辨課程小節

Tag	Description
<html>	網頁文件
<body>	顯示在瀏覽器視窗上的主要畫面，通常包含文字，圖片，顏色，圖形等。
<h1> to <h6>	設定字型大小，<h1>最大，<h6>最小
<p>	一個段落
<br>	換行
<hr>	設定水平線
<!-->	定義一段說明