返回列表 回复 发帖
Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
1#
打印
tT
发表于 2007-8-18 16:20 | 只看该作者

HTML语法教学[入门指南]



看不到网页的请点击观看全屏



















收藏 分享 评分
回复 引用

订阅 TOP

Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
2#
发表于 2007-8-18 16:45 | 只看该作者
HTML语法简记
卷标 , 属性名称 , 简介
<! - - ... - -> 批注
<!> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
...字体颜色
...最小字体
<font style =font-size:100 px>...无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址>外部连结
<a href=地址 target=_blank>外部连结(另开新窗口)
<a href=地址 target=_top>外部连结(全窗口连结)
<a href=地址 target=页框名>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=180>设定图片宽度
<img src=图片地址 height=30>设定图片高度
<img src=图片地址 alt=提示文字>设定图片提示文字
<img src=图片地址 border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超级链接的分割窗口
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用于引经据典的文字
<CODE>...</CODE> 用于列出一段程序代码
<COMMENT>...</COMMENT> 加上批注
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字卷标
<DL>...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FORM ACTION> 设定户动式窗体的处理方式
<FORM METHOD> 设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT> 设定窗口的上下边界
<FRAME MARGINWIDTH> 设定窗口的左右边界
<FRAME NAME> 为分割窗口命名
<FRAME NORESIZE> 锁住分割窗口的大小
<FRAME SCROLLING> 设定分割窗口的滚动条
<FRAME SRC> 将HTML文件加入窗口
<FRAMESET COLS> 将窗口分割成左右的子窗口
<FRAMESET ROWS> 将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 划分分割窗口
<H1>~<H6> 设定文字大小
<HEAD> 标示文件信息
<HR> 加上分网格线
<HTML> 文件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
回复 引用

TOP

Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
3#
发表于 2007-8-18 16:46 | 只看该作者
HTML代码的基本应用
【帖子全屏显示】：


Quote:
<TABLE style="LEFT: -230px; WIDTH: 960px; POSITION: relative; TOP: 195px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center>帖子主体</div></td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br>


帖子左右距离调整LEFT后面的值；注意最下面一定要多加些换行代码：
否则帖子发出来
将看不到“编辑”按钮了


【图片边缘模糊】：


Quote:
<IMG src="图片连接" style="FILTER: Alpha(opacity=模糊宽度,style=3)" width=图片宽 height=图片高 ALGIN="MIDDLE">


“模糊宽度”比图片宽度窄才会有效果



【播放器边缘模糊】：


Quote:
<EMBED style="FILTER: Alpha(opacity=180,style=2)" src=音乐链接 width=120 height=30 type=audio/x-ms-wma autostart="1" loop="1">


效果自己调整opacity的值



【任意位置显示透明flash】：


Quote:
<EMBED style="LEFT: 292px; WIDTH: 900px; POSITION: absolute; TOP: 220px; HEIGHT: 1600px" align=right src=http://imgfree.21cn.com/free/flash/59.swf width=490 height=510 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>


LEFT: 距屏幕左边位置（象素值）px
TOP: 距屏幕顶端位置（象素值）px
WIDTH:宽
HEIGHT: 高



【带花边的播放器】：


Quote:
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: Xray" src=http://www.vooov.com/musicwma/WeAreTheWorld.wmv width=600 height=558 type=audio/mpeg loop="-1" autostart="0" volume="0"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
回复 引用

TOP

Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
4#
发表于 2007-8-18 16:47 | 只看该作者
HTML初级教程 -




HTML初级教程


html语言是一种标注语言,它是可以直接写出(不用软件)的,通过文字和标签的描述在论坛或网叶上显示的语言.所以学会了各种标签的用法,就是学会了html语言.


第一章:文字的插入


下面是一段贴文字的代码:
<font color=#ff4500 face=隶书 size=7>我们都是同学</font>

显示效果为:
我们都是同学

先看懂这个代码:
font
做文字标签的专用元素,
color, face, size
描述文字形态的三大属性(见以下详细说明)
/font
表示贴文字结束,俗称收尾.

写法说明:
元素前后加上小于号<和大于号>就组成了标签,
标签分开始和结束两种,元素前再加一条斜杠/就成了结束标签,
由开始标签 (如上面的<font ..............>) 内容(如上面的"我们都是同学") 结束标签(如上面的</font>) 就组成了代码的三大要素.
属性就是专门用来描述内容元素的,他必须写在开始标签里(如上面的:color=ff00ff face=黑体 size=7)
写代码时,注意属性之间要有一个空格,不能多也不能少.
代码字母的大小写效果是一样的.

文字的三大属性就是专门用来描述文字的颜色,字体,大小的,下面分别介绍他们:
color=
颜色属性,用来描述文字的颜色,他的值可用英文颜色名称或十六进制数表示.(见附表)
face=
字体属性,用来描述文字的字体,他的值很多,我们看到的宋体,楷书,隶书,华文新魏,华文彩云等等都是,关键是只有你电脑里装有的字体才会显示.(自己电脑里有那些字体到控制面板里找"字体"即可知道)如没有,浏览器默认为宋体.
size=
大小属性,用来描述文字的大小,他的值1到7,7最大.(再大就要用CSS的方法了)

几个常用的对文字修饰的标签:
1.<b>粗体字</b> 对指定的文字加粗.
效果:.粗体字
2.<i>斜体字</i> 对指定的文字变斜.
效果:斜体字
3.<u>下划线</u> 在指定的文字下面划线.
效果:下划线
说明:这些标签不支持任何属性,所以它自己也没属性.每对标签只起一个特定作用,使用时只要在指定的文字前后分别加进开始,结束标签,这段文字就会显示你的指定.

在文章中加一条水平线的方法,如绿线:
代码:<hr color=#00ff00 width=360>
效果::

width=
横向宽度,他可以绝对值,如360,也可以相对值,如80%.
color=
线条颜色.

文字的简单编排:
标准的论坛,必须用代码来控制文章的空行空格,
常用的有:
<br>
换行标签 (换行后不空行) 换行没有结束标签.
<p>...</p>
分段标签 (换行后再多空一行,段落结束后也再多空一行)
&nbsp
空格标签,多个空格用符号;隔开.
而用标签<pre>和</pre>包起来的文字可保持书写的效果.


附表:







第二章:图片的插入


下面是一段贴图片的代码:
<img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=500>

显示效果为:


先看懂这个代码:
img
贴图片的专用元素,
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写图片地址.
width=
宽度属性,用于设定图片的宽度.

还有几个常用的属性:
border=
边框厚度,给图像加个框,这个框的颜色默认值是黑色.
height=
图片高度,除特殊需要一般不写为好,只写宽度,高度会按比例显示.(当然,有时需定高度,那就不写宽度,也一样比例正常) 宽和高都不写,则显示图片的原始尺寸.
align=
位置属性,指定图片安放的位置,他的值有:
top 靠上
absbottom 靠下,
left 靠左
right 靠右
center 居中
注:
1.这个位置属性可以不写,浏览器默认为靠左.
2.有的版本不识别align=center,那就将<center>和</center>放在图片代码两边,图片就居中了.

加框:
代码:
<img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=360 border=6>

显示效果为:



居中:
代码:
<center><img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=360></center>

显示效果为:



取得图片地址的方法:
对准图片点右键,出现对话框(如下图),左键点属性,再双击地址涂蓝,最后复制.





现在很多取得的地址不能正常显示(发图者设置障碍)
只能下载后,再上传到你贴图的论坛或不设反盗链的论坛,取得新的图片地址,

下载图片的方法:对准图片点右键,出现菜单(上上图),左键点"图片另存为",出现对话框(下图).保存格式一般为jpg或gif.填上名称再点保存即可.



自己文档里的图片必须上传后取得地址才可用代码贴出.
上传方法:在上传框里点浏览,左键对准要上传的图片双击,把帖子发出即可,图片会以附件的形式出现.就有新的地址了.

给几个可上传的地址:
http://picsplace.to/index.php (可上传FLASH等,会直接给出地址)
http://adu.bbs.topzj.com/ (老试贴区,开放2048 kb)





第三章:移动的运用


下面是一段贴文字移动的代码:
<marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1>
<font color=#00ff00 size=7 face=华文新魏>同学们好 </font> </marquee>

显示效果为:

同学们好

先看懂这个代码:
marquee
这是移动的专用元素.
他的属性如下:
direction=
移动方向,值有:
   up 向上移动,
   down 向下移动,
   left 向左移动,
   right 向右移动,
      注: 这个移动方向属性可以不写,浏览器默认为向左.
behavior=
移动方式,值有: scroll 不停的走; slide 只走一次
behavior=alternate
左右来回走,与direction不能同用.
width=
移动宽度.
height=
移动高度.
scrolldelay=
延时,延时一般设在80,延时数值大了,显示效果会跳跃式.
scrollamount=
移动速度,值从1开始越大越快.

(移动放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把移动看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.)


来回移动:behavior=alternate

请大家试试,试了才能印象深刻

代码:
<center><marquee behavior=alternate width=390 height=15 scrolldelay=5 scrollamount=2><font color=#ff0000 size=5 face=华文新魏>请大家试试,试了才能印象深刻</font></marquee></center>

移动还可以加入背景颜色或背景图,背景显示的范围就是移动设定的宽和高. bgcolor:背景颜色属性. background:背景图属性.


加背景颜色:bgcolor=#aaeeaa

请大家试试,试了才能印象深刻

代码:
<center><marquee behavior=alternate width=390 height=15 scrolldelay=5 scrollamount=2 bgcolor=#aaeeaa><font color=#ff0000 size=5 face=华文新魏>请大家试试,试了才能印象深刻</font></marquee></center>


加背景图:style="background-image:url(http://adu.bbs.topzj.com/attachments//10/96/1096/forumid_27181/k1_RkKDtr7WLT6S.gif)"

http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/11/02/k1_YGP283FJ7QCK.gif)">请大家试试,试了才能印象深刻

代码:
<center><marquee behavior=alternate width=390 height=15 scrolldelay=5 scrollamount=2 style="background-image:url(http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/11/02/k1_YGP283FJ7QCK.gif)"><font color=#FFFFFF size=5 face=华文新魏>请大家试试,试了才能印象深刻</font></marquee></center>
注:用这个加背景图代码发帖时,一定要在 禁用 URL 识别 前打勾.


图片的移动:只要将上面的文字换成图片就可以了.其实只要将移动的起始和结束标签放在任何的两头,都可以动起来.

代码为:
<marquee direction=left behavior=scroll scrolldelay=10 scrollamount=2><img src="http://www.ran.co.jp/Sozai/H1611146/021487.gif"> <img src="http://www.ran.co.jp/Sozai/H1611143/009976.gif"> <img src="http://www.ran.co.jp/Sozai/H1611149/035728.gif"> <img src="http://www.ran.co.jp/Sozai/H161114A/037935.gif"> <img src="http://www.ran.co.jp/Sozai/H161114D/048174.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/054680.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/054681.gif"> <iimg src="http://www.ran.co.jp/Sozai/H161114D/048178.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/054678.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/055440.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/055441.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/055442.gif"> <img src="http://www.ran.co.jp/Sozai/H161114C/045249.gif"> <img src="http://www.ran.co.jp/Sozai/H161114E/055819.gif"> <img src="http://www.ran.co.jp/Sozai/H1611145/019034.gif">
</marquee>



第四章:音乐的插入


下面是一段贴音乐的代码:
<bgsound src="http://www.asia-records.com.tw/mAsia/listen/26703_2.mp3" loop="1">

效果就是我们听到的音乐
bgsound
内部媒体的专用元素,用他做的标签可以用来插入wav wma mid mp3等格式的音乐.
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写音乐地址.
loop=
播放次数的属性,值用自然数,无数次用"-1"或"infinite"来表示.

用bgsound做的标签不产生任何视觉效果.只播放音乐.
这个代码随便放哪里效果是一样的,建议单独放在表格外方便些.


也可用显示播放器的方法播放音乐:



代码:
<EMBED SRC="音乐地址" loop=true width=390 height=43>

EMBED
多媒体的专用元素,
true:也起播放无数次的作用.
width=390 height=43
播放器的宽和高.
用播放器可调节音量,暂停等.
也可将播放器的宽和高都设为0而隐去播放器.

他们的区别:
用bgsound一定要下载完了才能听到歌声,下载慢了开始会听不到声音.
用EMBED时边下载边放,下载慢了第一遍声音会断断续续.


有时需要深色的播放器:


代码:
<EMBED SRC="音乐地址" loop=true style="FILTER: xray" width=390 height=43>

警告:已有音乐的叶面就请不要再贴音乐了.




第五章:FLASH的插入


下面是一段贴FLASH的代码:

<embed src="http://www.long21.net/card/main/0404/0404160f.swf" width=360 height=280></embed>

显示效果为:


embed
插入多媒体的专用元素,常用来贴FLASH和音乐.
width=
height=
视频图像的宽和高.


FLASH的功能有两种:
一种直接贴出,显示动画片,有的还带有音乐.
另一种要去掉背景来装饰图片,如下雨,闪电等,称作透明FLASH.

下面是一个透明FLASH.


代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280></embed>

透明处理后效果:


代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>

wmode="transparent"
透明属性.

加到图片上的效果:



代码为:
<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/b0070090039_Uu3asI5AtP3e.jpg" width=490 height=450><tr><td align=center><embed src="http://imgfree.21cn.com/free/flash/92.swf" width=490 height=360 wmode="transparent"></embed></td></tr></table>

很明显,红色代码就是透明FLASH.
透明FLASH加到图片上,关键是要将图片作背景图.
要用做表格的方法才能将图片设为背景图(下一节讲表格制作)

一张背景图上可以重叠几个透明FLASH,
只要将位置代码align=right放到标签里:
<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>

下面放了四个透明FLASH:



代码:

<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="http://adu.bbs.topzj.com/attachments//10/96/1096/forumid_27181/b0070090039_w1E680uFCJha.jpg" width=490 height=450><tr><td align=center>

<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=490 height=290 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/62.swf" width=160 height=130 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/89.swf" width=360 height=280 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/16.swf" width=490 height=290 wmode="transparent"></embed>

</td></tr></table>


透明 FLASH放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把FLASH看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.



第六章:框(表格)的制作


表格的主要功能是做各种列表,我在这章里只谈与做音画帖有关的内容.
主要讲边框做法,背景图处理方法和内容的排列要点.

一.表格的基本语法.

先看一个最简单的表格:

文字和图片


代码为:
<table width="450" height="350" border="18" cellspacing="10" cellpadding="10" align="center" valign="middle" bgcolor="#55632F" bordercolor=#6b8e23><tr><td>文字和图片</td></tr></table>

代码里的:
<table.........><tr><td>文字和图片</td></tr></table>
就组成表格的基本语法:开始标签,内容,结束标签.

这三个标记<table><tr><td>是定义表格的最重要的标记，可以说只学这三个己足够了.

先看懂这个代码:
table
这是一个做表格的元素,要描述内容的属性都写在由它组成的开始标签里,
tr
描述列的元素.
td
描述格的元素.
列就是从上到下的行,格就是每行里的格(大概意思)这些知道就行了,不在学习范围内.

它的属性常用的有:
width=
表格宽度，接受绝对值（如180）及相对值（如 80%,相对可显示的宽度）
height=
表格高度，接受绝对值（如 180）
border=
表格框的厚度.
cellspacing=
表格格线离边框距离
cellpadding=
文字图片离格线的距离.
align=
表格的摆放位置（水平），可选值为： left, right,center(左，右，中心)
valign=
表格内字画等的摆放贴位置（垂直）可选值为： top, middle, bottom。(顶，中间，底部 )
background=
表格的背景图，与 bgcolor 不要同用。
bgcolor=
表格背景颜色，与background 不要同用.
bordercolor=
表格边框颜色.
bordercolorlight=
表格边框向光部分的颜色.
bordercolordark=
表格边框背光部分的颜色,(使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效)

二.边框的制作.

1.颜色框:

简单地只要写上表格边框颜色属性 bordercolor 和边框的厚度属性 border,再写上表格的宽 width 和高 height 就会显示一个你所指定的颜色框.据此写一个代码:

<table bordercolor=#00FF00 border=8 width=360 height=250 cellspacing=0><tr><td>文字和图片</td></tr></table>

显示效果为:

文字和图片


这里多写了一个格线属性cellspacing=0,格线就是那根细线(打表格用的)不写格线属性浏览器就默认为1.我们不需要格线时,请一定写上cellspacing=0,这个默认有时会捣乱的.
下面是不写的效果:



下面讲几个有关框的常识问题.

居中:将位置属性align=center放到开始标签里,这个框就居中了:

<table align=center bordercolor=#00FF00 border=8 width=360 height=250 cellspacing=0><tr><td>文字和图片</td></tr></table>

显示效果为:

文字和图片


定好尺寸的框仍会被撑大:框定好宽和高以后,如果放在里面的内容大于它,则按大的显示.例如还是上面那个尺寸的框,放进一张大的图片:

<table align=center bordercolor=#00FF00 border=8 width=360 height=250 cellspacing=0><tr><td>
<img src=http://adu.bbs.topzj.com/attachments//10/96/1096/CX024_L_YmgblJL6TXgY.jpg width=460>
</td></tr></table>

显示效果为:



这个原理要注意两点:
a.有时按需要定好框的尺寸,不容许再变的,那就要注意放进去的内容不能大于框的尺寸,以免撑大.
b.因为放进去的内容会撑大框,有时干脆不写表格的尺寸,让内容自动撑大反而会服贴.(所以,上面代码里不写width=360 height=250效果是一样的)

2.素材框:

利用素材图片做框的原理是:把素材图片做成各种背景图,再把背景图一张张覆盖上去,每后一张都比前一张小一点,这些边上露出来的小一点就组成了一个框的效果.
边框要做多少层就要做多少个背景图,要做成多少个背景图也就是要做多少个表格.每后一个表格都要放到前一个表格里.
要使每后一张都比前一张小一点的方法:只要在前一张代码里设定格线厚度cellspacing=就行了,设定多大就露多大,
在 白羽 的套装素材里(http://bbs.e-yu.cn/viewthread.php?tid=7538&extra=page%3D1&page=2)选了几款:





用第一张做背景图:
<table align="center" border="0" cellpadding="0" cellspacing="10" width="90%" background="http://bbs.e-yu.cn/attachments/month_0510/dreamgirlstrip22_ZsMc1O0qQTRb.gif"><tr><td>图与文字</td></tr></table>

图与文字


说明:
代码中设了格线cellspacing="10",这在下一张背景图放进去后才能看到,
表格宽用了相对值90%,相对可显叶面的90%.

下面把第二张做背景图,将格线设为5,width="100%".
<table align="center" border="0" cellpadding="0" cellspacing="5" width="100%" background="http://bbs.e-yu.cn/attachments/ext_gif/WQaU_grladystrip5.gif"><tr><td>图与文字</td></tr></table>

将它放到前一张里:

<table align="center" border="0" cellpadding="0" cellspacing="10" width="90%" background="http://bbs.e-yu.cn/attachments/month_0510/dreamgirlstrip22_ZsMc1O0qQTRb.gif"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="5" width="100%" background="http://bbs.e-yu.cn/attachments/ext_gif/WQaU_grladystrip5.gif"><tr><td>图与文字</td></tr></table></td></tr></table>

图与文字


同理再将第三张放进去(格线为2):

图与文字


再将第四张放进去(格线为6):

图与文字


放一张图片进去看看效果:



代码:

<table align="center" border="0" cellpadding="0" cellspacing="10" background="http://bbs.e-yu.cn/attachments/month_0510/dreamgirlstrip22_ZsMc1O0qQTRb.gif"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="5" width="100%" background="http://bbs.e-yu.cn/attachments/ext_gif/WQaU_grladystrip5.gif"><tr><td> <table align="center" border="0" cellpadding="0" cellspacing="2" width="100%" background="http://bbs.e-yu.cn/attachments/ext_gif/iPn1_timestrip1.gif"><tr><td> <table align="center" border="0" cellpadding="0" cellspacing="6" width="100%" background="http://bbs.e-yu.cn/attachments/ext_gif/VmAM_grladymaincolor.gif"><tr><td> <img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=460> </td></tr></table> </td></tr></table> </td></tr></table></td></tr></table>

注:对应的颜色就是表格对应的开始标签和收尾标签.


三.背景图的特点及处理方法.

这里讲的背景图是指最后一层显示的,在它上面可以放文字,图片,FLASH等等.

用表格做的背景图,它的显示特点是:
当表格尺寸大于背景图原始尺寸时,会复制背景图.
当表格尺寸小于背景图原始尺寸时,只显示背景图左上一部分.
为了看清楚效果,选一张人物图片做背景图:
(原始尺寸为140X140)
注:找图片原始尺寸的方法:鼠标右键点图片,出现菜单,左键点[属性]就看到了.

将它做背景图以后的效果:


代码:
<table border="0" cellpadding="0" cellspacing="0" width="390" height="230" background="http://aa.up.topzj.com/data/aa/76/94/5/a//d25/bbs025/76/94/76945/forumid_11459/m2m3_25XyxpWsOApf.jpg"><tr><td></td></tr></table>



代码:
<table border="0" cellpadding="0" cellspacing="0" width="90" height="90" background="http://aa.up.topzj.com/data/aa/76/94/5/a//d25/bbs025/76/94/76945/forumid_11459/m2m3_25XyxpWsOApf.jpg"><tr><td></td></tr></table>

处理背景图的方法:

1.选择花纹素材,如:

做背景后效果:

这样的图做背景被复制后不会变样.
素材库里这种类型的素材是很多的.

2.有时我们看到很漂亮的图片,想完整显示做背景,怎么处理呢?

根据背景图的特点,唯一的办法就是将将表格的尺寸设置得和图片的原始尺寸一致.
而且放进去内容的大小必须小于他,以免撑大.

如果图片的原始尺寸不满意,也只能改变它的原始尺寸.方法如下:



这张图的原始尺寸是 972X614 ,要把它改小.

先下载到自己电脑的图片收藏夹里,
找到画图软件(每个电脑都有)把这个图片打开,点上面的[图像(I)],点[拉伸/扭曲],出现如下对话框,将水平和垂直按同样比例扩大或缩小,点确定就可以了.



结果满意后,再点[文件],点[另存为],写上文件名点[保存]就完成了.注意图片格式为:jpg或gif.

下面是按55%缩小后的大小(535X338):



用它做背景图,放一张图和几个字上去表格也设为:width=535 height=338)

      



   祝:
 小芒果  生日快乐



代码

<TABLE align=center background=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/08JHVAB_6ESuWfX9LKzt.jpg width=535 height=338 border=9 bordercolor=#00FF00 cellspacing=6><TR><TD>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src=http://i19.photobucket.com/albums/b182/ellenool/loveu.gif width=160>
<BR><BR><BR><BR>
<P align="center">
<FONT style="FONT-SIZE: 40pt" color=#B22222><b>
<pre>
   祝:
 小芒果  生日快乐
</pre>
</b></FONT></P></TD></TR></TABLE>


四.图和文字放进框里的方法及注意点:

<table ......><tr><td>内容</td></tr></table>
将图和文字的代码从上到下按顺序代替上面的"内容"放到表格里.
代码安放的一些注意点:

1.竖向处理:,首先,表格属性里不写高 height ,这样可让内容自动撑高.
凡是要空行的地方可用换行标签<br>来设定,不够可以多加几个<br>,到满意为止,
也可用分段标签<P>......</P>,不够再加<br>,

2.横向处理:首先,在最后一层表格里写上文字图片离格线的距离属性: cellpadding= .不让内容靠边.
再强调一遍,放进去的所有内容的宽度不要大于框的内宽,为了美观还要它们小一点.
图片宽度好设定,文字一般也用<br>分行的方法来限定它的宽度

3.内容居中:将位置属性align=center放到最后一层表格的<td>标签里,框里的内容就会都居中了:
<table ......><tr><td align=center>内容</td></tr></table>


五.做表格最容易犯的错误

<table ......><tr><td>内容</td></tr></table>

音画帖往往做框用很多表格,里面又大框套小框的用很多表格,由于疏忽经常会出现少写或多写收尾</td></tr></table>,使得整个帖变形.
所以,做了几个表格,就必须有几组收尾标签,多一个少一个都不行.



第七章:怎样找源代码


看到好帖,怎样取它的源代码.

鼠标对准页面空地,点右键,出现菜单.
鼠标左键点"查看源文件",这一页的原代码就全部出显在你的记事本上.

或鼠标左键点浏览器上方的"查看"→"源文件",网叶原代码也会出现.

如何复制:
1.把你需要的代码涂蓝,对准你要的代码开始处或结尾处,按住鼠标左键拖到你需要的地方就涂蓝了.
2.左键点左上角"编辑"再点"剪切",把记事本上代码全部删除,再右键出现菜单左键点"粘贴",那些涂蓝的就留在记事本上,可以存档了.
或者右键点涂蓝处,出现菜单,左键点"复制",再右键点你要放的地方,出现菜单,左键点"粘贴"就把涂蓝的代码放好了.
新手千万不要怕麻烦,这个复制的基本功是必需的.

整页的原代码要找到你需要的,刚开始还有一定难度,办法就是要记住它的位置再到代码里找.比如(e-域)在18楼,那就在代码里出现"18楼"字样下面去找,熟悉了很快就可找到的.找到的代码还可以到"预览帖子"里去显示验证.
其实在找源代码的过程中,会增长很多新知识的.

但是如果你只是找一首歌的地址就容易些(因为在唱的一定只有一首)方法如下:
1.用上方法找出全部原代码(在你的记事本上)
2.依次点(记事本)左上"编辑---查找" 在弹出的“查找内容”对话框中输入音乐文件的后缀名,如.mp3,再按“查找下一个”按钮，不妨多按1、2次 。如果提示没有，则考虑依次输入后缀名.rm或者.wma,一般情况下歌的地址就会出现(涂蓝那块)注意后缀名前有一小点.
当然这种方法还可找其它的地址,
如找flash则输入.swf
如找图片.gif或.jpg等等....

必须强调一点,很多网站设置了防盗手段,一般方法取不了原代码



HTML初级教程就写到这里.教程难免有问题,请指正,随时会修正.

注:全文在所有属性后面都加了等于号,目的是为了大家复制后使用方便,





附言:

很多想学代码的新手总感觉无从着手, 谈谈我的学习体会:
1.多练,
建议在学堂单独开一个自己命名的学习帖,
可参考我的学习笔记:从一窍不通到小学毕业的记录:
http://bbs.e-yu.cn/viewthread.php?tid=10126&extra=page%3D1
关键要多动手,多练才能熟,熟了才能巧.
(前五章都是代码开头的,新手可先复制代码发表显示,再改变属性,内容变成自己的作品)
2.勤记.
单独设一个代码记事本,
学过的正确代码系统地记在记事本上,并把他发送到桌面上,
这样要用时复制代码就不易犯错.
3.多收藏.
所有喜欢的,包括音乐,图片,好作品,特效等都分门别类地收藏好,
素材的收集也很重要呢.

介绍几个网上HTML教程:

http://www.shanxiwindow.net/teaching/htmlbook/

http://www.gzsums.edu.cn/webclass/html/html_design.html

http://www.cniis.cn/edu/Article_Show.asp?ArticleID=214

回复 引用

TOP

Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
5#
发表于 2007-8-18 16:47 | 只看该作者
HTML指令 入门 從html開始.....本來想自己寫.呵呵.可在網上隨便說找到了一個很好的.算了.改改就貼上來吧.HTML入门虽然不难，可是要掌握技巧的奥妙，您仍须仰赖好的范例说明，并透过浏览器的Source功能阅读，技术很快会精進喲. 结构 ＜html＞ ＜head＞ ＜title＞标题＜title＞ ＜/head＞ ＜body＞..........文件内容.......... ＜/body＞ ＜/html＞ ----------------------------------------------标题1.文件标题 ＜title＞..........＜/title＞ 2.文件更新--＜meta＞ 　【1】10秒后自动更新一次 　　＜meta http-equiv="refresh" content=10＞ 　【2】10秒後自动连结到另一文件 　　＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞ 3.查询用表单--＜isindex＞ 　　　若欲设定查询栏位前的提示文字： 　　＜isindex prompt="提示文字"＞ 4.预设的基准路径--＜base＞ ＜base href="放置文件的主机之URL"＞ 版面 1.标题文字 ＜h#＞ .......... ＜/h#＞ #=1~6；h1为最大字，h6为最小字 2.字体变化 ＜font＞..........＜/font＞ 【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大 【2】指定字型 ＜font face="字型名称"＞..........＜/font＞ 【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 3.显示小字体 ＜small＞..........＜/small＞ 4.显示大字体 ＜big＞..........＜/big＞ 5.粗体字 ＜b＞..........＜/b＞ 6.斜体字 ＜i＞..........＜/i＞ 7.打字机字体 ＜tt＞..........＜/tt＞ 8.底线 ＜u＞..........＜/u＞ 9.删除线 ＜strike＞..........＜/strike＞ 10.下标字 ＜sub＞..........＜/sub＞ 11.上标字 ＜sup＞..........＜/sup＞ 12.文字闪烁效果 ＜blink＞..........＜/blink＞ 13.换行 ＜br＞ 14.分段 ＜p＞ 15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜p align="#"＞改变其对齐方向，或遇到 ＜hr＞ⅱ＜h#＞标签时会自动设回预设的向左对齐。 16.分隔线 ＜hr＞ 【1】分隔线的粗细 ＜hr size=点数＞ 【2】分隔线的宽度 ＜hr size=点数或百分比＞ 【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 【4】分隔线的颜色 ＜hr color=#rrggbb＞ 【5】实心分隔线 ＜hr noshade＞ 17.向中对齐 ＜center＞..........＜/center＞ 18.依原始样式显示 ＜pre＞..........＜/pre＞ 19.＜body＞指令的属性 【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞ 【2】背景图案 -- background ＜body background="图形文件名"＞ 【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞ 【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞ 【5】超连结文字颜色 -- link ＜body link=#rrggbb＞ 【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞ 【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞ 图片 1.插入图片 ＜img src="图形文件名"＞ 2.设定图框 -- border ＜img src="图形文件名" border=点数＞ 3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞ 4.设定图形上下左右留空 -- vspaceⅱhspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞ 5.图形附注 ＜img src="图形文件名" alt="说明文字"＞ 6.预载图片 ＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞P.S.两个图的图形大小最好一致 7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞ 【1】定义形状 -- shape shape=rect：矩形 shape=circle：圆形 shape=poly：多边形 【2】定义区域 -- coords a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标 例：＜area shape=rect coords=100,50,200,75 href="URL"＞ b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度 例：＜area shape=circle coords=85,155,30 href="URL"＞ c.任意图形（多边形）：将图形之每一转折点座标依序填入 例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL" 表格 1.定义表格 ＜table＞..........＜/table＞ 【1】设定边框的厚度 -- border ＜table border=点数＞ 【2】设定格线的宽度 -- cellspacing ＜table cellspacing=点数＞ 【3】设定资料与格线的距离 -- cellpadding ＜table cellpadding=点数＞ 【4】调整表格宽度 -- width ＜table width=点数或百分比＞ 【5】调整表格高度 -- height ＜table height=点数或百分比＞ 【6】设定表格背景色彩 -- bgcolor ＜table bgcolor=#rrggbb＞ 【7】设定表格边框色彩 -- bordercolor ＜table bordercolor=#rrggbb＞ 2.显示格线 ＜table border＞ 3.表格标题 ＜caption＞..........＜/caption＞ 表格标题位置 -- align ＜caption align="#"＞ #号可为 top：表标题置于表格上方（预设值） bottom：表标题置于表格下方 4.定义列 ＜tr＞ 5.定义栏位 《1》＜td＞：靠左对齐 《2》＜th＞：靠中对齐ⅱ粗体 【1】水平位置 -- align ＜th align="#"＞ #号可为 left：向左对齐 center：向中对齐 right：向右对齐 【2】垂直位置 -- align ＜th align="#"＞ #号可为 top：向上对齐 middle：向中对齐 bottom：向下对齐 【3】栏位宽度 -- width ＜th width=点数或百分比＞ 【4】栏位垂直合并 -- rowspan ＜th rowspan=欲合并栏位数＞ 【5】栏位横向合并 -- colspan ＜th colspan=欲合并栏位数＞ 清单 一、目录式清单 ＜dir＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/dir＞ P.S.目录式清单每一个项目不能超过20个字元（即10个中文字） 二、选项式清单 ＜menu＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/menu＞ 三、有序号的清单 ＜ol＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ol＞ 【1】序号形式 -- type ＜ol type=#＞或＜li type=#＞ #号可为 A：表以大写英文字母AⅱBⅱCⅱD...做为项目编号 a：表以小写英文字母aⅱbⅱcⅱd...做为项目编号 I：表以大写罗马数字做为项目编号 i：表以小写罗马数字做为项目编号 1：表以阿拉伯数字做为项目编号（预设值） 【2】起始数字 -- start ＜ol start=欲开始计数的序数＞ 【3】指定编号 -- value ＜li value=欲指定的序数＞ 四、无序号的清单 ＜ul＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ul＞ 【1】项目符号形式 -- type ＜ul type=#＞或＜li type=#＞ #号可为 disc：实心圆点（预设值） circle：空心圆点 square：实心方块 【2】原始清单 -- plain ＜ul plain＞ 【3】清单排列方式 -- warp 《1》清单垂直排列 ＜ul warp = vert＞ 《2》清单水平排列 ＜ul warp = horiz＞ 五、定义式清单 ＜dl＞ ＜dt＞项目1 ＜dd＞项目1说明 ＜dt＞ 项目2 ＜dd＞项目2说明 ＜dt＞项目3 ＜dd＞项目3说明 ＜/dl＞ 紧密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅 以数格空白相隔而不换行，但若＜dt＞的文字超过一 定的长度后，compact的作用就消失了！ 表单 一、基本架构 ＜form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞ 二、输入文件型表单 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞ 【1】栏位类型 -- type ＜input type=#＞ #号可为 text：文字输入 password：密码 checkbox：多选钮 radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位 【2】栏位名称 -- name ＜input name="资料栏名"＞ P.S.若type为submitⅱreset则name不必设定 【3】文件上的预设值 -- value ＜input value="预设之字串"＞ 【4】设定栏位的宽度 -- size ＜input size=字元数＞ 【5】限制最大输入字串的长度 -- maxlength ＜input maxlength=字元数＞ 【6】预设checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞ 【7】指定图形的URL -- src ＜input type=image src="图档名"＞ 【8】图文对齐 -- align ＜input type=image align="#"＞ #号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部 三、选择式表单 ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞ .......... .......... ＜/select＞ ＜/form＞ A、＜select＞的属性 【1】栏位名称 -- name ＜select name="资料栏位名"＞ 【2】设定显示的选项数 -- size ＜select size=个数＞ 【3】多重选项 -- multiple ＜select multiple＞ B、＜option＞的属性 【1】定义选项的传回值 -- value ＜option value="传回值"＞ 【2】预先选取的选项 -- selected ＜option selected＞ 四、多列输入文字区表单 ＜form action="URL" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞ 【1】文字区的变数名称 -- name ＜textarea name=变数名称＞ 【2】设定文字输入区宽度 -- cols ＜textarea cols=字元数＞ 【3】设定文字输入区高度 -- rows ＜textarea rows=列数＞ 【4】输入区设定预设字串 ＜textarea＞ 预设文字 ＜/textarea＞ 【5】自动换行与否 -- wrap ＜textarea wrap=#＞ #号可为 off：表输入的文字超过栏宽时，不会自动换行（预设值） virtual：表输入的文字在超过栏宽时会自动换行链接 一、连结至其他文件 ＜a href="URL"＞说明文字或图片＜/a＞ 二、连结至文件内之某一处（外部连结） 《1》起点 ＜a href="档名#名称"＞..........＜/a＞ 《2》终点 ＜a name="名称"＞ 三、frame的超连结 【1】开启新的浏览器来显示连结文件 -- _blank ＜a href="URL" target=_blank＞ 【2】显示连结文件於目前的frame -- _self ＜a href="URL" target=_self＞ 【3】以上一层的分割视窗显示连结文件 -- _parent ＜a href="URL" target=_parent＞ 【4】以全视窗显示连结文件 -- _top ＜a href="URL" target=_top＞ 【5】以特定视窗显示连结文件 --＜a href="URL" target="特定视窗名称"＞ FRAME 一、分割视窗指令 ＜frameset＞..........＜/frameset＞ 【1】垂直（上下）分割 -- rows ＜frameset rows=#＞ #号可为点数：如欲分割为100,200,300三个视窗，则 ＜frameset rows=100,200,300＞；亦可以*号代表，如＜frameset rows=*,500,*＞ 百分比：如＜frameset rows=30%,70%＞，各 项总和最好为100% 【2】水平（左右）分割 -- cols ＜frameset cols=点数或百分比＞ 二ⅱ指定视窗内容 -- ＜frame＞ ＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞ 【1】指定视窗的文件名称 -- src ＜frame src=HTML档名＞ 【2】定义视窗的名称 -- name ＜frame name=视窗名称＞ 【3】设定文件与上下边框的距离 -- marginheight ＜frame marginheight=点数＞ 【4】设定文件与左右边框的距离 -- marginwidth ＜frame marginwidth=点数＞ 【5】设定分割视窗卷轴 -- scrolling ＜frame scrolling=#＞ #号可为 yes：固定出现卷轴 no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值） 【6】锁住分割视窗的大小 -- noresize ＜frame noresize＞ 作网页可以用到的小东西 1．不同时间段显示不同问候语 　　＜Script Language="JavaScript"＞　　＜!-- 　　var text=""; day = new Date( ); time = day.getHours( ); 　　if (( time＞=0) && (time ＜ 7 ＝＝text="夜猫子，要注意身体哦！ " 　　if (( time ＞= 7 ) && (time ＜ 12＝＝text="今天的阳光真灿烂啊，你那个朋友呢？" 　　if (( time ＞= 12) && (time ＜ 14＝＝text="午休时间。您要保持睡眠哦！" 　　if (( time ＞=14) && (time ＜ 18＝＝text="祝您下午工作愉快！ " 　　if ((time ＞= 18) && (time ＜= 22＝＝text="您又来了，可别和MM聊太久哦！" 　　if ((time ＞= 22) && (time ＜ 24＝＝text="您应该休息了！" 　　document.write(text) 　　//---＞ 　　＜/Script＞ 2．节日倒计时 　　＜Script Language="JavaScript"＞ 　　var timedate= new Date("October 1,2002"); 　　var times="国庆节"; 　　var now = new Date(); 　　var date = timedate.getTime() - now.getTime(); 　　var time = Math.floor(date / (1000 * 60 * 60 * 24)); 　　if (time ＞= 0) 　　document.write("现在离"+times+"还有: "+time +"天")＜/Script＞ 3．单击按钮打印出当前页 　　＜Script Language="JavaScript"＞ 　　＜!-- Begin 　　if (window.print) {document.write('＜form＞ '+'＜input type=button name=print value="打印本页" '+ 'onClick="javascript:window.print()"＞ ＜/form＞ '＝; 　　＝　　// End --＞ 　　＜/Script＞ 4．单击按钮‘另存为’当前页 　　＜input type="button" name="Button" value="保存本页" 　　onClick="document.all.button.ExecWB(4,1)"＞ 　　＜object id="button" 　　width=0 　　height=0 　　classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞ 　　＜embed width="0" height="0"＞ ＜/embed＞ 　　＜/object＞ 5．显示系统当前日期 　　＜script language=JavaScript＞ 　　today=new Date(); 　　function date(){ 　　this.length=date.arguments.length 　　for(var i=0;i＜this.length;i++＝　　this[i+1]=date.arguments ＝　　var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 　　document.write( 　　"＜font color=##000000 style='font-size:9pt;font-family: 宋体'＞ ", 　　today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 　　d[today.getDay()+1],"＜/font＞ " ＝; 　　＜/script＞ 6．添加到收藏夹 　　＜Script Language="JavaScript"＞ 　　function bookmarkit() 　　{ 　　window.external.addFavorite('http://你的网址','你的网站名称') 　　} 　　if (document.all)document.write('＜a href="#" onClick="bookmarkit()"＞ 加入收藏夹＜/a＞ '＝　　＜/Script＞ 7．设置该页为首页 　　＜body bgcolor="#FFFFFF" text="#000000"＞ 　　＜!-- 网址：http://你的网址--＞ 　　＜a class="chlnk" style="cursor:hand" HREF 　　onClick="this.style.behavior='url(#default#homepage)'; 　　this.setHomePage('你的网站名称);"＞ ＜font color="000000" size="2" face="宋体"＞ 设为首页＜/font＞ ＜/a＞ 　　＜/body＞ 在网页中嵌入各类播放器集锦 当网页中需要播放影片、动画、或音乐时，将播放器嵌入在网页中，即可以在同一页上为播放的内容做说明，又不用在另外窗口调用播放器，减少等待时间。下面是本人在网页中用到的几种播放器，供参考： 1。在网页中嵌入media播放器：将下面这段程序放在＜body＞ ....＜/body＞ 之间 ＜div align="center"＞ ＜table width="405" border="8" cellspacing="5" cellpadding="5" bordercolorlight="#FFFF00"＞ ＜tr＞ ＜td width="672" bordercolor="#FFFFFF" bordercolorlight="#ffff00"＞ ＜object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="mediaplayer1" width="700" height="350"＞ ＜embed＞ ＜param name="SRC" value="mer030507.mpa"＞ ＜/embed＞ ＜/object＞ ＜/td＞ ＜/tr＞ ＜/table＞ 说明：（1）width="700" height="350"是设定网页中播放器大小，可随自己网页布局需要调整；（2）value="mer030507.mpa"中mer030507.mpa是影片文件，若不在网页同一文件夹，则必须写出相对路径；（3）上面的＜table＞ ＜/table＞ 是为播放器加个外框，不一定需要。 2。在网页中嵌入flash播放器：将下面这段程序放在＜body＞ ....＜/body＞ 之间＜p align="center"＞ ＜object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400"＞ ＜param name="movie" value="sum-pla.SWF"＞ ＜/object＞ ＜CENTER＞ 说明：（1）width="400" height="400"是设定网页中播放器大小，可随自己网页布局需要调整；（2）value="sum-pla.SWF"中sum-pla.SWF是Flash文件，若不在网页同一文件夹，则必须写出相对路径； 3。在网页中嵌入音乐播放器将下面这段程序放在＜body＞ ....＜/body＞ 之间＜BR＞ ＜embed src="03.mp3" controls=smallconsole width=307 height=60 autostart=true＞ ＜BR＞ ＜/center＞ 说明：（1）width=307 height=25是网页中播放器大小，其宽度可以自行调整；（2）不单是播放mp3文件，可以播放其它类型的声音文件，如mid、au、wav等。 以上网页示例在 http://www.sztvu.com/lin/play_exa/play_exa.htm 另外在本人网站http://www.sztvu.com/lin/的《观星探宇》中的“太阳活动”和“彗星流星”的影像播放中有应用实例，欢迎朋友们批评指正。 水波纹的applet效果 以下代码加入＜body＞ 区域: ＜applet archive="AnWater.jar" code="AnWater.class" width="300" height="225"＞ ＜param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)"＞ ＜param name="res" value="1"＞ ＜param name="image" value="bg.jpg"＞ ＜param name="light" value="YES"＞ ＜param name="minlight" value="0"＞ ＜param name="maxlight" value="100"＞ ＜param name="autodesign" value="YES"＞ ＜param name="density" value="5"＞ ＜param name="fishnum" value="0"＞ ＜param name="cross" value="NO"＞ ＜param name="crossfactor" value="30"＞ ＜param name="rainsize" value="0"＞ ＜param name="rainfactor" value="10"＞ ＜param name="srainsize" value="0"＞ ＜param name="srainfactor" value="10"＞ ＜param name="fixdrop" value="NO"＞ ＜param name="fixdropX" value="0"＞ ＜param name="fixdropY" value="0"＞ ＜param name="fixdropS" value="0"＞ ＜param name="fixdropF" value="0"＞ ＜param name="pressure" value="400"＞ ＜param name="fluidmode" value="water"＞ ＜param name="interactive" value="YES"＞ ＜param name="overimg" value="NO"＞ ＜param name="overimgX" value="0"＞ ＜param name="overimgY" value="0"＞ ＜param name="textscroll" value="NO"＞ ＜param name="regcode" value="NO"＞ ＜param name="reglink" value="NO"＞ ＜param name="regnewframe" value="NO"＞ ＜param name="regframename" value="_blank"＞ ＜param name="statusmsg" value="Water applet"＞ ＜param name="memdelay" value="1000"＞ ＜param name="priority" value="3"＞ ＜param name="MinSYNC" value="10"＞ Sorry, your browser doesn't support Java(tm). ＜/applet＞ 以上代码中的“bg.jpg”为背景图，请自己先一件好看的吧！ 光有这一段程序还不能显示的，还必须下载.jar和.class包，放在同一文件夹中，才可以运行 比较好的网站 一、网页设计类 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 1。网站名称：有风的日子网站地址：http://www.windstudio.net/ 简介：　　很不错的一个设计网站，我刚开始学习网页设计的时候就知道她了，她最有特色的内容就算是精品插件栏目了，里面包括有photoshop 滤镜、dreamweaver 插件、flash 相关，都是很实用的好东东。同时网站的符号字体栏目也挺有自己的特色。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。网站名称：蓝色理想网站地址：http://www.blueidea.com/ 　 简介：网页编辑方面的大哥大人物，网站关于网页制作方面的教程既全面又专业，而且各类教程的更新速度很快。她的经典论坛的人气也是相当的旺。同时该网站的一个很大的特点就是会时不时推出一些好书的介绍，这些都是不容易买到的。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 3。网站名称：七色鸟设计网站地址：http://www.colorbird.com/ 简介：　　七色鸟设计是一个致力于传播设计文化，研究视觉设计艺术、提高大众审美意识的非盈利性的艺术指导网站，里面的设计资源相当丰富而且有特色 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 4。网站名称：视觉中国网站地址：http://www.chinavisual.com/ 简介：　　这个是我最爱的一个网站了，我第一次把网页制作和网页设计区分开来，就是通过看了这个网站上的很多文章得出来的，里面的很多知识以平面为主，以前她的服务器不怎么好，经常出现服务器负载过重的情况,但是现在已经好了。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 5。网站名称：5d多媒体　网站地址：http://www.5dmedia.com/ 简介：　　5d的含义是指其探讨五个方面的内容：声音、图象、动画、多媒体交互、internet网开发。该网站是目前国内最大的多媒体技术站点，要想了解多媒体方面的信息还真的是要进去看看。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 6。网站名称：设计联盟网站地址：http://www.szdesign.org/ 简介：　　我非常喜欢她的作品栏目，可以看到很多人的创作，欣赏别人的创作的同时，自己也可以得到很多的启示－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 7。网站名称：点燃灵感网站地址：http://www.fwcn.com/ 简介：　　这里是firework的天堂，教程，插件，资源，应有尽有 二、图象处理类 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－　 1。网站名称：中国photoshop联盟网站地址：http://www.photoshopcn.com/ 简介：网页设计中的平面处理软件，ps是绝对的老大，中国photoshop联盟就是ps教学方面的老大 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。网站名称：图象谷网站地址：http://pstxg.com/ 简介：　　 搞图象处理的好去处，她的资源下载栏目很出色 三、动画设计类 1。网站名称：闪客帝国　网站地址：http://www.flashempire.com/ 　 简介：我很早以前做的第一个个人网站就是仿照该网站做的，呵呵，我记得那个时候的帝国还不是现在这个样子。里面关于flash的教程都很经典。而且论坛里面是高手如云。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。网站名称：闪吧网站地址：http://www.flash8.net/ 简介：　　我第一次知道这个网站是通过电脑爱好者介绍的，具体哪期忘记了，我记得有整整一个版面来介绍这个网站的故事，所以就跑来了，一看就喜欢上了，觉得里面的资料真是太丰富了，和帝国难分高下。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 3。网站名称：数码动力国际网站地址：http://www.showgood.com/ 简介：该网站已经不需要我们再说，她推出的flash实在是太棒了！ －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 4。网站名称：闪盟在线网站地址：http://www.flashsun.com/ 简介：网站的优秀以不需多说，我很喜欢她的竞技场栏目 四、网页素材类 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 1。网站名称：桌面城市网站地址：http://www.deskcity.com/ 简介：　　 一流的图象资料宝库 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。网站名称：素材精品屋　网站地址：http://www.sucaiw.com/ 　 简介：也是网页设计素材库，她和桌面城市主要在于一个偏全，一个偏精！http://d2e.nease.net/ http://www.blueidea.com/ http://www.junsea.com http://www.cwdcn.com/ 网页常用小技巧（比较全面的收集） Code: [Copy to clipboard] 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 ＜table border oncontextmenu=return(false)＞ ＜td＞ no＜/table＞ 可用于Table 2. ＜body onselectstart="return false"＞ 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4 . oncopy="return false;" oncut="return false;" 防止复制 5. ＜link rel="Shortcut Icon" href="favicon.ico"＞ IE地址栏前换成自己的图标 6. ＜link rel="Bookmark" href="favicon.ico"＞ 可以在收藏夹中显示出你的图标 7. ＜input style="ime-mode:disabled"＞ 关闭输入法 8. 永远都会带着框架 ＜script language="JavaScript"＞ ＜!-- if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 // --＞ ＜/script＞ 9. 防止被人frame ＜SCRIPT LANGUAGE=JAVASCRIPT＞ ＜!-- if (top.location != self.location)top.location=self.location; // --＞ ＜/SCRIPT＞ 10. 网页将不能被另存为 ＜noscript＞ ＜iframe src=*.html＞ ＜/iframe＞ ＜/noscript＞ 11. ＜input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.51js.com/'"＞ 12.删除时确认 ＜a href='javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"'＞ 删 除＜/a＞ 13. 取得控件的绝对位置 //Javascript ＜script language="Javascript"＞ function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } alert("top="+t+"/nleft="+l); } ＜/script＞ //VBScript ＜script language="VBScript"＞ ＜!-- function getIE() dim t,l,a,b set a=document.all.img1 t=document.all.img1.offsetTop l=document.all.img1.offsetLeft while a.tagName＜＞ "BODY" set a = a.offsetParent t=t+a.offsetTop l=l+a.offsetLeft wend msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置" end function --＞ ＜/script＞ 14. 光标是停在文本框文字的最后 ＜script language="javascript"＞ function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select(); } ＜/script＞ ＜input type=text name=text1 value="123" onfocus="cc()"＞ 15. 判断上一页的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 ＜object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞ ＜param name="Command" value="Minimize"＞ ＜/object＞ ＜object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞ ＜param name="Command" value="Maximize"＞ ＜/object＞ ＜OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"＞ ＜PARAM NAME="Command" VALUE="Close"＞ ＜/OBJECT＞ ＜input type=button value=最小化 onclick=hh1.Click()＞ ＜input type=button value=最大化 onclick=hh2.Click()＞ ＜input type=button value=关闭 onclick=hh3.Click()＞ 本例适用于IE 17.屏蔽功能键Shift,Alt,Ctrl ＜script＞ function look(){ if(event.shiftKey) alert("禁止按Shift键!"); //可以换成ALT　CTRL } document.onkeydown=look; ＜/script＞ 18. 网页不会被缓存 ＜META HTTP-EQUIV="pragma" CONTENT="no-cache"＞ ＜META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"＞ ＜META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"＞ 或者＜META HTTP-EQUIV="expires" CONTENT="0"＞ 19.怎样让表单没有凹凸校? ＜input type=text style="border:1 solid #000000"＞ 或 ＜input type=text style="border-leftne; border-rightne; border-topne; border-bottom: 1 solid #000000"＞ ＜/textarea＞ 20.＜div＞ ＜span＞ &＜layer＞ 的区别？ ＜div＞ (division)用来定义大段的页面元素，会产生转行 ＜span＞ 用来定义同一行内的元素，跟＜div＞ 的唯一区别是不产生转行 ＜layer＞ 是ns的标记，ie不支持，相当于＜div＞ 21.让弹出窗口总是在最上面: ＜body onblur="this.focus();"＞ 22.不要滚动条? 让竖条没有: ＜body style='overflow:scroll;overflow-y:hidden'＞ ＜/body＞ 让横条没有: ＜body style='overflow:scroll;overflow-x:hidden'＞ ＜/body＞ 两个都去掉？更简单了 ＜body scroll="no"＞ ＜/body＞ 23.怎样去掉图片链接点击后，图片周围的虚线？ ＜a href="#" onFocus="this.blur()"＞ ＜img src="logo.jpg" border=0＞ ＜/a＞ 24.电子邮件处理提交表单 ＜form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"＞ ＜input type=submit＞ ＜/form＞ 25.在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload() 26.如何设定打开页面的大小 ＜body onload="top.resizeTo(300,200);"＞ 打开页面的位置＜body onload="top.moveBy(300,200);"＞ 27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ＜STYLE＞ body {background-image:url(logo.gif); background-repeat-repeat; background-position:center;background-attachment: fixed} ＜/STYLE＞ 28. 检查一段字符串是否全由数字组成 ＜script language="Javascript"＞ ＜!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) // --＞ ＜/script＞ 29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight 30. 怎么判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); else alert("全是字符"); 31.TEXTAREA自适应文字行数的多少 ＜textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"＞ ＜/textarea＞ 32. 日期减去天数等于第二个日期 ＜script language=Javascript＞ function cc(dd,dadd) { //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("12/23/2002",2) ＜/script＞ 33. 选择了哪一个Radio ＜HTML＞ ＜script language="vbscript"＞ function checkme() for each ob in radio1 if ob.checked then window.alert ob.value next end function ＜/script＞ ＜BODY＞ ＜INPUT name="radio1" type="radio" value="style" checked＞ Style ＜INPUT name="radio1" type="radio" value="barcode"＞ Barcode ＜INPUT type="button" value="check" onclick="checkme()"＞ ＜/BODY＞ ＜/HTML＞ 34.脚本永不出错 ＜SCRIPT LANGUAGE="JavaScript"＞ ＜!-- Hide function killErrors() { return true; } window.onerror = killErrors; // --＞ ＜/SCRIPT＞ 35.ENTER键可以让光标移到下一个输入框 ＜input onkeydown="if(event.keyCode==13)event.keyCode=9"＞ 36. 检测某个网站的链接速度： 把如下代码加入＜body＞ 区域中: ＜script language=Javascript＞ tim=1 setInterval("tim++",100) b=1 var autourl=new Array() autourl[1]="www.njcatv.net" autourl[2]="javacool.3322.net" autourl[3]="www.sina.com.cn" autourl[4]="www.nuaa.edu.cn" autourl[5]="www.cctv.com" function butt(){ document.write("＜form name=autof＞ ") for(var i=1;i＜autourl.length;i++) document.write("＜input type=text name=txt"+i+" size=10 value=测试中……＞ =》＜input type=text name=url"+i+" size=40＞ =》＜input type=button value=GO onclick=window.open(this.form.url"+i+".value)＞ ＜br＞ ") document.write("＜input type=submit value=刷新＞ ＜/form＞ ") } butt() function auto(url){ document.forms[0]["url"+b].value=url if(tim＞ 200) {document.forms[0]["txt"+b].value="链接超时"} else {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ } function run(){for(var i=1;i＜autourl.length;i++)document.write("＜img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 onerror=auto('http://"+autourl+"')＞ ")} run()＜/script＞ 37. 各种样式的光标 auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：?帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 38.页面进入和退出的特效 进入页面＜meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"＞ 推出页面＜meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"＞ 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使 用哪种特效，取值为1-23: 　　0 矩形缩小 　　1 矩形扩大 　　2 圆形缩小 　　3 圆形扩大 　　4 下到上刷新 　　5 上到下刷新 　　6 左到右刷新 　　7 右到左刷新 　　8 竖百叶窗 　　9 横百叶窗 　　10 错位横百叶窗 　　11 错位竖百叶窗 　　12 点扩散 　　13 左右到中间刷新 　　14 中间到左右刷新 　　15 中间到上下 　　 16 上下到中间 　　17 右下到左上 　　18 右上到左下 　　19 左上到右下 　　20 左下到右上 　　21 横条 　　22 竖条 　　23 以上22种随机选择一种 39.在规定时间内跳转 ＜META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"＞ 40.网页是否被检索 ＜meta name="ROBOTS" content="属性值"＞ 　　其中属性值有以下一些: 　　属性值为"all": 文件将被检索，且页上链接可被查询； 　　属性值为"none": 文件不被检索，而且不查询页上的链接； 　　属性值为"index": 文件将被检索； 　　属性值为"follow": 查询页上的链接； 　　属性值为"noindex": 文件不检索，但可被查询链接； 　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。 网页制作技巧集锦 [原创] ◇如何在网页中加入单个或几个空格？ 　　◆在源代码中输入 ，每个 之间请用空格分开。 　　◆在dreamweaver中用＜ctrl＞ +＜shift＞ +＜space＞ 插入空格或任输几个字符，然后将其色彩设成背景的色彩！ 　　◇如何在网页中加入书签，在页面内任意跳转？ 　　◆在源代码中需要插入书签的地方输入＜a name="top"＞ ＜/a＞ ，在调用的地方输入＜a href="#top"＞ top＜/a＞ ，其中的top是你设定的书签名字。 　　◆在dreamweaver中用菜单的「insert」-「name anchor」命令插入书签，调用时，在link中输入#top，top为书签名。 　　◇如何在网页中加入书签，在多个页面之间任意跳转？ 　　◆方法与上面类似，不过做链接时要在书签名前加上网页文件名，如：other.htm#top，这样一来就会跳转到other.htm页面中的top书签处。 　　◇将网页加入收藏夹？ 　　◆请使用如下代码：（注意标点符号） 　　＜ a href=''#'' onclick="window.external.addfavorite(''http://www.haojw.om'',''【梦想天空】qiangwei.126.com 各种网页工具教程dw、flash、fireworks及cgi教学、聊天交友……'')" target="_top"＞ 将本站加入收藏夹＜ /a＞ 　　◇如何去掉链接的下划线？ 　　◆在源代码中的＜head＞ …＜/head＞ 之间输入如下代码： 　　＜style type="text/css"＞ ＜!-- 　　a { text-decoration: none} 　　--＞ ＜ /style＞ 　　◆在dreamweaver中用「text」-「custom style」-「edit style sheet」-「new」-redefine html tag中选择a，然后在decoration中选中none 　　◇如何将网页定时关闭？ 　　◆在源代码中的＜body＞ 后面加入如下代码： 　　＜ script language="javascript"＞ ＜!-- 　　settimeout(''window.close();'', 60000); 　　--＞ ＜ /script＞ 　　在代码中的60000表示1分钟，它是以毫秒为单位的。 　　◇如何设置命令来关闭打开的窗口？ 　　◆在源代码中加入如下代码： 　　＜ a href="/" onclick="javascript:window.close(); return false;"＞ 关闭窗口＜ /a＞ 　　◇如何制作电子邮件表单？ 　　◆在＜form＞ 中输入action="youremail@xxx.xxx" ，提交采用post方法。 　　◇如何自动加入最后修改日期？ 　　◆在源代码中的＜body＞ …＜ /body＞ 之间加入如下代码： 　　＜ script language="javascript"＞ ＜!-- 　　document.write("last updated:"+document.lastmodified); 　　--＞ ＜ /script＞ 　　◇如何在网页中加入email链接并显示预定的主题？ 　　◆代码：＜ a href="mailto:yourmail@xxx.xxx?subject=你好"＞ send mail＜ /a＞ 　　◇如何让背景图象不滚动？ 　　◆代码：＜body background="bg.gif" bgproperties="fixed" ＞ 　　◆在dreamweaver中用「text」-「custom style」-「edit style sheet」-「new」-redefine html tag中选择body，然后在background中的attachment里选fixed 　　◇如何避免别人将你的网页放入他的框架（frame）中？ 　　◆在源代码中的＜head＞ …＜ /head＞ 之间加入如下代码： 　　＜script language="javascript"＞ ＜!-- 　　if (self!=top){top.location=self.location;} 　　--＞ ＜ /script＞ 　　◇如何在网页中加入注释？ 　　◆代码：＜ !-- 这是注释 --＞ 　　◇如何定义网页的关键字（keywords）？ 　　◆格式如下： 　　＜ meta name="keywords" content="dreamweaver,flash,fireworks"＞ 　　content中的即为关键字，用逗号隔开 　　◆在dreamweaver中用「insert」-「head」-keywords命令 　　◇如何为不支持框架的浏览器指定内容？ 　　◆在源代码中加入下面代码： 　　＜ body＞ ＜noframes＞ 本网页有框架结构，请下载新的浏览器观看＜ /noframes＞ ＜/ body＞ 　　◇如何使表格（table）没有边框线？ 　　◆将表格的边框属性：border="0" 　　◇如何隐藏状态栏里出现的link信息？ 　　◆请使用如下代码： 　　＜ a href="http://www.haojw.om"; onmouseover="window.status=''none'';return true"＞ 梦想天空＜ /a＞ 　　◇如何为网页设置背景音乐？ 　　◆代码：＜ embed src="music.mid" autostart="true" loop="2" width="80" height="30" ＞ 　　src：音乐文件的路径及文件名； 　　autostart：true为音乐文件上传完后自动开始播放，默认为false（否） 　　loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次 　　volume：取值范围为"0-100"，设置音量，默认为系统本身的音量 　　starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放 　　endtime： "分：秒"，设置歌曲结束播放的时间 　　width：控制面板的宽 　　height：控制面板的高 　　controls：控制面板的外观 　　controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" 　　•console：正常大小的面板 　　•smallconsole：较小的面板 　　•playbutton：显示播放按钮 　　•pausebutton：显示暂停按钮 　　•stopbutton：显示停止按钮 　　•volumelever：显示音量调节按钮 　　hidden：为true时可以隐藏面板 　　◇如何定时载入另一个网页内容？ 　　◆在源代码中的＜head＞…＜ /head＞ 加入如下代码： 　　＜ meta http-equiv="refresh" content="40;url=http://www.haojw.com" ＞　　40秒后将自动载入http://www.haojw.com所在的网页 [4.2]试试在线播放功能Flash《中华人民共和国国歌》 论坛必须允许你的Html编辑权限 ＜EMBED src=http://chinasnj.cn/flash/FALSH/109.swf type=application/x-shockwave-flash controls="console" loop="true" autostart="true"＞
回复 引用

TOP

Avirl

村委书记

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

优秀村干部勋章呵呵原创先锋呵呵贴图大师勋章呵呵终生成就勋章呵呵人民公仆勋章呵呵村精英勋章你最闪亮至尊宝
6#
发表于 2007-8-18 16:49 | 只看该作者
在线HTML编辑器 http://www.doryuen.net/article/editor/editor.asp
回复 引用

TOP

happylivo

流浪汉
7#
发表于 2008-4-29 16:55 | 只看该作者

佩服你

佩服你，能发这么好的帖子，厉害 ------------------------- Chongqing news:chongqing,There is wow gold of sale; you can buy really cheap wow gold here.Buy professional power leveling services, wow powerleveling,warcraft gold,World Of Warcraft Power Leveling help !
回复 引用

TOP

返回列表