HTML語法.doc
文本预览下载声明
HTML 語法 HTML的結構網頁顏色設定背景圖像水平分線清單設定標題文字文字設定文字格式化強迫換行超連結文件內的連結插入圖片插入音樂表格製作分割視窗跑馬燈特殊字元
的結構HTML 文件基本格式為html
head
title
/title
/head
body
瀏覽器顯示的內容/body/html
標籤註記是由兩個符號所住的,而碼是由/ 所住的,HTML之標籤有開就要有關,後面單元會逐一介紹。網頁顏色設定
body bgcolor=#xxxxxx text=#xxxxxx link=#xxxxxx vlink=#xxxxxx alink=#xxxxxx
bgcolor=控制背景顏色
text=控制文字顏色
link=控制連結顏色
vlink=控制已閱讀過的顏色
alink=控制正在連結的顏色 目錄
期中xxxxxx六個數值代表紅/綠/籃的顏色元素值,為A~F及0~9等所組合起來的六個數值。另外在xxxxxx的部份也可用顏色的英文單字代替,但xxxxxx之前的#要去掉,如text=#000000可換成 text=BLACK色碼表部分請參考:Html色碼表加入背景圖像
若想要換成背景圖像的話,就得要在body內加入background的屬性了。如果你的背景圖檔檔名為 back.gif,則body內便要寫成 :
body background=back.gif text=#000000 link=#0066cc vlink=#336600
:如果圖像的檔案跟網頁的檔案不在同一目錄裡,則必須輸入完整路徑,如.tw/back.gif。
bgproperties=fixed ,(使背景圖像固定不動,不過只有IE有效果
加入水平分線
如果想要在網頁內加入一條像下面的水平線,加入hr即可
上面那一條線的原始碼
hr size=5 align=center noshade width=90% color=0000ff
size=控制線的寬度
align=控制線是靠左(left)/靠右(right)/中間(center)
width=控制線的長度,可用數字或百分比
noshade=控制線沒有陰影
color=控制線的顏色清單設定方式
圓頭清單
加入ul可有小圓頭的清單 :
ulli物件清單1li物件清單2li物件清單3/ul目錄
顯示下 :
物件清單1
物件清單2
物件清單3
在l的標籤內加入參數就可以顯出效果 :
ul type=disc
這是一般的小圓點
ul type=circle
這是空心的小圓點
ul type=square
這是實心正方黑點
數字清單加入ol可可以顯有數字的清單 :
olli清單1li清單2li清單3/ol
上面的原始碼會顯示成下面的樣子 :
清單1
清單2
清單3
type=A(控制清單之前數字的參數顯示成A. B. C......)
type=a (控制清單之前數字的參數顯示成a. b. c......)
type=I (控制清單之前數字的參數顯示成I. II. III......)
type=i (控制清單之前數字的參數顯示成i. i. iii......)
start=起始的數值
定義清單
,加入以下的目錄
dldt筆電dd平板電腦dt電腦dd/dl
上面的原始碼會顯示成下面的樣子 :
平板電腦
電腦
標題文字
瀏覽器可分出六種大小的標題文字,原始碼如下 :
h1標題文字1/h1h2標題文字2/h2h3標題文字3/h3h4標題文字4/h4h5標題文字5/h5h6標題文字6/h6
上面的碼會造出下面六種大小的標題文字 :
標題文字1
標題文字2
標題文字3
標題文字4
標題文字5
標題文字6
文字設定
加上b把文字變成粗體,加上i把文字變成斜體,加上u把文字加上底線
b不懂HTML/b不懂HTML目錄
i不懂HTML/i不懂HTML
u不懂HTML/u不懂HTML
文字的控制
文字的控制要加上font,它可以控制文字的大小,顏色,字型,在font加上一些屬性可以
font face=Arial color=#cc33ff size=7Good morning/font
上面的下 :
Good morning
face=控制文字字體,填入字體名稱
color=控制文字顏色
size=控制文字大小,數字1~7強迫換行
br (不須 /br)p敘述 /p
上面的會顯現強迫換行效果:而p是比br多跳一行的。在p的標籤內,可以加入align=left/right/center這樣就可以控制在p之後的物件是靠左/靠右/置中了如果在p內有加入align的屬性,記得加
显示全部