這是一些簡單的製作網頁的 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=音乐地址> 支持音乐类型:midi、WMA、WMV、ASF、MPG、AVI、mp3、m3u、swf…
常用参数的设定...
*关于尺寸: 尺寸参数 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
|