POPO語法的運用

前言:  

 

 

                      在學習基本的語法之前,最重要的一點就是要記得有開始就有結束。每個語法都是有開始就有結束。比如說:有   <   font   ...   >   的出現,一定會有   <   /font   >   來做個了結尾,有   <   a   href=.....   >   的出現,就一定會有   <   /a   >   來做個結尾。有   <   script   >   就一定有   <   /script   >   做了結。如果你的語法沒做個結尾的話,那麼,在執行的時候就會產生問題。以下我就簡單分幾個單元來介紹:

 

 

單元1--關於字的設定

 

 

改變字體顏色的語法:  

 

 

  <   font   color=blue   >   文字內容   <   /font   >

 

 

當中紅色的部分就是可以修改的部分,可換成其他的【顏色單字】或【顏色碼】。比如說把上面的【blue】置換成【yellow】那字就會變成黃色了;也可以把blue直接換成【009900】,你會發現字居然變成綠色了。009900是字型的顏色碼

 

 

  字的大小的語法:  

 

 

  <   font   size=5   >   文字內容   <   /font   >

 

 

↑上面這個語法的意思是,把你所打的字變大。你也可以把5置換成2,你就會發現字變縮小了。

 

 

  字的字型的語法:  

 

 

<   font   face   =   "標楷體"   >   文字內容   <   /font   >

 

 

↑這個語法的意思是把字改成標楷體,當然可以把"標楷體"這三個字,改成"細明體"...等,妳所想要顯示的字體。

 

 

字的型態的語法:  

 

 

                  1.<   i   >   文字內容   <   /i   >--------→把字變成斜體囉!

 

 

                  2.<   b   >   文字內容   <   /b   >---------→把字變成粗體囉!

 

 

                  3.<   u   >   文字內容   <   /u   >---------→在字的下方出現底線!

 

 

當然你也可以把字的型態給綜合起來。

 

 

                <   i   ><   b   >   文字內容   <   /i   ><   /b   >---------→斜體加上粗體的用法,變粗斜體。

 

 

  

 

 

單元2--關於字的對齊

 

 

1、置中  

 

 

  <   p   align=center   >這是置中<   /p   >  

 

 

  2、靠左  

 

 

  <   p   align=left   >這是靠左<   /p   >

 

 

  3、靠右  

 

 

  <   a   align=right   >這是靠右<   /p   >

 

 

  

 

 

單元3--關於段落(換行、分段)

 

 

1、換行  

 

 

      文字內容<   br   >文字內容<   br   >

 

 

↑<   br   >的意思隔一行,如果沒有<   br   >這個語法的話,那麼字都會連在一起,而不是分隔一行。

 

 

2、分段  

 

 

      文字內容<   p   >文字內容<   p   >

 

 

↑<   p   >的意思是分段,而且分段分的比<   br   >還大喲!

 

 

3、分隔線    

 

 

      <   HR   >→加上分隔線

 

 

單元4--關於背景語法  

 

 

1、插入背景  

 

 

    <   body   background="圖片位址"   >

 

 

  上面所謂的圖片位址,即是指背景圖在網路上所存放的位置,如:http://........./aaa.gif  

 

 

2、加入背景浮水印  

 

 

在背景語法中加入【   bgproperties="fixed"   】,就會有浮水印的功效。

 

 

例如:<   body   background="圖片位址"   bgproperties="fixed"   >

 

 

  

 

 

單元5--加入圖片的語法  

 

 

1、插入圖片  

 

 

    <   img   src="圖片位址"   >

 

 

2、設定圖片的高度&寬度  

 

 

    <   img   src="圖片位址"   height=數字   width=數字   >

 

 

  3、替代顯示文字  

 

 

將滑鼠移至圖片上頭,等待一下,就會有字跑出來。這就是替代顯示文字。

 

 

替代顯示文字的語法如下:

 

 

<   img   src="圖片位址"   alt="文字內容"   >

 

 

 

 

 

單元6--教您如何插入背景音樂

 

 

[事前準備]  

 

 

midi的音樂檔,若沒有,請在奇摩搜尋上打上midi,或背景音樂查尋。

 

 

其背景音樂的語法如下:

 

 

  <   bgsound   src="音樂名稱.mid"   loop="-1"   >

 

 

↑loop="-1"的意思是無限循環播放。

 

 

   

 

 

單元7--關於連結的語法  

 

 

1、如何做連結?  

 

 

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

 

 

例如:<   a   href="http://www.kimo.com.tw"   >奇摩站</a   >

 

 

  2、如何做E-mail連結?  

 

 

            <   a   href="mailto:自己的e-mail"   >E-mail給我<   /a   >

 

 

↑在mailto:後頭打上你的E-mail。如此一來,這樣就是個E-mail連結了。

 

 

  3、如何跳出新網頁?  

 

 

如果說,你想按了連結,不要在原視窗顯現,而是跳出新的視窗顯現的話,那麼你可以在連結的語法中,加上【   target="_blank"   】這個語法

 

 

例如:<   a   href="http://www.kimo.com.tw"     target="_blank"   >奇摩站<   /a   >

 

 

  

 

 

單元8--跑馬燈語法  

 

 

1、文字跑馬燈  

 

 

<   marquee   behavior="alternate"   bgcolor="yellow"   >   文字內容   <   /marquee   >

 

 

另一簡單語法

 

 

<   marquee   >   文字內容   <   /marquee   >

 

 

    2、圖片跑馬燈  

 

 

<   marquee   behavior="alternate"   bgcolor="yellow"   ><   img   src="圖片位址"></marquee   >  

 

 

 

 

ps:記得去掉空格!!!!

 

 

 

資料來源:上網查~

回應 (4)

請問到底要怎麼連結音樂?
曉恩
2016-06-10 22:40 透過電腦版 回應

請問到底要怎麼連結音樂?

可以以國語來表達嗎?謝謝
因為本人的頭腦...有些零件有點...嗚嗚
謝謝
小牙
2012-08-30 10:00 透過電腦版 回應

看來還蠻實用的
收起來先放著
朽木凋
2012-07-16 21:28 透過電腦版 回應

看起來好複雜(其實是你懶得看吧= =)
感覺我電腦白學了(掩面
回覆:2012-07-17 22:02 哈哈,學習是不分早晚的
你學的那些我也都不會啊~!!!!(大嘆)

其實這些很簡單,把語法複製下來就好了唷!!!!!
用在POPO很方便的:)
.
2011-07-29 18:16 透過電腦版 回應

哇!
妳變成老師了呢!
回覆:2011-07-30 14:32 還不都是要靠網路的功勞XDD

作者其他作品