Google
      
发新话题
打印

HTML代碼入門基礎(一)

本主题由 冷戰 于 2008-2-17 13:48 设置高亮

HTML代碼入門基礎(一)

初學者一打開HTML制式,看到的往往是一堆代碼,即便不暈也是丈二和尚,往往會在這個時期放棄學習,實際上你只要摸上規律,找到竅門,它是很簡單的,因為它的組成是有定律的、是固定的

下面我就從最基本的、最基礎東西開始,和大家共切磋

HTML語言音畫最基本的構成就是五個部分:
1.邊框

2.文字
3.圖片
4.音樂
5.FLASH

下面就這五個方面分別講解.講解之前還是讓我們對論壇常用的代碼及其表達的意思做個瞭解.只有搞清楚這些代碼的意思才好進一步往下學.

注意 HTML代碼除了極個別例外,絕大部分代碼在使用時都是成對使用的,有開頭必須有結尾.

一.常用文字代碼:

<font>..........</font> :定義文字的大小,類型,顏色等,有一個開頭和結尾,定義文字大小顏色類型的表述代碼必須加在他的中間

size=#:#=1~7;數字愈大字也愈大 例如: <font size=4>文字</font>

face="字體名稱":定義字型.例如:<font face=楷體_GB2312 size=4>簡單音樂</font>

color=#rrggbb:定義字體的顏色,字體顏色的代碼可以是色碼,例如#ff0000,(不同顏色的色碼可根據色碼表選取,也可以是英文:

red 紅色 green 綠色 blue 藍色 white 白色 purple 紫色 yellow 黃色 violet 紫羅蘭色

brown 褐色 black 黑色 pink 粉紅色 orange 橙色 gold 金色

例如:<FONT face=楷體_GB2312 color=#f1f1f1 size=3>簡單音樂 </FONT>

粗體字 <b>..........</b>這個就不多說了

字體加粗<STRONG>..........</STRONG>和<b>標籤差不多的效果

以上是最基本的文字代碼,對於文字特效代碼,暫且不表,今後結合後面的內容再講.

附上其他的一些文字代碼只須瞭解無需多記

<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大

二.常用圖片代碼:

1.插入圖片 <img src="圖形文件連接地址">
2.插入圖片<img src=圖片地址 width=180>設定圖片寬度
3.插入圖片<img src=圖片地址 height=30>設定圖片高度
4.插入圖片<img src=圖片地址 alt=提示文字>設定圖片提示文字 (當鼠標移到圖片上面所顯示出的文字)
5.插入圖片<img src=圖片地址 border=點數>設定圖片邊框 .其中border是定義邊框的厚度,點數可以使用整數如1,2,3,4.....等也可以使用象素單位px如:8px,12px....等

6.設定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點數 hspace=左右留空點數>
以上是常用的貼圖代碼,由於實際使用中會涉及很多圖片的特效處理,這裡也不做過多的介紹了在今後的介紹中會結合實際講解.




TOP

发新话题