HTML初學者教學

 
初步了解:很多人都為HTML納悶,到底要怎麼使用,在尼奧能有什麼用處呢??

HTML其實中文有人稱呼"語法"或是"代碼",其實都是一樣的,有跟語法很像的CCS,不過在這裡我們用不到,最重要的是~用處是什麼...

相信很多人應該都有開商店吧?或是展覽館?應該都有看過很多漂亮的商店或是用戶頁面,HTML其實是寫網頁的代碼,不過這裡不需要到"寫網頁"這種大工程,HTML只是幫助我們裝飾商店.展覽館.用戶頁面而已.

HTML不必背下來,其實,現在已經有很多語法教學的網站,就擺放了各式各樣的HTML,初心者應該會納悶,怎麼使用這些語法呢??

 
使用範例:

<img src="圖片網址">

↑當有人提供這個語法時,首先你會看到中文字圖片網址,你就可以知道,其實這是放圖片的語法~

再來,你想使用這個語法,首先必須複製貼上到你想放的地方~
我們先從商店示範一下^^

前往創建/設置商店,然後你會看到"商店描述",那裡是不是有很大的框框給你填?^^ 那裡就是給你填語法的地方喔~

我們先貼上示範看看~

如果你貼上的語法是素材提供的語法,那你可以直接按"更新商店"
若是你像範例那樣,那我們的任務還沒結束~

不要把商店的網頁關掉,請在另外開一個網頁,然後你可以去找喜歡的圖片~

我們先試試看這張圖放進去的效果↓
http://images.neopets.com/caption/caption_647.
gif

有沒有看到我特地把網址弄成色的地方阿?記得網址尾端要gif或是jpg...等的圖檔~(圖檔名太多 無法一一舉例)

再來回到商店把圖片網址四個字刪除,放上http://images.neopets.com/caption/caption_647.gif

看看放上的語法樣子吧^^


再來就是"更新商店",所做的才都不會白弄哦~弄完記得到"店面"看看成果^_^

以往製作教學的成效都不太好,原因岀在大家不會舉一反三,其實很多語法的方法都是差不多,可是,教學只有教放圖的語法,所以大家只會放圖,而且是放"範例"那張圖....

各位,等你範例教學的方法練熟了,我們希望你嘗試其他的語法,這些都是靠經驗慢慢學會的~

像是很多語法也都是類似的方法

例如:

字體語法<font size=4 color=#008000>歡迎光臨</font>
成果就是      
歡迎光臨

size=4 是字體大小,你可以試著把4刪除,改成7 就變成...

                        歡迎光臨

字體大小最小1,最大是7

color=#008000 就是字體顏色,很多人都不知道要怎麼改字體顏色...

#008000 其實就是色碼,你可以到討論區教學找色碼表裡喜歡的顏色~

假如把#008000改成#E63F00,會變成...

                   歡迎光臨

當然~你也可以字體大小顏色都改~就變成...

<font size=7 color=#E63F00>歡迎光臨</font>

                              歡迎光臨

你若是不想要歡迎光臨,也可以更改成其他字~例如...

<font size=7 color=#E63F00>尼奧寵物最棒了!</font>

                             尼奧寵物最棒了!

大家可以試試看哦~^^舉一反三很重要,不必把語法看得這麼死板~~

 
圖片網址尋找:

大家一定會在一些網頁找到美美的圖,可是網頁不可能提供圖片網址給你,那你可以先對著你喜歡的圖片按右鍵...內容

按完內容會出現一個視窗,你會看到圖片網址,複製即可^^

還有一點注意,如果網頁已標明"禁止偷圖"等字樣,請你就不要複製圖片網址,畢竟是別人的圖,要多給別人尊重.

如果圖片無法出現,有兩個原因~

1.圖片已經被原作刪除,請你找其他圖片

2.你語法錯誤,再去檢查看看

 
最後謝謝你把語法教學看完,真是不容易~^_^

以前尼奧繁體中文剛出來時,尼奧中文教學網超少,那時大家找語法都找的很辛苦,尤其是看不懂英文的人,更是辛苦~~

現在四處都有語法教學,要尋找並不是難事,你若是語法出了問題,可以到討論區問,若是協會會員,可以到消息區問,也可以寄信問別人怎麼做到的~

不過,有些人預防抄襲,所以很少會透露太深的語法,問不到記得不要強問別人,不然會造成反效果哦!!

你可以到尼奧的疑難解答裡找HTML教學,那裡的資訊也很多哦~^^

最後祝你~學習愉快~~

尼奧寵物網站版權所有(2005)。經授權使用。
~*夢幻天使領域*~經心製作 嚴禁擅自抄襲轉載 歡迎大家提供資料^__^
負責人:麻呂(也叫響古)
1
Hosted by www.Geocities.ws