HTML速成法

 

一、改變文字的大小和顏色六、音樂語法
二、粗斜體的變化七、超連結語法
三、字的對齊八、跑馬燈語法
四、關於段落九、表格語法
五、插入圖片十、特別一點的語法

改變文字的大小和顏色

size=字體大小

color=顏色

face=字體                            font開頭就要/font結尾

改變文字大小:

<font size="輸入文字大小1~100">多多ㄉ家</font>

例如:

<font size="3"></font><font size="4"></font><font size="5"><font size="6"></font><font size="7"></font> <font size="6"></font><font size="5">多多ㄉ家</font>

 

多多ㄉ家

 

改變文字顏色:

<font color="輸入顏色碼或著英文也行">多多ㄉ家</font>

例如:

<font color="#FF0000"></font><font color="#FF7700"></font><font color="#FFFF00"></font><font color="#00FF00"></font><font color="#0000FF"></font><font color="#0077FF"></font><font color="#7700FF">多多ㄉ家</font>

 

多多ㄉ家

 

 

 

顏色選擇程式

改變文字字型:  

<font face="輸入字體">多多ㄉ家</font>

例如:

<font face="標楷體">你好歡迎來到多多ㄉ家</font>

 

你好歡迎來到多多ㄉ家

 

PS:如果你設ㄉ字體比較特別,但瀏覽者ㄉ電腦中並沒有這些字體,而只會以他們瀏覽器所設定ㄉ字體顯示。

例如:

<font size="6" face="標楷體" color="#6600CC">你好歡迎來到多多ㄉ家</font>

 

你好歡迎來到多多ㄉ家

 

粗斜體的變化:

<b>粗體</b>

<u>底線</u>

<s>中線</s>  

例如:

<font size="2"><b>多多ㄉ家</b></font>

多多ㄉ家

例如:

<font size="2"><u>多多ㄉ家</u></font>

多多ㄉ家

例如:

<font size="2"><s>多多ㄉ家</s></font>

多多ㄉ家

 

字的對齊 :

left=左邊

center=置中

right=右邊

例如:

<p align="left">

<p align="center">

<p align="right">

 

關於段落:

換行<br>...</br>

分段<p>....</p>

若是在文字之間想要換行就在要換行的地方加上<br>就行了結尾</br>

當你想要段落的話加上<p>就可以ㄌ結尾</p>

 

插入圖片 :

<img src="圖片位址">

<>例如: 

 

<img src="http://202.39.41.138/images/pink/pink5.gif" alt=" "HI!我是頑皮豹!" width="76" height="98">

 

 

<>HI!我是頑皮豹!

 

 

 

插入圖片

<img src="圖片在網路的網址">

在你所要的圖上按滑鼠右鍵->選"內容"就可以看到圖片的網路位址。

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif">

 

 

設定圖片的寬度&高度:

<img src="圖片位址" border="輸入0(無框)或1(有框)"width="數字"height="數字">

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif" border="0" width="193" height="64">

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif" border="1" width="193" height="64">

 

圖片內容之文字:

<img src="圖片位址" alt=""你要打的文字......" >

 

音樂語法:

<EMBED SRC=路徑/聲音檔名>音樂檔通常都以midi檔為主
<EMBED width=寬度>
可調整出現面板位址的橫向軸,用數字表示
<EMBED height=高度>
可調整出現面位址板的橫向軸,用數字表示
<EMBED autostart=true/flase>是否隱藏面板程式,true(隱藏)/flase(顯示)
<EMBED loop=ture/flase>是否重覆播放,true(無限)/flase(迴轉一次)

例如:

<embed src="http://202.39.41.138/midi/愛你一萬年.mid" width="68" height="25" type="audio/midi">

 

超連結語法

<a href="連結位置......">顯示連結名稱</a>

連結網站:<a href="網址">取名</a>

例如:

<a href="http://202.39.41.138/">多多ㄉ家</a>

 

多多ㄉ家

 

連結E-mail:<a href="mailto:輸入E-mail">取名</a>

例如:

<a href="mailto:cucu.chen@msa.hinet.net">多多ㄉE-Mail</a>

 

多多ㄉE-Mail

 

在新視窗開啟網頁:

語法target="_blank(不同視窗)/_self(相同視窗)

例如:

<a href="http://202.39.41.138/" target="_blank(不同視窗)/_self(相同視窗)">多多ㄉ家</a>

 

多多ㄉ家

 

 

跑馬燈語法

<MARQUEE>跑馬燈文字</MARQUEE>

<MARQUEE ALIGN=方向>對齊跑馬燈的方向
<MARQUEE BEHAVIOR=scroll or slide(幻燈片方式)/alternate(左右來回彈跳方式)>跑馬燈跑的方式
<MARQUEE BGCOLOR=顏色>顯示跑馬燈的背景顏色
<MARQUEE DIRECTION="right/left">跑馬燈跑的方向
<MARQUEE HEIGHT=高度>跑馬燈的高度,用數字來表示
<MARQUEE WIDTH=寬度>跑馬燈的寬度,用數字來表示
<MARQUEE LOOP=數字>跑馬燈執行次數,不打此參數電腦判斷為無限次
<MARQUEE SCROLLAMOUNT=數字>文字每次更新畫面時的位移距離
<MARQUEE SCORLLDELEY=數字>每次更新畫面之間的暫停時間

例如:

<marquee>多多是帥哥</marquee>
多多是帥哥

例如:

<marquee behavior="slide">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee scrollamount="50">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee behavior="alternate">多多是帥哥</marquee> 多多是帥哥

例如:

<marquee behavior="slide" align="middle" width="200" height="5">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee behavior="slide" align="middle" bgcolor="#9966FF">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee align="middle" direction="right" scrollamount="7" scrolldelay="50" style="color: #0066FF; font-family: 標楷體; font-size: 24pt">多多是帥哥</marquee>

多多是帥哥

 

引用:    http://www.eight-dollars.net/HTML.htm

arrow
arrow
    全站熱搜

    deskwoodss 發表在 痞客邦 留言(0) 人氣()