9 Walker Studio-9W個人設計工作室

基本上 HTML 的標註是成對出現的，其格式如下：
<指令名稱 [屬性名稱 = 參數 ...]> 內容 </指令名稱>，
凡是在 <指令> 和 </指令> 之間的內容均會受到這個指令及屬性影響。
例：
　　（網站的抬頭）
　　　<TITLE>9W個人設計工作室網站</TITLE>

　　（超連結）
　　　<A HREF="http://www.9w2u.com">9 Walker Studio-9W個人設計工作室</A>

　　（文字字型大小及頻色控制）
　　　<font size="4" color="orange">01、HTML(Hyper Text Markup Language)簡介</font>

但是有少部份的指令，是不加結尾指令的。
例：
　　9W個人設計工作室網站<BR> （跳行）

　　<HR>（水平分隔線）　　

補充：
水平分隔線語法：<HR [ALIGN= left | center | right] [SIZE = n] [WIDTH = n [%] [NOSHADE]>
說明：
1.<HR> 標註是用來顯示橫隔線。
2.ALIGN 屬性用來指定橫隔線的靠齊方式。
3.SIZE 屬性是用來指定橫隔線的厚度。例：<HR SIZE=5>
4.WIDTH 屬性是用來指定橫隔線的寬度，例：<HR WIDTH=80%>
5.NOSHADE 屬性指定以實線來顯示，而不要立體效果。
<hr width="400" size="10" align="right" >
水平分隔線輸出結果：

一個基本完整的網頁的標註結構大致如下：
<html> -----標示HTML文件的開始
　<head>-----標示HTML文件表頭
　　<title>標題</title> -----標示HTML文件主題
　</head> -----標示HTML文件表頭結束

　<body> -----標示HTML文件主體內容開始

　　　主要HTML文件的內容（顯示在瀏覽器視窗上的主要網頁內容）寫在這區域裡

　</body> -----標示HTML文件主體內容結束
</html> -----標示HTML文件的結束

常用的HTML TAG：

Tag	Description
<html>...</html>	網頁文件開始及結束
<title>...</title>	讓網頁名稱顯示於瀏覽器視窗左上方的標題欄
<head>...</head>	表頭區（用來放入如：meta、Javascript、style、css...等程式碼）
<body>...</body>	顯示在瀏覽器視窗上的主要網頁內容，如選單、連結、文字、圖片、顏色、圖形...等
<h1>~<h6>	設定字型大小，<h1>最大<h6>最小
<font>...</font>	字型設定
<a href="...">...</a>	連結
<img src="...">	圖片
<center>...</center>	置中
<table><tr><td>...</yd></tr></td></table>	表格
<p>...</p>	標示一個段落
<br>	換行
<hr>	水平分隔線
<!-- ... -->	定義一段註解或不使用的程式碼

顯示字元

說明

對照字元

對照數字

quotation mark

apostrophe

ampersand

less-than

greater-than

non-breaking space半型空白字元

inverted exclamation mark

currency

cent

pound

yen

€

euro

€

broken vertical bar

section

spacing diaeresis

feminine ordinal indicator

angle quotation mark (left)

negation

registered trademark

™

trademark

™

spacing macron

degree

plus-or-minus

superscript 1

superscript 2

superscript 3

spacing acute

micro

paragraph

middle dot

spacing cedilla

masculine ordinal indicator

angle quotation mark (right)

fraction 1/4

fraction 1/2

fraction 3/4

inverted question mark

multiplication

division

…

horizontal ellipsis

…