NEW LOGO-3
HTML 語法筆記

超文本標記語言是一種用於建立網頁的標準標記語言。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及行動應用程式的使用者介面。網頁瀏覽器可以讀取HTML檔案,並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現,使之成為一種標記語言而非程式語言。

HTML語法字典】
想要進一步認識HTML語法的人絕對不可以錯過

語法

說明

<! - - ... - ->

用於HTML文件中的註解

<A HREF TARGET=>

指定超鏈結的分割視窗目標

<A HREF=#錨的名稱>

設定鏈結錨點的名稱

<A HREF=>

設定超鏈結

<A NAME=錨的名稱>

錨點名稱

<ADDRESS>....</ADDRESS>

電子郵件位址文字格式設定

<B> 粗體字 </B>

粗體字效果

<BASE TARGET=>

分割視窗預設目標

<BASEFONT SIZE>

更改預設字形大小

<BGSOUND SRC=>

加入背景音樂

<BIG>

顯示大字體

<BLINK>

閃爍文字效果( IE不適用 )

<BODY TEXT=  LINK=  VLINK=>

設定文字、鏈結顏色

<BODY>

顯示本文

<BR>

換行

<CAPTION ALIGN=>

設定表格標題位置

<CAPTION>...</CAPTION>

為表格加上標題

<CENTER>

置中對齊

<CITE>...<CITE>

用於引經據典的文字

<CODE>...</CODE>

用於列出一段程式碼

<COMMENT>...</COMMENT>

加上註解

<DD>

設定定義列表的項目解說

<DFN>...</DFN>

顯示"定義"文字

<DIR>...</DIR>

列表文字標籤

<DL>...</DL>

設定定義列表的標籤

<DT>

設定定義列表的項目

<EM>

強調之用

<FONT FACE>

指定字形

<FONT SIZE>

設定字體大小

<FORM ACTION=>

設表單的處理方式

<FORM METHOD=> 

設定表單之資料傳送方式

<FRAME MARGINHEIGHT=>

設定架視視窗的上下邊界

<FRAME MARGINWIDTH=>

設定架視視窗的左右邊界

<FRAME NAME=>

框架視窗命名

<FRAME NORESIZE>

鎖住分割視窗的大小

<FRAME SCROLLING=>

設定分割視窗的捲軸 (yes,no )

<FRAME SRC>

框架內要顯示的文件

<FRAMESET COLS=> 

將視窗分割成左右垂直的方式

<FRAMESET ROWS=> 

將視窗分割成上下水平的方式

<FRAMESET>...</FRAMESET>

劃分分割視窗

<H1>~<H6>

設定文字標題大小

<HEAD>...</HEAD>

標示文件資訊

<HR>

加上分隔線

<HTML>...</HTML>

文件的開始與結束

<I>...</I>

斜體字

<IMG ALIGN=>

調整圖形影像的位置 ( top,left,right )

<IMG ALT=>

圖形影像註解

<IMG DYNSRC= LOOP=>

加入影片

<IMG SRC= HEIGHT= WIDTH=>

插入圖片並預設圖形大小

<IMG HSPACE=>

插入圖片並預設圖形的左右邊界

<IMG LOWSRC=>

預載低解析度圖片功能

<IMG SRC BORDER=>

設定圖片邊界

<IMG SRC=>

 插入圖片

<IMG VSPACE=>

插入圖片並預設圖形的上下邊界

<INPUT TYPE= NAME= VALUE=>

在表單中加入輸入欄位

<ISINDEX>...</ISINDEX>

定義查詢用表單

<KBD>...</KBD>

表示使用者輸入文字

<LI TYPE>...</LI>

列表的項目 ( 可指定符號 )

<MARQUEE>...</MARQUEE>

跑馬燈效果

<MENU>...</MENU>

條列文字標籤

<META NAME="REFRESH" CONTENT= URL=>

自動更新文件內容

<MULTIPLE>

 可同時選擇多項的列表欄

<NOFRAME>

定義不出現分割視窗的文字

<OL>...</OL>

有序號的列表

<OPTION>

定義表單中列表欄的項目

<P ALIGN=>

設定對齊方向

<P>...</P>

分段 

<PERSON>...</PERSON>

顯示人名

<PRE>...</PRE>

使用原有排列 ( 格式化文字內容 )

<SAMP>...</SAMP>

用於引用字

<SELECT>...</SELECT>

在表單中定義列表欄 

<SMALL>...</SMALL>

顯示小字體

<STRIKE>...</STRIKE>

文字加刪除線 

<STRONG>...</STRONG>

用於加強語氣

<SUP>...</SUP>

上標字

<SUB>...</SUB>

下標字

<TABLE BORDER=>

調整表格的寬線高度

<TABLE CELLPADDING=>

調整資料欄位之邊界 

<TABLE CELLSPACING=>

調整表格線的寬度

<TABLE HEIGHT=>

調整表格的高度

<TABLE WIDTH=>

調整表格的寬度

<TABLE>...</TABLE>

產生表格的標籤

<TD ALIGN=>

調整表格欄位之左右對齊

<TD BGCOLOR=>

設定表格欄位之背景顏色

<TD COLSPAN ROWSPAN=>

表格欄位的合併

<TD NOWRAP=>

設定表格欄位不換行

<TD VALIGN=>

調整表格欄位之上下對齊

<TD WIDTH=>

調整表格欄位寬度

<TD>...</TD>

定義表格的資料欄位

<TEXTAREA NAME= ROWS= COLS=>

表單中加入多少列的文字輸入欄

<TEXTAREA WRAP=>

決定文字輸入欄是自動否換行

<TH>...</TH>

定義表格的標頭欄位

<TITLE>...</TITLE>

文件標題

<TR>...</TR>

定義表格美一行

<TT>...</TT>

打字機字體

<U>...</U>

文字加底線

<UL TYPE>...</UL>

無序號的列表 ( 可指定符號 )

<VAR>...</VAR>

用於顯示變數

 

字體顏色

這部分可以直接套用HTML語法,顏色可以參考網頁色碼表

* <font color = "#FF0000">紅色文字</font>
* <font color = "00A600">綠色文字</font>
* <font color = "#0000C6">藍色文字</font>

效果如下

  • 紅色文字
  • 綠色文字
  • 藍色文字