設萬維讀者為首頁 萬維讀者網 -- 全球華人的精神家園 廣告服務 聯繫我們 關於萬維
 
首  頁 新  聞 視  頻 博  客 論  壇 分類廣告 購  物
搜索>> 發表日誌 控制面板 個人相冊 給我留言
幫助 退出
     
  砂之痕
  您想把生活中曾有過的 "感動" 留在哪? 我幸而擁有許多感動,那怕在46億年的分子演化中,它只是 …
網絡日誌正文
常用語法列表 (討論版篇) 2008-06-23 00:08:20

這是一些簡單的製作網頁的 html 語言,下一些指令,我知道的不多,但有粉多網頁教學可以查。
較完整的html網頁教學:
http://www.gzsums.edu.cn/webclass/html/html_design.html

http://www.admin5.com/html/

http://www.enet.com.cn/eschool/zhuanti/easyhtml/

html= hyper text markup language = 超文本標記語言 
html
以經成為各種瀏覽器的通用標準,並獨立於各種操作系統平台。 
html
不是 程序 語言,它只是一種 標記 語言,一種 文本 語言。 
html
的重要性:是所有瀏覽器都能識別的語言,是瀏覽器生成網頁的基礎。 
不管你採用哪種技術,哪種語言最終都以html的形式輸出。

一般html 語言指令都為給它一個\"籬笆\" \"<\" ,右邊 \">\",指令就下在 <>之間

 

網頁常用的語法轉貼資料於下:

 

 

常用語法列表
(討論版篇)

 

.字體變化

1.字體大小<font size=數字>要輸入的文字</font> 數值介於1~7

 

2.字體顏色<font color=#色碼>要輸入的文字</font> 可參照 色碼表 

 

3.位置<p align=位置>要輸入的文字</p>  center=字體居中;left=字體靠左;right=字體靠右

 

4.改變字型<font face=字型名稱>要輸入的文字</font> 網頁默認值為新細明體。

 

5.跑馬燈
往左 <marquee behavior=scroll direction=left>要輸入的文字</marquee>
往右<marquee behavior= scroll direction=right>要輸入的文字</marquee>
左右滑動 <marquee behavior=alternate>要輸入的文字</marquee>

效果: 
往左
要輸入的文字
往右 要輸入的文字
左右滑動 要輸入的文字

6.其它
粗體<B>要輸入的文字</B>
斜體<I>要輸入的文字</I>
底線<U>要輸入的文字</U>

 

 

範例某段文字設定條件(大小為2、紅色、置中對齊、標楷體、粗斜體)
<p align=\"center\"><font size=\"2\" face=\"標楷體\" color=\"#FF0000\"><b><i>要輸入的文字</i></b></font></p>

 

 

.水平線:<hr>

 

.貼圖:<img src=\"圖片網址\" border=框線大小 width=\"圖片寬度\" height=\"圖片高度\">
若不想加框時,border=0即可;圖片寬高數值若不設定,則以原圖大小顯示。

 

.超鏈接:
1.文字連結<a href=\"連結網址\">要顯示的文字</a>
2.另開新窗口<a href=\"連結網址\" target=\"_blank\">要顯示的文字</a>
3.圖片連結<a href=\"要連結的網址\"><img src=\"圖片地址\"></a>

超鏈接 

超鏈接是html語言的精華。 
html語言中使用a標記來創建超鏈接 

文件鏈接
<a href=\"url(
必選項)\" target=\"目標(可選項)\" title=\"鼠標放上時顯示的文字(可選項)\">文本</a> 
錨點鏈接
如何定義錨點?????????????? 
<a href=\"#fragment\">
鏈接到本頁面的指定位置</a> 
<a href=\"http://server/parth/xxx.html#fragment\">
鏈接到其它網站頁面的指定位置</a> 

郵件鏈接: <a href=\" e-mail addr\">e-mail addr</a> 

圖片鏈接 <img src=\"圖片網址\"/>圖片網址</img
圖片創建鏈接<a href=\"網頁網址\"><img src=\"圖片網址\"/></a> 

 

.   播放器:

 

(註:在萬維此處日誌輸入對話頁上面icon第三行,按下最右邊三個圖示for flash for avi, wmv,asf for rm, ra,ram依想顯示檔案的副檔名,  就能出現對話匡,輸入網址即能自動連結在網頁上呈現各種不同格式的音樂或影片。

1.背景音樂:<bgsound src=\"網址\" loop=\"循環次數\">
 這個語法並不會顯示播放面板,通常使用於midi音樂,需要無限循環播放時,loop=-1

 

2.音樂/影片: <embed src=音樂地址>
 支持音樂類型:midiWMAWMVASFMPGAVImp3m3uswf

 

 

常用參數的設定...

*關於尺寸
尺寸參數 width=寬度 height=高度
範例:embed src=檔案地址 width=寬度 height=高度〉

 

*自動播放:
如上的最簡潔寫法,其預設就是自動播放。如果不想自動播放,加入參數 autostart=false 即可,
範例:embed src=檔案地址 autostart=false>

 

*循環播放:
如上的最簡潔寫法,其預設就是不會循環播放的,就只播放一次。如果要循環播放,加入參數 loop=-1 即可,
範例:<embed src=檔案地址 loop=-1>

 

*隱藏進度尺:
範例:<embed src=檔案地址 ShowTracker=false>

 

*隱藏跳選功能:
範例:<embed src=檔案地址 ShowPositionControls=false>

 

*隱藏音量控制及靜音鈕:
範例:<embed src=檔案地址 ShowAudioControls=false>

 

*預設的音量大小
語法如果沒有寫任何關於音量大小的設定,播放時預設的音量大小約是50%的音量。如果希望一開始播放就以100%的最大音量播放,可以加入參數 Volume=0
範例:<embed src=檔案地址 Volume=0>

 

*信息窗口
只要加進這句參數 ShowStatusBar=true,播放Bar下方便會多出一行信息窗口。這個參數會秀出很多有用信息如下載進度、播放進度、曲名、藝人名稱.......等等,可以讓瀏覽者大概掌握到底要等多久才會開始播放,不用痴痴望着屏幕發呆。
範例:<embed src=檔案地址 ShowStatusBar=true>

 

*隱藏面版:
只要加上這句參數 hidden=true,整個播放面版就會不見,什麼都看不到,但還是會播放歌曲 (只要你沒有取消自動播放)
範例:<embed src=檔案地址 hidden=true>

 

 

這些語法可直接用在<b>發表評論</b>的對話框裡,至於日誌得進入到對話框下頭的原代碼頁編寫,回到編輯框看結果及上傳(千萬不可在原代碼頁按修改鍵,否則全頁將顯示為代碼,不小心按錯也不用擔心,回編輯頁按全選、剪下,進入原代碼頁貼上即可修復。)

 

簡表 

超鏈接 

 

 

文件鏈接

<a href=\"網址\">名稱</a>

 

圖片鏈接

<img src=圖片位置>

 

圖片創建鏈接

<a href=\"網址\"><img src=圖片位置></a>

 

 

 

 

文字變化

 

 

上標

上標<sup>上標</sup> 

上標 上標

下標

下標<sub>下標 </sub>

下標 下標  

粗體

粗體<b>粗體</b>

粗體 粗體

斜體

斜體<i>斜體</i>

斜體 斜體

下劃線

下劃線<u>下劃線</u>

下劃線 下劃線

刪除線

刪除線<s>刪除線</s> 

刪除線 刪除線

大字體

大字體<big>大字體</big> 

大字體 大字體

小字體

小字體<small>小字體</small>

小字體 小字體

 

玩到不行篇

    <CENTER><FONT style=\"COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%\"><B>要設置的文字</B></FONT></CENTER>

要設置的文字

 

發光字體代碼 

    </textarea><table style=\"FILTER: glow(color=發光背景顏色代碼,direction=2)\"><font color=發光字體顏色代碼 size=2>要設置的文字</font></table>

    小技巧:在設置狀字體的時候,如果把字體前加上@,會產生文字平躺的效果.

      <font face=\"@黑體\">大家好</font>

要設置的文字

 

 

文字左右反轉

    <table style=\"Filter:FlipH\">左右反轉</table>

 

左右相反

 

文字上下反轉

    <table style=\"Filter:FlipV\">上下顛倒</table>

 

上下顛倒

 


(以下效果未顯現。。。參考用)

3D文字效果

    <style type=\"text/css\">

    .3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% } 

    </style>

    <table border=\"0\" width=\"100%\">

    <tr>

    <td width=\"100%\" class=\"3dfont\"><font color=\"#008040\">要設置的文字</font>

 

高斯模糊字體

    <span style=\"position:relative; width:200; height:50; filter:glow(color=#9933cc,strength=4); margin-left:4px\">

    <p>要設置的文字</span>

 

Blur風吹效果

    <table style=\"Filter:Blur(add=1,direction=45,strength=5)要設置的文字</table>

    add:是否要在已經使用Blur濾鏡上的html對象上顯示原來的模糊方向,0表示不顯示

    direction:模糊方向

    strength:模糊半徑大小,單位像素,默認為5,取整

    Glow濾鏡(光暈效果)

    <table style=\"Filter:Glow(color=#FF0000,strength=5,direction=2)\">要設置的文字</table>

    color:光暈顏色,需用代碼形式

    strength:光暈強度,選擇型參數,默認為5

    direction:光暈方向,選擇型參數

    Shadow濾鏡(陰影效果)

    <table style=\"Filter:Shadow(color=#ff0000,direction=45)\">要設置的文字</table>

    color:陰影顏色,需用代碼形式

    strength:陰影強度,選擇型參數,默認為5

    direction:陰影方向,選擇型參數

    DropShadow(投影效果)

    <table style=\"filter:dropshadow(color:#6600FF,offx=1,offy=1)\">要設置的文字</table>

    color:設置投影顏色

    offx:在橫坐標上的偏移,單位是像素

    offy:在縱坐標上的偏移,單位是像素

    positive:設置是否從對象的非透明像素建立陰影   

 

 

參考資料:

http://hk.geocities.com/bokey2006/share.htm

http://www.gzu521.com/campus/article/design/200612/122471.htm

http://www.admin5.com/html/html_tutorials/100_html_examples.html

http://stuck.myweb.hinet.net/c/html_formatting.htm

http://202.99.120.116:82/gate/big5/publish.it168.com/2006/0111/20060111058801.shtml

http://kkx3.net/xanga/p012.php

 


中西入學智力、性向測驗


http://www.schools.nsw.edu.au/media/downloads/schoolsweb/learning/k_6assessments/ss/shstest3ga.pdf

 

瀏覽(901) (0) 評論(2)
發表評論
文章評論
作者:ebola 留言時間:2008-06-24 06:20:56
Gege

不客氣,偶也順便複習一下那些曾經玩到不行的東東 :)
回復 | 0
作者:gege 留言時間:2008-06-23 07:43:10
Thanks, ebola. This should be a good reference for our dear WW bloggers who want to make their page fancier.
回復 | 0
我的名片
ebola
註冊日期: 2008-01-09
訪問總量: 1,008,661 次
點擊查看我的個人資料
Calendar
最新發布
· 總統大選Kuso集 -- 超級懶人包
· 比誰老得快? 台灣勇奪世界冠軍
· KV9: The Tomb of Ramesses V &a
· The Book of Caverns
· 法揚書 (Book of the Fayum)
· 結實累累
· 在國立編譯館國小課本裡懷舊
分類目錄
【分類目錄導覽】
· 砂之痕
· 擁有與享有
· 漫遊形上
· 文化今昔
· 生醫拼圖
· Ouroboros
· 飲盡美麗
【擁有與享有】
· 結實累累
· 在國立編譯館國小課本裡懷舊
· Canto Della Terra Sarah Bright
· 聽~男歌手
· 聽 ~ 辛曉琪 -
· 聽~ 萬芳
· 我的國, 我的家
· The Mom Song
· 給爹娘寫信
· 台灣的愛與寂寞 - 一位瑞士人類
【漫遊形上】
· 道之圖說 (ZT)
· Cool animated optical illusion
· Rob Gonsalves
· 跳動的靈魂之窗
· 幾何錯覺 (Geometric illusory
· 相對論
· upside down illusion
· Brain teasers
· 漫遊形上
· Perception
【飲盡美麗】
· The Trojan war (2) – The Judge
· The Trojan war (1) -- Helen an
· Leda and the Swan
· Tristan and Iseult
· Circe
· Medea and Jason
· Myths of Creation & Promet
· Pandora
· Psyche and Cupid
· Orpheus and Eurydice
【砂之痕】
· KV9: The Tomb of Ramesses V &a
· The Book of Caverns
· 法揚書 (Book of the Fayum)
· Temple of Kom Ombo
· Amduat
· The Major Egyptian Books of th
· 阿肯納頓與那芙蒂蒂
· 帝王谷(Valley of Kings) –I. 圖
· 路克索阿蒙神殿(The Temple of
· 卡納克 阿蒙神廟(The Amen temp
【Ouroboros】
· 庫瑪麗女神廟(Kumari Bahal)
· Boudhanath Stupa and Swayambhu
· Parasurama
· Trivikrama
· 人獅那羅辛哈(Narasimha )--
· Vishnu 第三代化身筏羅柯(Varah
· 攪拌乳海(Churning of the Sea
· 毗濕奴神的第一代化身 —— 魚 馬
· Ouroboros
【數字會說話】
· 比誰老得快? 台灣勇奪世界冠軍
· 幾份臺灣兒教體檢單
【Man vs Woman】
· Are you hooked on love
· Man vs. Woman (1)
· Man vs. Woman (2)
【文化今昔】
· 總統大選Kuso集 -- 超級懶人包
· 土耳其之旅(4) -- Ataturk Mauso
· 體驗台灣-走進七股瀉湖的水鄉濕
· 土耳其之旅(3) -- 古城貝加蒙 Pa
· 土耳其之旅(2) -- 古城 Efes以弗
· 土耳其之旅(1) -- 聖母瑪利亞之
· 萊茵河遊船 (Rhine cruise)
· 徵聯:愛晚亭,亭中停,亭停人不停
· Did you know?
· 寄生鯰 Candiru
【觀指觀月】
· 災難常態化! 現代諾亞方舟航向
· 道德常常能彌補智慧的缺陷,然而
· 心之痕
· 倒塌的校舍
· 五隻猴子的故事及其升級版進階版
· 地震防災手冊
· 自我防衛機制
· Maslow's Hierarchy of Nee
· Mind Control Cults
· 情緒ABC理論
【生醫拼圖】
· 網路追追追/吃香蕉 愈黑愈好?
· 應應景:春節後遺症.....啤酒肚
· 木乃伊與疾病
· 過敏 (1)
· 睡眠與夢
· 西菲利斯的前塵往事
· 打開的「潘朵拉之盒」
· The Hijacking of the Amygdala
· 催眠
· 永夜的魔咒
存檔目錄
2012-01-13 - 2012-01-13
2011-07-07 - 2011-07-07
2011-04-16 - 2011-04-27
2011-01-15 - 2011-01-15
2010-12-23 - 2010-12-23
2010-10-07 - 2010-10-07
2010-09-19 - 2010-09-19
2010-08-17 - 2010-08-17
2010-07-18 - 2010-07-26
2010-06-05 - 2010-06-05
2010-05-11 - 2010-05-23
2010-04-05 - 2010-04-26
2010-02-10 - 2010-02-27
2010-01-05 - 2010-01-26
2009-12-08 - 2009-12-29
2009-11-04 - 2009-11-24
2009-10-16 - 2009-10-23
2009-09-17 - 2009-09-20
2009-08-04 - 2009-08-31
2009-07-15 - 2009-07-15
2009-06-06 - 2009-06-20
2009-05-15 - 2009-05-15
2009-04-18 - 2009-04-23
2009-03-13 - 2009-03-28
2009-02-01 - 2009-02-27
2009-01-03 - 2009-01-31
2008-12-04 - 2008-12-16
2008-11-05 - 2008-11-22
2008-10-05 - 2008-10-30
2008-09-01 - 2008-09-30
2008-08-05 - 2008-08-29
2008-07-03 - 2008-07-31
2008-06-03 - 2008-06-29
2008-05-02 - 2008-05-31
2008-04-02 - 2008-04-29
2008-03-01 - 2008-03-31
2008-02-03 - 2008-02-28
2008-01-09 - 2008-01-31
 
關於本站 | 廣告服務 | 聯繫我們 | 招聘信息 | 網站導航 | 隱私保護
Copyright (C) 1998-2026. Creaders.NET. All Rights Reserved.