a

標記： <a>

語法：

<a href="目標URL">連結文字或內容</a>

概述： <a> 元素用於在網頁中創建超連結，讓使用者能夠點擊並導航到指定的目標URL。這個元素在網站間建立互動性，使得資訊的流動變得容易且方便。

屬性：

href（必填）：指定連結的目標URL。可以是另一個網頁、文件、或其他線上資源的位置。
target：指定連結的目標視窗或框架，例如 _blank 表示在新的視窗中打開連結。
title：提供連結的額外描述性文字，當使用者將滑鼠懸停在連結上時顯示。
rel：定義連結的關係，例如 nofollow 表示搜索引擎不應該追蹤此連結。
download：指定連結的目標URL是一個可下載的檔案，並設定下載時的預設檔名。
accesskey：指定用於觸發連結的快速鍵。

範例：

<p>請點擊以下連結前往我的部落格：</p>
<a href="<https://www.example.com>" target="_blank" title="我的部落格">前往我的部落格</a>

這份指南旨在協助您了解如何在 HTML5 中使用 <a> 元素創建超連結。透過適當的 href 屬性設定，您可以讓使用者輕鬆地導航至不同的網頁和資源，提供更好的網頁使用者體驗。

alert

author

b

語法：

<b>文字內容</b>

描述：

標籤表示文字的粗體樣式，通常用於強調一些文字內容，但不建議將其用於表示純粹的樣式。

屬性：

標籤本身沒有任何屬性，僅作用於包含的文字內容。

範例：

<p><b>注意：</b>請勿在未經授權的情況下進行拍攝和錄製。</p>

注意事項：

與 和 標籤一樣， 標籤也只是用於表示樣式，不應將其用於表示純粹的樣式。
可以搭配 CSS 使用，以調整文字的粗體樣式，例如設定 font-weight 屬性為 bold。

參考 和 標籤的參考手冊，可以了解更多文字樣式的應用方式。

big

語法：

<big>要放大的文字</big>

描述：

big 標籤用於將文字放大一級，通常用於強調或突出重要內容。然而，建議使用 CSS 中的 font-size 屬性來調整文字大小。

屬性：

big 標籤不支持任何屬性。

範例：

<p>這是一段正常大小的文字。</p>
<p>以下是一段 <big>放大了一級</big> 的文字。</p>

以上的範例會顯示出兩段文字，第一段文字是正常大小的，第二段文字則使用了 big 標籤，將文字放大了一級。

block

br

語法：

<br>

描述：

  標籤表示換行，常用於將一個段落分行顯示。

屬性：

  標籤沒有任何屬性。

範例：

<p>這是第一行。<br>這是第二行。</p>

上面的範例會顯示為：

這是第一行。
這是第二行。

break

call

chart

clearsession

colordialog

confirm

copy

img

<img src="image.jpg" alt="description">

Description

The img tag is used to embed images onto a web page. The src attribute specifies the URL of the image while the alt attribute provides a text description of the image for accessibility purposes.

Attributes

src: Specifies the URL of the image.
alt: Provides a text description of the image.
width: Specifies the width of the image in pixels.
height: Specifies the height of the image in pixels.

Basic Example

<img src="image.jpg" alt="A beautiful sunset">

Resizing the Image

<img src="image.jpg" width="500" height="300">

crosstab

datasource

dbchart

dbgrid

dbgroup

dbnavigator

dbquery

dbtable

debug

delsession

do

else

語法：

<if cnd=""/>
  // 程式碼塊1
  <else/>
  // 程式碼塊2
</if>

描述：else 關鍵字在 if 條件式為假(false)時執行的程式碼塊。如果 if 條件式為真(true)，則只會執行 if 的程式碼塊。

範例：

以下是一個簡單的範例，用來判斷一個數字是否為偶數：

<setvar name="num" value="7"/>

<if cnd="mod(num,2)=0">
  <![CDATA[<p>num 是偶數</p>]]>
  <else/>
  <![CDATA[<p>num 是奇數</p>]]>
</if>

在此範例中，如果 num 為偶數，則會執行 if 中的程式碼塊。否則，將會執行 else 中的程式碼塊，並印出 "7 是奇數"。

注意：

else 沒有任何條件，只有在 if 條件式為假(false)時執行。
可以有多個 else if 關鍵字在一個 if 陳述式中，但只能有一個 else。

elseif

語法：

<if cnd="">
  // 程式碼塊1
  <elseif cnd=""/>
  // 程式碼塊2
  <elseif cnd=""/>
  // 程式碼塊3
</if>

描述：

elseif 陳述式是一個條件式，用於在 if 陳述式的 else 區塊中指定另一個條件式。

在 if 陳述式中，當條件為真時，會執行該區塊中的代碼。當條件為假時，else 區塊中的代碼將被執行。

如果需要對多個條件進行檢查，可以使用 elseif 陳述式。在這種情況下，第一個條件為真時，會執行該區塊中的代碼。如果第一個條件為假，則會檢查第二個條件。如果第二個條件為真，則會執行該區塊中的代碼。如果第二個條件為假，則 else 區塊中的代碼將被執行。

屬性：

cnd：一個布林值，如果為 true，代表條件成立，將執行花括號內的代碼。

範例：

以下是一個使用 elseif 陳述式的簡單範例：

<setvar name="score" value="70"/>

<if cnd="score >= 90">
  <![CDATA[<p>成績等級：A</p>]]>
  <elseif cnd="score >= 80">
  <![CDATA[<p>成績等級：B</p>]]>
  <elseif cnd="score >= 70">
  <![CDATA[<p>成績等級：C</p>]]>
  <elseif cnd="score >= 60">
  <![CDATA[<p>成績等級：D</p>]]>
  <else/>
  <![CDATA[<p>成績等級：F</p>]]>
</if>

在這個例子中，根據學生的分數，程式會印出相應的成績等級。如果分數高於或等於 90 分，則會印出 "成績等級：A"；如果分數介於 80 到 89 之間，則會印出 "成績等級：B"，以此類推。如果分數低於 60 分，則會印出 "成績等級：F"。

em

exit

export

fieldset

font

for

function

getdirectories

getfiles

getprop

getreg

gettext

go

hr

i

語法：

<i>文字內容</i>

描述：

標籤表示文字的斜體樣式，通常用於強調一些文字內容，但不建議將其用於表示純粹的樣式。

屬性：

標籤本身沒有任何屬性，僅作用於包含的文字內容。

範例：

<p>請<span class="important"><i>勿</i></span>點擊此按鈕。</p>

注意事項：

與 和 標籤一樣， 標籤也只是用於表示樣式，不應將其用於表示純粹的樣式。
可以搭配 CSS 使用，以調整文字的斜體樣式，例如設定 font-style 屬性為 italic。

參考 和 標籤的參考手冊，可以了解更多文字樣式的應用方式。

if

語法：

<if cnd="">
  // 如果條件為真，執行這裡的程式碼
</if>

描述： if 是一種條件語句，用於在程式執行時基於特定條件的值（布林值）來判斷程式應該執行哪些代碼。

屬性：

cnd：一個布林值，如果為 true，代表條件成立，將執行花括號內的代碼。

範例：以下是一個 if 語句的範例，判斷變數 x 是否大於 10，如果是，則在網頁上顯示 "x 大於 10"：

<setvar name="x" value="15" />
<if cnd="x&gt;10">
  <![CDATA[<p>x 大於 10</p>]]>
</if>

在下面的範例中，將判斷變數 age 是否小於 18，如果是，則在網頁上顯示警告訊息：

<setvar name="age " value="16" />
<if cnd="age&lt;18">
  <![CDATA[<p>你還沒有滿 18 歲，無法觀看此內容。</p>]]>
</if>

img

標記： <img>

語法：

<img src="圖片檔案路徑" alt="替代文字" width="寬度" height="高度">

概述： <img> 元素在 WAP（無線應用協定）環境中用於顯示圖片。類似於 HTML5 中的 <img> 元素，這個標籤讓您能夠在無線設備的瀏覽器上顯示視覺內容。

屬性：

src（必填）：指定要顯示的圖片檔案的路徑或 URL。
alt（必填）：提供圖片的替代文字，當圖片無法顯示時，這段文字會顯示給使用者。同時也為視力受限的用戶提供描述。
width：設定圖片的寬度，以像素為單位。
height：設定圖片的高度，以像素為單位。

範例：

<img src="image.jpg" alt="風景照片" width="320" height="240">

import

include

input

語法：

<input type="type" name="name" value="value">

描述： <input> 元素用於創建各種表單元素。這個元素是一個空元素，並且沒有結束標籤。通過設置不同的 type 屬性值，可以創建不同類型的輸入元素。

屬性：

type：指定 <input> 元素的類型。
name：定義 <input> 元素的名稱，用於提交表單時的識別。
value：設置 <input> 元素的初始值。
placeholder：設置輸入框的提示文字。
readonly：設置輸入框為只讀狀態，用戶無法編輯內容。
disabled：禁用輸入框，用戶無法進行任何操作。
required：指定輸入框為必填項。
autocomplete：指定是否啟用自動完成功能。

範例：

文本輸入框：

<label for="username">使用者名稱：</label>
<input type="text" id="username" name="username" placeholder="輸入使用者名稱" required>

密碼輸入框：

<label for="password">密碼：</label>
<input type="password" id="password" name="password" placeholder="輸入密碼">

單選按鈕：

<label for="gender">性別：</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男性</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女性</label>

多選按鈕：

<label for="fruits">喜愛的水果：</label>
<input type="checkbox" id="apple" name="fruits" value="apple">
<label for="apple">蘋果</label>
<input type="checkbox" id="banana" name="fruits" value="banana">
<label for="banana">香蕉</label>

下拉選單：

<label for="country">國家：</label>
<select id="country" name="country">
  <option value="tw">台灣</option>
  <option value="us">美國</option>
  <option value="jp">日本</option>
</select>

提交按鈕：

<input type="submit" value="提交">

重置按鈕：

<input type="reset" value="重置">

文件上傳：

<label for="file">上傳檔案：</label>
<input type="file" value="上傳">

invoke

io

label

log

mail

語法

<menu>
  <menuitem />
  <menuitem />
  ...
</menu>

描述

<menu> 元素表示一個菜單，用於提供可用選項的清單。

屬性

type: 定義菜單的類型。可選值為 context 或空白。若設為 context，則表明菜單是一個上下文菜單。

子元素

<menuitem>：表示菜單項目。
<hr>：表示分隔符。

範例

以下是使用 <menu> 和 <menuitem> 元素創建上下文菜單的示例：

<menu id="context-menu">
  <menuitem label="複製" icon="copy.png" onclick="copy()" />
  <menuitem label="貼上" icon="paste.png" onclick="paste()" />
  <menuitem label="剪下" icon="cut.png" onclick="cut()" />
</menu>

menuitem

語法

<menu>
  <menuitem />
  <menuitem />
  ...
</menu>

描述

<menuitem> 元素用於定義選單項目。它必須是 <menu> 元素的子元素，並與 <menu> 一起使用來創建上下文菜單或工具欄菜單。選單項目通常顯示為命令或操作，可以在菜單中單擊以執行它們。

屬性

<menuitem> 元素可以使用以下屬性：

type：定義選單項目的類型。支持的值包括 command、checkbox、radio 和 separator。
label：定義選單項目的標籤或標題。
icon：定義選單項目的圖標。
disabled：禁用選單項目，使其無法選擇或執行。

範例

以下是使用 <menu> 和 <menuitem> 元素創建上下文菜單的示例：

<menu id="context-menu">
  <menuitem label="複製" icon="copy.png" onclick="copy()" />
  <menuitem label="貼上" icon="paste.png" onclick="paste()" />
  <menuitem label="剪下" icon="cut.png" onclick="cut()" />
</menu>

navigator

newpage

nowap

onevent

open

opendialog

operator

output

p

pagecontrol

param

permission

prompt

redirect

refresh

report

restart

s

section

select

serie

session

setprop

setreg

setsession

setvar

shellexecute

sleep

small

strong

switch

table

tabsheet

td

textarea

th

timer

tr

u

語法：

<u>文字內容</u>

描述：

標籤表示文字的底線樣式，通常用於強調一些文字內容，但不建議將其用於表示純粹的樣式。

屬性：

標籤本身沒有任何屬性，僅作用於包含的文字內容。

範例：

<p><u>注意：</u>請勿在未經授權的情況下進行拍攝和錄製。</p>

注意事項：

與 和 標籤一樣， 標籤也只是用於表示樣式，不應將其用於表示純粹的樣式。
可以搭配 CSS 使用，以調整文字的底線樣式，例如設定 text-decoration 屬性為 underline。

參考 和 標籤的參考手冊，可以了解更多文字樣式的應用方式。

upload

wap

while

語法

<while cnd="">
  // code block to be executed
</while>

描述

while 迴圈會在指定的條件評估為 true 時執行程式碼區塊。在每次迴圈開始之前，會評估條件的布林值。如果布林值為 true，則執行程式碼區塊；如果布林值為 false，則跳出迴圈。

請注意，在迴圈的程式碼區塊中，必須改變迴圈條件，否則迴圈將永遠繼續執行，導致無限循環。

屬性

cnd：迴圈條件，必須是一個布林值。

範例

以下是一個計算 1 到 5 總和的 while 迴圈範例：

<setvar name="i" value="1"/>
<setvar name="sum" value="0"/>
<while cnd="i<=5">
  <setvar name="sum" value="sum+i"/>
  <setvar name="i" value="i+1"/>
</while>
<![CDATA[<p>＄(sum)</p>]]>
<!-- output: 15 -->

在此範例中，while 迴圈會在 i 的值小於或等於 5 時執行。在每次迴圈中，i 的值會增加 1，而 sum 的值會加上當前的 i 值。當 i 的值達到 6 時，迴圈終止。最後，輸出 sum 的值為 15。