概述HTML
HTML的全名是HyperText Markup Language,是編寫網頁的基本語言,而它並不是一個程式,
只是一些插在普通文件內的碼( code ),這些碼可以控制我們的瀏覽器要怎樣把文件顯示出來, 就是你現在所看到的頁面就是用HTML來控制的,它可控制字體的大小,也可以插入連結或圖像。
一個HTML檔稱為HTML document,存檔的副檔名為htm或
html,編寫的方式有很多種, 最原始的方法是用windows內的記事本或各種文書編輯軟體,而現在有一種軟體也是編寫HTML碼,
但具有預覽及插入特效的功能,如Dida 網頁速寫器,編寫完成後記得儲存成*.htm或*.html 即可。
|
若你想看一個網頁的HTML檔,只要在瀏覽器內按下滑鼠右鍵,再選擇 檢視原始檔(view)即可。
一份標準的HTML文件是由元素所組成的,元素是由標籤(Tag)以及文件內容所組成。 文件內容可以是文字、圖形、甚至是影像、聲音等等。而標籤又是啥東東呢??
一個開始標籤(< >)是由一個小於符號(<)和一個大於符號(>)所構成的 一個起始標籤中加一道斜線"/"就構成了結束標籤(</>)
而一對標籤是由一個起始標籤和一個結束標籤所構成的。
|
html的結構
HTML document有一固定的格式,瀏覽器才可以辨識及分析,進而顯示在你的眼前,而基本格式為 :
<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等所組合起來的六個數值, 配色的功力就得看您自己嚕,右邊有我所製做的調色區有16的6次方種顏色供您參考
:
另外在xxxxxx的部份也可用顏色的英文單字代替,但xxxxxx之前的#要去掉,如text="#000000"可換成
text="BLACK"
|
加入背景圖像
若您覺得背景顏色太單調,想要換成背景圖像的話,就得要在<body>內加入background的屬性了。如果你的背景圖檔檔名為
back.gif,則<body>內便要寫成 :
<body background="back.gif" text="#000000" link="#0066cc" vlink="#336600">
PS:如果圖像的檔案跟您網頁的檔案不在同一目錄裡,則必須輸入完整路徑,如http://www.123.com.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=控制線的顏色
|
服務項目 |
- 網頁設計網站設計:網站視覺設計、Flash動畫設計、網站資料庫建置、網站系統建置、
企業網站規劃製作、購物網站規劃製作
- 3D Flash:結合3D軟體設計與Flash製作,呈現比平面更淋漓盡緻的立體表達效果是未來主流
- 3D 動畫:3D的物件建模及動態表現
- 大自然造景:一切動靜態的大自然山水景物天色雲彩房舍
- 企業3D虛擬人物代言人:如大同寶寶的企業人物商標設計、卡通擬真美感或科幻..造型及言語行為
- 網站維護:節省您的人事成本長期合作維護
- 網路行銷:搜尋引擎最佳化、網路活動設計、網路廣告設計
- 平面設計:企業CIS識別系統設計、平面排版美編設計、 DM文宣手冊設計
- 其他..
|
|