最新頭像

(增加∼增加中)

語法教學

學完初步語法教學後 來試試看進階的吧 !!

                

 

 圖片教學

第一單元、基本概念分析

一般貼圖語法為<img src="圖片網址">,要如何運用這串語法,使圖片賦有更多變化呢?

<img height="16" src="圖片網址" width="25" border="1">

height 圖片高度 width 圖片寬度 border 框線粗細

看完圖片網址的分析後,希望能讓大家留下基本概念。

在此提醒各位,圖片網址的取得方法為右鍵→內容→網址。

網址尾端為圖片檔案類型,通常為gif、jag、png、bmp

 改變圖片大小

由“基本概念分析”可知,只要改變數字,就可以改變圖片大小。讓我們來看看heightwidth的使用效果。

<img height="高度" src="圖片網址" width="寬度">

改變前→ 改變後→

ps:過度放大會造成圖片馬賽克。

 

 增加圖片邊框

還記得“基本概念分析”看到的border語法嗎?那就是更改框線粗細的語法,讓我們來看看會有什麼效果。

<img height="高度" src="圖片網址" width="寬度" border="框線">

改變前→ 改變後→

ps:數值約1~3效果最佳 (範例是用2)

 

-----------------------恭喜你!進入下一單元----------------------

 

  字體教學

第二單元、基本字樣分析

不論是連結的字或公告的字,都有色彩和大小,要如何運用這些語法呢?

<font size="1" color="顏色">文本</font>

size 字體大小(可省略) color 字體顏色

 改變顏色

<font color="#FF0000">改變顏色</font>

呈現樣子: 改變顏色

<font color="#008800">改變顏色</font>

呈現樣子: 改變顏色

色碼錶取得請至這裡

 改變大小

<font size="1" color="可以改變我">改變大小</font>

size="1" 改變大小 

size="2" 改變大小

size="3" 改變大小 

size="4" 改變大小

size="5" 改變大小

-----------------------恭喜你!進入下一單元----------------------

 

  連結教學

第二單元、基本結構分析

在你的網站上,可以把任何一樣東西做成連結,讓它跳到另一樣東西上,<a href="連結網址">連結字樣</a>這就稱為「連結」。而連結和圖片一樣可以做多種變化,改變字體大小、顏色•••等。

 基本連結、改變連結字樣教學

<a href="http://www.neopets.com/...id=564796">~*夢幻天使領域*~</a>

以上語法是要連到夢域協會,呈現樣子為:

連結前→~*夢幻天使領域*~  連結後→~*夢幻天使領域*~

改變連結顏色教學↓↓

通常連結後的字會變成藍色,好讓別人看清楚。如果要改變字的顏色該怎麼做呢?

<a href="網址">我是範例</a>

先向大家介紹幾招改變連結顏色、粗細的語法:

粗體 <b>加粗</b> 

<a href="網址"><b>這是加粗</b></a>

呈現樣子→ 加粗

 

顏色 <font color="#FF0000">顏色</font> 

<a href="網址"><font color="#FF0000">顏色</font></a>

呈現樣子→ 顏色

Hosted by www.Geocities.ws

尼奧寵物網站版權所有(2005)。經授權使用。
~*夢幻天使領域*~經心製作 嚴禁擅自抄襲轉載 歡迎大家學習^__^
負責人:小怡
Hosted by www.Geocities.ws

1