圖案範例:Sfﾘ(H“J



* 語法:


<span style="color:#輸入顏色;weight:medium;font-size:輸入數字pt;font-family:wingdings;">輸入wingdings記號</span>

wingdings記號	J	K	L	Y	U	Z	T	[	M	N	{
顯示效果	J	K	L	Y	U	Z	T	[	M	N	{

wingdings記號	|	?	@	&	!	"	2	3	4	$
顯示效果	|	?	@	&	!	"	2	3	4	$

wingdings記號	%	'	(	)	:	8	7	<	=	+
顯示效果	%	'	(	)	:	8	7	<	=	+

wingdings記號	*	/	,	5	6	0	1	>	z	A
顯示效果	*	/	,	5	6	0	1	>	z	A

wingdings記號	B	C	D	E	F	G	I	a	b	c	~
顯示效果	B	C	D	E	F	G	I	a	b	c	~

wingdings記號	d	e	f	g	h	i	j	k	O	P	Q
顯示效果	d	e	f	g	h	i	j	k	O	P	Q

wingdings記號	R	S	\	€		‚	ƒ	„	…	†	‡
顯示效果	R	S	\	€		‚	ƒ	„	…	†	‡

wingdings記號	ˆ	‰	Š	‹	Œ		Ž			‘	’
顯示效果	ˆ	‰	Š	‹	Œ		Ž			‘	’

wingdings記號	¡	¢	£	¤	¥	«	¬	®	”	•	“
顯示效果	¡	¢	£	¤	¥	«	¬	®	”	•	“

*此篇原蕩漾銷魂無名小站
(發文日:September/18/ 2007 )
重新整理文章.再度發文!

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

特殊符號的原始碼它的功能是什麼?

解說:在文章編輯時.若要讓網友讀者Copy語法.
直接輸入< > " 等等此類符號.只會顯示語法的效果.
相對不會呈現語法原始碼.所以就必需用到特殊符號語法!


ex:文章呈現語法

<embed src="URL" width="?"height="?"></embed>

↓ ↓ ↓

編輯語法原始碼

<textarea rows="2" cols="20" onmouseover="this.select()">&lt;embed src="URL" width="?"height="?">&lt;/embed></textarea>

特殊符號原始碼

<

&lt;

>

>

&

&

©

©

▪

▪

"

"

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

* 基本

我是文字

<MARQUEE>輸入文字</MARQUEE>





* 設定寬度和高度

我是文字

<MARQUEE WIDTH="300" HEIGHT="50">輸入文字</MARQUEE>





* 設定速度

我是文字

<MARQUEE WIDTH="300" scrollAmount="5">輸入文字<MARQUEE>





* 設定由右邊出現

我是文字

<MARQUEE WIDTH="300" DIRECTION="RIGHT">輸入文字</MARQUEE>





* 設定左右來回

我是文字

<MARQUEE WIDTH="300" BEHAVIOR="alternate">輸入文字</MARQUEE>





* 設定左右來回次數

我是文字

<MARQUEE WIDTH="300" loop="輸入數字" behavior="alternate">輸入文字</marquee>





* 設定由下至上跑動

我是文字

<MARQUEE HEIGHT="50" HEIGHT="300" direction="UP">輸入文字</MARQUEE>





* 設定由上至下跑動

我是文字

<MARQUEE WIDTH="300" HEIGHT="50" direction="DOWN">輸入文字</MARQUEE>




* 設定上下來回跑動

我是文字

<MARQUEE WIDTH="300" HEIGHT="50"BEHAVIOR="alternate" direction="UP">輸入文字</MARQUEE>




* 設定背景顏色

我是文字

<MARQUEE WIDTH="300" STYLE="background-color:#輸入顏色;">輸入文字</MARQUEE>





* 設定背景插入圖片

我是文字

<TABLE border=0><TBODY><TR><TD background="輸入圖片網址" width="300" height="20"><MARQUEE width="300"height="20">輸入文字</MARQUEE></TD></TR></TBODY></TABLE>




(Html語法依每個人寫法有所不同.作者本身習慣以表格語法.
用DIV標籤語法也可以!)
上述語法.則圖片語法也是以此類推~
以上語法並非每個部落格能使用.因為有的部落格有語法上的限制!

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

▪ 隱藏自動音樂語法
(看不到)


<BGSOUND src="Mp3網址">



▪ MP3或WMA自動音樂語法







<embed src="MP3或WMA網址"width="70"height="25"></embed>



▪ MP3或WMA橫波紋語法自動播放




autostart="1"為自動播放
autostart="0"為不自動播放


<EMBED style="FILTER:wave (opacity=100 Style=1 FinishOpacity=0)black(); style: " src="MP3或WMA網址" width="70 height="25" type="video/x-ms-asf" autostart="1"></EMBED>




▪ MP3或WMA淺黃面版語法自動播放





<EMBED style="FILTER:invert (opacity=100 Style=1 FinishOpacity=0)black(); style: " src="MP3或WMA網址" width="70" height="25" type="video/x-ms-asf"autostart="1"></EMBED>


▪ MP3或WMA淺灰面版語法自動播放






<EMBED style="FILTER:xray (opacity=100 Style=1 FinishOpacity=0)black(); style: " src="MP3或WMA網址" width="70" height="25" type="video/x-ms-asf" autostart="1" ></EMBED>



▪ MP3或WMA淺黑面版語法自動播放






<EMBED style="FILTER:gray (opacity=100 Style=1 FinishOpacity=0)black(); style: " src="MP3或WMA網址" width="70" height="25" type="video/x-ms-asf" autostart="1" ></EMBED>

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

* 文字大小

ex:我是文字

size設定輸入數字



<font size="2">輸入文字</font>

---

* 文字顏色

ex:我是文字



<font color="輸入顏色">輸入文字</font>

---

* 文字粗體

ex:我是文字



<b>輸入文字</b>

---

* 文字斜體

ex:我是文字


<i>輸入文字</i>

---

* 文字加入刪除線

ex:我是文字




<s>輸入文字</s>

---

* 文字加入下線

ex:我是文字



<u>輸入文字</u>

---

* 文字加入背景色

ex:我是文字




<font color="#輸入文字顏色" style="background-color:#輸入背景顏色;">輸入文字</font><br />

---

* 文字指定字型

ex:我是文字


<font face="輸入字型">輸入文字</font>

---

* 文字指定直行

ex:

我是文字
我是文字
我是文字
我是文字
我是文字
我是文字
我是文字
我是文字
我是文字
我是文字

<div style=writing-mode:tb-rl>輸入文字</div>

---

* 文字指定上下

ex: ^{我是上面文字} 我是一般文字 _{我是下面文字}



^{輸入上面文字}_{輸入下面文字}

---

* 文字位置指定

ex:

我是左邊的文字

我是中間的文字

我是右邊的文字

<div align="left">輸入左邊的文字</div><div align="center">輸入中間的文字</div><div align="right">輸入右邊的文字</div>

---

* 文字指定陰影


ex:

我是文字

<div style="filter:dropshadow(offx=顯示後面文字垂直度輸入數字,offy=顯示前面文字垂直度輸入數字,color=#輸入文字顏色);width:100%; height:200%;">輸入文字</div>

---

* 文字指定發光陰影

ex:

我是文字

<div style="filter:shadow(color=#輸入陰影顏色,direction=輸入陰影垂直數字);width:100%; line-height:200%;">輸入文字</div>

---

* 文字加入背景圖片


ex:我是文字



<font color="#輸入文字顏色" style="background-image:url(輸入圖片網址) ";>輸入文字</font>

---

* 滑鼠移動至文字.文字消失

ex:

將滑鼠移過來這喔!

<DIV onmouseover="this.style.visibility='hidden';">將滑鼠移過來這喔!</DIV>

---

* 滑鼠移動至文字.隱藏文字顯示

ex:將滑鼠移過來這喔!

原來你真的想偷看我!

若同一篇文章.在語法上document.all.item('1').DIV ID="1" 數字要不同喔!
同一篇文章第二個語法等於是document.all.item('2').DIV ID="2".
否則第二個語法效果不會出現!




<SPAN onMouseover="document.all.item('1').style.visibility = 'visible';">輸入顯示的文字</SPAN><DIV ID="1" style="visibility:hidden;">輸入滑鼠移至後顯示的文字</DIV>

---

* 滑鼠移動至文字.文字變更

ex:

將滑鼠移過來這喔!

<DIV onmouseover="this.innerText='輸入滑鼠移至後顯示的文字'">輸入文字'</DIV>

---

* 滑鼠移動至文字.文字變粗體

ex:將滑鼠移過來這喔!



<SPAN onmouseover="this.style.fontWeight='bold'" onMouseOut="this.style.fontWeight=''">輸入文字</SPAN>

---

* 滑鼠移動至文字.背景色顯示

ex:將滑鼠移過來這喔!


<SPAN onmouseover="this.style.background='#輸入滑鼠移至後顯示的背景色'" onMouseOut="this.style.background=''">輸入文字</SPAN>


* 滑鼠移動至文字.文字大小改變

ex:將滑鼠移過來這喔!




<SPAN onmouseover="this.style.fontSize = 輸入數字;">輸入文字</SPAN>

---

* 文字指定透明度

ex:

我是文字

這是利用加上表格語法.讓文字呈現出有透明效果



<table style="filter: alpha(opacity=輸入50~90間透明度數字,finishopacity=輸入背景呈現出的深淺效果1~30之間的數字,style=輸入呈現出的效果1~3之間的數字);"><tr><td align="center"style="font-size:輸入文字的大小px;color:#輸入文字的顏色;background-color:#輸入背景色;">輸入文字</td></tr></table>

---

* 文字指定間距

ex: 我是文字




<font style="letter-spacing:輸入間距數字px;">輸入文字</font>

---

* 文字指定高度

ex: 我是文字.我是文字!我是文字.我是文字!
我是文字.我是文字!我是文字.我是文字!





<font style="line-height:輸入高度數字px;">輸入文字</font>

---

以上語法並非每個部落格能使用.因為有的部落格有語法上的限制!

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

* 一般文字超連結

ex: ■ 蕩漾銷魂-css樣式





<a href="輸入網址" target="_blank">輸入文字</A>

---

* 一般圖片超連結

ex:






<a href="輸入網址" target="_blank"><img src="輸入圖片網址"border="0"></A>

---

* 郵件文字超連結

ex: ■ MAIL





<a href="mailto:輸入信箱帳號" target="_blank">輸入文字</A>

---

* 郵件圖片超連結

ex:





<a href="mailto:輸入信箱帳號" target="_blank"><img src="輸入圖片網址"border="0"></A>

---

* 設定開啟視窗大小超連結

ex: ■ BBS






範例是文字超連結,圖片超連結以此類推.
top是設定高度,left是設定高度,以此類推.
width是設定視窗寬度,height是視窗設定高度.




<a href="javascript://" onClick="window.open('http://yanghunbox.web.fc2.com/2008/bbs-mini.html','','menubar=no,status=no,scrollbars=no,top=200,left=300,toolbar=no,width=420,height=400')">輸入文字</a>

---

* 加入我的最愛超連結

ex: ■ 加入我的最愛



範例是文字超連結,圖片超連結以此類推.




<a href="javascript:window.external.AddFavorite('輸入網站網址','輸入網站名稱')" onMouseOver="window.status='加入我的最愛';return true" onMouseOut="window.status=''; return true"><font color="#輸入文字顏色">輸入文字</font></a>

---

以上語法並非每個部落格能使用.因為有的部落格有語法上的限制!

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂

■ HTML是什麼?


HTML簡單來說就是我們現在所看到的網頁，
HTML語法和CSS語法兩者的差異性是，
HTML就像內在，CSS就像我們外面所穿上的衣服，
舉例目前大部份部落格，在文章編輯器就是使用HTML語法，
可是並非所有部落格，對於HTML語法是全都開放的，
像無名小站、奇摩文章編輯器是使用HTML語法，
但是卻有部份限制住HTML語法，導致無法呈現出效果!
所以學語法步驟是一步步慢慢來，勿想一步登天...
先把HTML語法基本學好，對於往後CSS語法就會會較上手。





■ HTML基本結構


* 網頁開始到結束

<HTML>～</HTML>


* 記敘網頁編碼、JavaScript、CSS語法等開始到結束

<HEAD>～</HEAD>


* 網頁標題開始到結束

<TITLE>～</TITLE>


* 內文開始到結束

<BODY>～</BODY>

<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML>

■ HTML編寫和上傳檔案




當網頁編輯完成，若是要上傳個人網站網址，
那麼預設首頁檔案需寫為「index.html」儲存檔案。

本站作者	>>
注意事項	利用規章 此文章禁止複製轉載於任何文章! 你可以利用於下列 (1)複製引用網址。 尊重他人.謝謝合作!by 漾魂