用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指令)　
語法：文字
[size=+0]文字標記(FONT指令)　
標記可以設定文字的大小及文字的顏色
語法：文字
[size=+0]格式化清單
　 1.序號清單　
　語法：
　　內容一
　　內容二
　　(可再增加)
　　
2.符號清單　
　語法：
　　內容一
　　內容二
　　(可再增加)
　　
[size=+0]水平分隔線(HR指令)　
語法：
ALIGN有LEFT，CENTER，RIGHT
NOSHADE表示以實體線表示
的屬性不一定全部都使用，可以只選擇要改變的使用。
[size=+0]表格(TABLE指令)　
語法：
     內容一內容二
     內容三內容四
     (可再增加)
     
當BORDER=0時，表示框線隱藏。
[size=+0]強迫換行(BR指令)　
語法：文字......
......
     
沒有結束指令。
[size=+0]段落(P指令)　
語法：
段落一
     
段落二
     (可再增加)
在HTML語言中輸入的文字不會自動換行，必須借助
或
來換行。
[size=+0]跑馬燈(MARQUEE指令)　
語法：
文字
DIRECTION有LEFT，RIGHT
BEHAVIOR有SCROLL(單方向捲動)，SLIDE(遇邊則停)，ALTERNATE(來回捲動)
[size=+0]超鏈結(A指令)　
語法：提示文字
使用本指令，提示文字會變為藍色，且有底線，當游標指向提示文字時，會變成金手指。
[size=+0]插入圖片指令
1.基本語法：　
說明：HTML制定的插入圖片，副檔名必須是GIF或JPG。在我本人的網頁裡，放了nb006.gif，cf016.gif，ad017.gif，aq004.gif等免費圖片，在此以nb006.gif示範。
2.圖片超鏈結語法：說明文字(可略)　
  
網頁上有很多免費動畫圖庫，麻辣圖庫的作者很用心的分門別類，在此向大家推薦。您可以到該網站上抓一些喜歡的圖片下來，存在您的磁諜裡，以便運用。
免費動畫圖庫，網頁圖庫，在此向大家推薦。
[size=+0]背景顏色BGCOLOR
在皆用得到BGCOLOR屬性
格式如下：
　　整個網頁背景為紅色
　　整個表格背景為紅色
　　表格的某一列背景為紅色
　　表格的某一格為紅色
　　跑馬燈的背景為紅色
背景圖案BACKGROUND
皆用得到BACKGROUND，但通常用在大範圍的及。格式和上述一樣。背景顏色通常是一小塊，但HTML會自動填滿整個或。
[size=+0]自動換頁
在考選部網站，HOME PAGE是教育部徽章，一但進入，過了數秒後，它會自動換頁，不用手按超鏈結。我們也可以做到。
方式：在及之間加入指令
格式如下：


標題


.....(省略).....
[size=+0]顏色的設定
[size=+0]顏色設定有二種方式,一是使用顏色名稱,一是使用色譜定義.
[size=+0]顏色名稱(I.E只認識16色)
AQUA(水藍色)
BLACK(黑色)
BLUE(藍色)
FUCHSIA(紫紅色)
GRAY(灰色)
GREEN(綠色)
LIME(萊姆色)
MAROON(粟色)
NAVY(軍艦藍)
OLIVE(橄欖綠)
PURPLE(紫色)
RED(紅色)
SILVER(銀色)
TEAL(藏青色)
WHITE(白色)
YELLOW(黃色)
[size=+0]色譜定義(#RRGGBB)
#FFFAFA(雪白)
#FFEBCD(白杏)
#FFFF00(黃色)
#FF0000(紅色)
#00FF00(綠色)
#0000FF(藍色)