用HTML製作簡單的個人網頁
用HTML製作簡單的個人網頁HTML的基本架構
標題
...(其他內容)...
...(內容)...
為HTML文件的檔頭資訊,除了之間的標頭會顯示在瀏覽器最上面的藍色標題列區域外,其餘不會顯示在瀏覽器上。通常只輸入標題的訊息。
之間是HTML的主體,就是我們要顯示在瀏覽器上的內容。
字體的變化
字體大小(Hn指令)
n=1~5,n值愈大,字體愈小
語法:文字
當加上align屬性時,可以調整文字的水平位置,align有LEFT,CENTER,RIGHT。
語法:文字
粗字體(B指令)
語法:文字
斜字體(I指令)
語法:文字
底線字(U指令)
語法:文字
刪除線(S指令)
語法:文字
打字機字體(TT指令)
語法:文字
上標字(SUP指令)
語法:文字1文字2
下標字(SUB指令)
語法:文字1文字2
字體放大一點(BIG指令)
語法:文字
字體縮小一點(SMALL指令)
語法:文字
文字標記(FONT指令)
標記可以設定文字的大小及文字的顏色
語法:文字
格式化清單
1.序號清單
語法:
內容一
內容二
(可再增加)
2.符號清單
語法:
內容一
內容二
(可再增加)
水平分隔線(HR指令)
語法:
ALIGN有LEFT,CENTER,RIGHT
NOSHADE表示以實體線表示
的屬性不一定全部都使用,可以只選擇要改變的使用。
表格(TABLE指令)
語法:
內容一內容二
內容三內容四
(可再增加)
當BORDER=0時,表示框線隱藏。
強迫換行(BR指令)
語法:文字......
......
沒有結束指令。
段落(P指令)
語法:
段落一
段落二
(可再增加)
在HTML語言中輸入的文字不會自動換行,必須借助
或
來換行。
跑馬燈(MARQUEE指令)
語法:
文字
DIRECTION有LEFT,RIGHT
BEHAVIOR有SCROLL(單方向捲動),SLIDE(遇邊則停),ALTERNATE(來回捲動)
超鏈結(A指令)
語法:提示文字
使用本指令,提示文字會變為藍色,且有底線,當游標指向提示文字時,會變成金手指。
插入圖片指令
1.基本語法:
說明:HTML制定的插入圖片,副檔名必須是GIF或JPG。在我本人的網頁裡,放了nb006.gif,cf016.gif,ad017.gif,aq004.gif等免費圖片,在此以nb006.gif示範。
2.圖片超鏈結語法:說明文字(可略)
網頁上有很多免費動畫圖庫,麻辣圖庫的作者很用心的分門別類,在此向大家推薦。您可以到該網站上抓一些喜歡的圖片下來,存在您的磁諜裡,以便運用。
免費動畫圖庫,網頁圖庫,在此向大家推薦。
背景顏色BGCOLOR
在皆用得到BGCOLOR屬性
格式如下:
整個網頁背景為紅色
整個表格背景為紅色
表格的某一列背景為紅色
表格的某一格為紅色
跑馬燈的背景為紅色
背景圖案BACKGROUND
皆用得到BACKGROUND,但通常用在大範圍的及。格式和上述一樣。背景顏色通常是一小塊,但HTML會自動填滿整個或。
自動換頁
在考選部網站,HOME PAGE是教育部徽章,一但進入,過了數秒後,它會自動換頁,不用手按超鏈結。我們也可以做到。
方式:在及之間加入指令
格式如下:
標題
.....(省略).....
顏色的設定
顏色設定有二種方式,一是使用顏色名稱,一是使用色譜定義.
顏色名稱(I.E只認識16色)
AQUA(水藍色)
BLACK(黑色)
BLUE(藍色)
FUCHSIA(紫紅色)
GRAY(灰色)
GREEN(綠色)
LIME(萊姆色)
MAROON(粟色)
NAVY(軍艦藍)
OLIVE(橄欖綠)
PURPLE(紫色)
RED(紅色)
SILVER(銀色)
TEAL(藏青色)
WHITE(白色)
YELLOW(黃色)
色譜定義(#RRGGBB)
#FFFAFA(雪白)
#FFEBCD(白杏)
#FFFF00(黃色)
#FF0000(紅色)
#00FF00(綠色)
#0000FF(藍色)
页:
[1]