Welcome to my blog

welcome to my blog photo: welcome to my blog 32.gif

2012年月曆

網頁

歡迎

心靈音樂 - 百鳥齊鳴

2010年10月5日 星期二

Dreamweaver 教學網

Dreamweaver 教學網站

Dreamweaver 教學 - 網頁設計教學網站




DreamWeaver 網頁設計教學/基本技巧 網站


←另一個Dreamweaver 教學 網站

↑以上四個精選Dreamweaver教學

HTML標籤 說明

HTML 宣告要編輯Html文件

HEAD Html網頁文件的表頭。內含文件標題,關鍵字,風格表等等

TITLE Html文件的標題

BODY 編輯Html文件的內容

<!------ 加上Html標籤的註解

A 設定超連結

P 在網頁內容中插入一個空白列

PRE 呈現出與編輯器中相同的文件格式

NOBR 設定使用者的瀏覽器不讓網頁內容自動斷行

CENTER 讓網頁內容置中對齊

BLOCKQUOTE 讓網頁內容向右縮排

BDO 控制特定文字的方向

Hn 設定標題的級數大小

BASSFONT 設定網頁內容基本的文字格式

FONT 設定特定文字的文字格式

B 讓文字變成粗體

STRONG 用粗體字效果來強調文字

I 讓文字產生用斜體的效果

EM 用斜體字效果,來強調網頁的內容

CITE 用斜體字效果,來表示引用文的出處

DFN 用斜體字效果來表示專有名詞

VAR 用斜體字效果來表示變數的名稱

ADDRESS 用斜體的效果表示網頁上重要的聯絡資訊

U 在文字下方加上底線

BIG 放大文字

SMALL 縮小文字

SUB 將文字變成下標字

SUP 將文字變成上標字

DEL 將文字劃上刪除線,只支援IE瀏覽器,不支援Netscape瀏覽器

S 在文字加上刪除線

STRIKE 在文字加上刪除線

INS 增加的文字,IE會在文字上加底線,不支援Netscape瀏覽器

TT 以固定間距模式呈現文字,或稱打字機格式文字

KBD 以固定間距效果,來表示要輸入的文字

SAMP 以固定間距效果,來表示程式輸出的結果

CODE 以固定間距效果,來表示程式碼

LI 將網頁內容用清單呈現

UL 用來建立一個沒有編號的清單,自動向右縮

MENU 讓無順序的條列式項目,自動向右縮排,並加上空白列

DIR 讓無順序的條列式項目,自動向右縮排,並加上空白列

LH 讓無順序的條列式項目,自動向右縮排,並加上空白列

OL 有編號順序的清單

DT 可加說明的條列項目標題

DD 條列項目的說明內容

TABLE 宣告要編輯網頁表格

TBODY 宣告要編輯網頁表格的格式

TR 做出表格的橫列

TD 在表格中加入儲存格及其內容

TH 設定表格列名及欄名

THEAD 宣告為表格加入欄名

TFOOT 宣告為表格加上備註或總結說明

CAPTION 替表格設個標題

FRAMESET 宣告要在網頁中劃出頁框

FRAME 在網頁中建立頁框

NORFRAMES 無顯示多頁框時的替代說明網頁

IFRAME 在單一頁框中插入另一個頁框

HR 在網頁中插入水平分隔線

IMG 在網頁中插入圖片

OBJECT 在網頁中插入多媒體檔案

MAP 指定要當影像地圖的圖片

AREA 指定影像地圖的超連結區域

EMBED 自動播放多媒體檔案

MARQUEE 呈現跑馬燈的多媒體效果,僅適用於IE瀏覽器

BLINK 讓文字呈現閃爍的效果,僅適用於IE瀏覽器

FORM 宣告要編輯互動式表單

INPUT 加入一個表單選項

TEXTAREA 讓文字輸入方框可依文字多寡調整大小

LABEL 在表單選項加上提示資訊

FIELDSET 將表單選項分組管理

LEGEND 設定表單選項組別的標題

SELECT 增加一個下拉式選單的表單項目

OPTION 增加下拉式選單內的選項

OPTGROUP 將下拉選單的選項加以分組

ISINDEX 加入具搜尋功能的單行文字輸入方框

BUTTON 加入一個傳送資料的網頁按鈕

STYLE 宣告要編輯內建的樣式表

SPAN 變更巳設定的樣式表效果

SCRIPT 內建JavaScript程式

NOSCRIPT 無法執行Script時的替代說明

APPLET 插入Java Applet物件

PARAM 設定Applet物件的參數資料

BASE 設定HTML文件基本的位址

DIV 讓多個HTML標籤產生相同的效果

META HTML文件中重要的資訊加上註解

LINK 註記HTML文件之間連結的相關資訊

1 則留言:

  1. 實用文!!!
    網頁設計的話,現在UI/UX相當被重視,這個網頁有許多實用的UI工具http://gremlinworks.com.tw/ui-ux/ui-tools/

    回覆刪除

goodbye& please Come again

Goodbye Graphic #39

Goodbye Graphic #29