设万维读者为首页 万维读者网 -- 全球华人的精神家园 广告服务 联系我们 关于万维
 
首  页 新  闻 视  频 博  客 论  坛 分类广告 购  物
搜索>> 发表日志 控制面板 个人相册 给我留言
帮助 退出
     
  砂之痕
  您想把生活中曾有過的 "感動" 留在哪? 我幸而擁有許多感動,那怕在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

 

浏览(802) (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
访问总量: 972,179 次
点击查看我的个人资料
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-2024. Creaders.NET. All Rights Reserved.