网页基础知识大全2.docx
《网页基础知识大全2.docx》由会员分享，可在线阅读，更多相关《网页基础知识大全2.docx（15页珍藏版）》请在冰豆网上搜索。
网页基础知识大全2
网页基础知识大全2（2009-03-1007:
03:
51）
标签：
网页基础 知识 大全 教育
分类：
CSS时代
13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！
这javascript代码即可实现，摘录蓝色论坛。
【1、最基本的弹出窗口代码】
其实代码非常简单：
〈SCRIPTLANGUAGE="javascript"〉
〈!
--
window.open（`page.html`）
--〉
〈/SCRIPT〉
因为着是一段javascripts代码，所以它们应该放?
lt;SCRIPTLANGUAGE="javascript"〉标签和〈/script〉之间。
〈!
--和--〉是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。
要养成这个好习惯啊。
window.open（`page.html`）用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径（http:
//）和相对路径（../）均可。
用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈bodybgcolor="#003063"text="#ffffff"id=all〉间〈/body〉也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。
只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
〈SCRIPTLANGUAGE="javascript"〉
〈!
--
window.open（`page.html`,`newwindow`,`height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no`）
//写成一行
--〉
〈/SCRIPT〉
参数解释：
〈SCRIPTLANGUAGE="javascript"〉js脚本开始；
window.open弹出新窗口的命令；
`page.html`弹出窗口的文件名；
`newwindow`弹出窗口的名字（不是文件名），非必须，可用空``代替；
height=100窗口高度；
width=400窗口宽度；
top=0窗口距离屏幕上方的象素值；
left=0窗口距离屏幕左侧的象素值；
toolbar=no是否显示工具栏，yes为显示；
menubar，scrollbars表示菜单栏和滚动栏。
resizable=no是否允许改变窗口大小，yes为允许；
location=no是否显示地址栏，yes为允许；
status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
〈/SCRIPT〉js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
〈html〉
〈head〉
〈scriptLANGUAGE="javascript"〉
〈!
--
functionopenwin（）{window.open（"page.html","newwindow","height=100,width=400,toolbar=
no,menubar=no,scrollbars=no,resizable=no,location=no,status=no"）
//写成一行
}
//--〉
〈/script〉
〈/head〉
〈bodyonload="openwin（）"〉
…任意的页面内容…
〈/body〉
〈/html〉
这里定义了一个函数openwin（）,函数内容就是打开一个窗口。
在调用它之前没有任何用途。
怎么调用呢？
方法一：
〈bodyonload="openwin（）"〉浏览器读页面时弹出窗口；
方法二：
〈bodyonunload="openwin（）"〉浏览器离开页面时弹出窗口；
方法三：
用一个连接调用：
〈ahref="#"onclick="openwin（）"〉打开一个窗口〈/a〉
注意：
使用的“#”是虚连接。
方法四：
用一个按钮调用：
〈inputtype="button"onclick="openwin（）"value="打开窗口"〉
14，没有用表格写的，让大家随便看看，没什么。
〈html〉
〈head〉
〈title〉江南荷花扇面〈/title〉
〈metahttp-equiv="Content-Type"content="text/html;charset=gb2312"〉
〈styletype="text/css"〉
〈!
--
.font1{font-size:
12px;color:
#999999;text-decoration:
none}
a{font-size:
12px;color:
#999999;text-decoration:
none}
a:
hover{font-size:
12px;color:
#000000;text-decoration:
none}
--〉
〈/style〉
〈/head〉
〈bodybgcolor="#FFFFFF"text="#000000"〉
〈divclass="font1"style="writing-mode=tb-rl;height:
200px"width=300〉
〈p〉盛夏 尚 涛
〈p〉〈ahref="index.htm"〉一夜露痕黄粉香 袁运甫〈/a〉
〈p〉瑶池昨夜新凉 王金岭
〈p〉一朵白莲随意开 吴冠南
〈p〉新雨迎秋欲满塘 齐辛民
〈p〉十里荷香 齐辛民
〈p〉濯清莲而不妖 卢世曙
〈/div〉
〈/body〉
〈/html〉
15,IE6已支持自定义cursor!
语法格式cursor:
url（图标）//cur或是ani文件.
cur就是WINDOWS中的光标（cursor）文件，光标文件与图标（ICON）文件除了文件头有一个位置的值不同外，实际是一样的。
ani是WINDOWS中的动画光标（图标）文件。
〈styletype="text/css"〉
〈!
--
.unnamed1{cursor:
url（arrow2c.cur）}
--〉
〈/style〉
16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。
语法：
align=#|top|middle|bottom//对齐方式）
BEHAVIOR=ALTERNATE|SCROLL|SLIDE//移动的方式
BGCOLOR=color//底色区域颜色
DIRECTION=DOWN|LEFT|RIGHT|UP//移动的方向
Loop=n//循环次数（默认是循环不止）
Scrolldelay=milliseconds//延时
height=#width=#//区域面积
hspace=#vspace=#//空白区域
scrollamount=#//移动的速度
〈marqueealign=topbehavior=ALTERNATEBGCOLOR=#000000height=60width=433scrollamount=5〉〈/marquee〉
17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？
有解决的办法吗。
这是大家很常见的问题！
可能是对字库支持的不好！
我个是做成透明的gif图片格式，然后倒入。
18，flash的网页里“加入收藏夹”功能怎么实现？
在as中加getUrl（"javascript:
window.external.addFavorite（`,`网页教学网`）"）
19，在Flash中，文本的动态属性和输入属性的区别。
inputtext在运行时可被用户或程序改变其值。
ynamictext仅允许被程序修改。
20,怎样在IE中调用Dreamweaver进行编辑.
相信很多在使用WinME或Window2000的朋友，会遇见是个问题。
很简单，把我们笔记本程序打开，保存为一个*.reg文件。
双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@=""c:
ProgramFilesMacromediaDreamweaver4dreamweaver.exe""%1""
21，设置表格虚线。
方法一：
作一个1X2的图。
半黑半白，再利用表格作成线。
方法二：
在css里面设，要IE5。
5才支持这种效果。
style="BORDER-LEFT:
#0000001PXDASHED;BORDER-RIGHT:
#0000001PXDASHED;BORDER-TOP:
#0000001PXDASHED;BORDER-BOTTOM:
#0000001PXDASHED"
22,看看在网页中调用HHCtrl控件效果。
代码如下：
〈objectid="HHC"type="application/x-oleobject"classid="clsid:
adb880a6-d8ff-11cf-9377-00aa003b7a11"〉〈/object〉〈script〉HHC.TextPopup（"哈哈,大家好,我是闪梦!
","",50,5,128255,346751）;〈/script〉
22，如何让一张图片有浅到深的渐变。
〈SCRIPTlanguage=javascript1.2〉
〈!
--
functionhigh（which2）{
theobject=which2
highlighting=setInterval（"highlightit（theobject）",50）
}
functionlow（which2）{
clearInterval（highlighting）
which2.filters.alpha.opacity=40
}
functionhighlightit（cur2）{
if（cur2.filters.alpha.opacity〈100）
cur2.filters.alpha.opacity+=10
elseif（window.highlighting）
clearInterval（highlighting）
}
〈/script〉
〈imgonmouseout=low（this）onmouseover=high（this）style="FILTER:
alpha（opacity=40）"src="logo.gif"〉
23,双击鼠标左键来滚动背景，单击停止。
〈SCRIPTlanguage=javascript〉
varcurrentpos,timer;
functioninitialize（）
{
timer=setInterval（"scrollwindow（）",16）;
}
functionsc（）{
clearInterval（timer）;
}
functionscrollwindow（）
{
currentpos=document.body.scrollTop;
window.scroll（0,++currentpos）;
if（currentpos!
=document.body.scrollTop）
sc（）;
}
document.onmousedown=sc
document.ondblclick=initialize
〈/SCRIPT〉
24,如何在同一页面设置不同文字链接效果的样式.
代码如下：
〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉
〈metahttp-equiv="Content-Type"content="text/html;charset=gb2312"〉
〈styletype="text/css"〉
〈!
--
a:
hover{font-size:
9pt;color:
#FF0000;text-decoration:
underline}
a:
link{font-size:
9pt;color:
#006699;text-decoration:
underline}
a:
visited{font-size:
9pt;color:
#006699;text-decoration:
underline}
a:
active{font-size:
9pt;color:
#FF0000;text-decoration:
none}
a.r1:
hover{font-size:
9pt;color:
#FF0000;text-decoration:
underlineoverline}
a.r1:
link{font-size:
9pt;color:
#000000;text-decoration:
underlineoverline}
a.r1:
visited{font-size:
9pt;color:
#99CC00;text-decoration:
underlineoverline}
a.r1:
active{font-size:
9pt;color:
#000000;text-decoration:
underlineoverline}
--〉
〈/style〉
〈/head〉
〈bodybgcolor="#FFFFFF"text="#000000"〉
〈ahref="#"〉下划线链接〈/a〉
〈p〉〈/p〉
〈ahref="#"class="r1"〉双下划线链接〈/a〉
〈/BODY〉
〈/HTML〉
补充说明：
a:
hover表示鼠标划过时的样式.
a:
link表示链接的样式.
a:
active表示当前活动连接的样式.
a:
visited表示已经访问过的连接的样式.
25,用CSS给文字加入阴影效果和文字描边效果。
.glow{FONT-SIZE:
9pt;FILTER:
Glow（Color=#000000,Strength=1）}
//文字描边效果
.shadow{FONT-SIZE:
9pt;FILTER:
DropShadow（OffX=1,OffY=1,DropShadow（OffX=1,OffY=1,color:
#111111）;COLOR:
#ffffff;FONT-FAMILY:
"宋体"}
//加入阴影效果
补充说明：
这两种滤镜要想实现效果，必须加在如：
〈tdclass=glow或shadow〉〈div〉xxxxxxxxx〈/div〉〈/td〉上
，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。
26,如何给做带颜色的下拉菜单。
〈selectstyle="FONT-SIZE:
10px;COLOR:
#ffffff;FONT-FAMILY:
Verdana;BACKGROUND-COLOR:
#ff6600;"size=1〉
〈optionselected〉:
:
Dreamweaver4:
:
〈/option〉
〈option〉:
:
Flash5:
:
〈/option〉
〈option〉:
:
Firewoks4:
:
〈/option〉
〈/select〉
27,关于DW4的表格中的亮边框和暗边框问题。
在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。
bordercolorlight="#999999"bordercolordark="#000000"
你也可以用Css定义一个class。
例如：
〈style〉
.bordercolor{bordercolorlight:
#999999;bordercolordark:
#000000}
〈/style〉
然后在要加效果的表格里加?
lt;tableclass="bordercolor"〉
28,自动显示主页最后更新日期.
〈script〉
document.write（"最后更新日期：
"+document.lastModified+""）
〈/script〉
29,如何让滚动条出现在左边？
我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！
〈htmldir="rtl"〉
〈bodybgcolor="#000000"text="#FFFFFF"〉
〈tableheight=18width=212align=centerbgcolor=#FFFFFFdir="ltr"cellspacing="1" cellpadding="0"〉
〈tr〉
〈tdbgcolor="#FF0000"〉是不是你的滚动条在左边啊〈/td〉
〈/tr〉
〈/table〉
〈/body〉
〈/html〉
30,如何加入网址前面的小图标？
首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico作为扩展名。
你可用在网上找一个制作图标软件，它具有特有的规格：
图标的大小为16*16（以像素为单位）；颜色不得超过16色。
在该网页文件的HEAD部分加入下面的内容：
〈LINKREL="SHORTCUTICON"HREF="
31,在800*600显示器中，如何不让网页水平出现滚动条！
设至〈bodyleftmargin="0"topmargin="0"〉，网页中的表格宽度为778。
32,关于〈!
DOTYPE〉的说明解释。
在网页中，经常会看到〈!
DOCTYPEHTMLPUBLIC`-//W3C//DTDHTML4.01//EN`〉，是声明HTML文件的版本信息。
33,用图片来关闭窗体.
〈Ahref="javascript:
window.close（）"〉〈IMGheight=20width=20alt="关闭窗口"src="close.gif"border=0〉〈/A〉
补充说明：
如何使用了ACTIVEX！
不再警告窗口？
〈html〉
〈head〉
〈objectid=closestype="application/x-oleobject"
classid="clsid:
adb880a6-d8ff-11cf-9377-00aa003b7a11"〉
〈paramname="Command"value="Close"〉〈/object〉
〈/head〉
〈bodybgcolor="#003063"text="#ffffff"id=all〉〈ahref="#"onclick="closes.Click（）;"〉关闭窗口无提示〈/a〉
〈/body〉
〈/html〉
34,禁止鼠标右键查看网页源代码。
〈SCRIPTlanguage=javascript〉
functionclick（）
{if（event.button==2）{alert（`你好,欢迎光临！
`）}}
document.onmousedown=click
〈/SCRIPT〉
补充说明：
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
〈bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"〉
35,通过按钮来查看网页源代码。
〈inputtype="BUTTON"value="查看源代码"onClick=`window.location="view-source:
"+window.location.href`name="BUTTON"〉
36,怎么用文字联结实现按钮的SUBMIT功能？
〈ahref="#"onclick="formname.submit（）"〉OK〈/a〉
这段文字要放在form里。
formname是这里要写在form中的name,〈formname=form111〉那么就应该是form111.submit（）
37,如何做一个空链接？
加#
38,利用〈IFRAME〉来给网页中插入网页。
经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了〈IFRAME〉,它只适用于IE，NS可是不支持〈IFRAME〉的，但围着的字句只有在浏览器不支援iframe标记时才会显示，如〈noframes〉一样，可以放些提醒字句之类的话。
你注意啊！
下面请和我学习它的用法。
分析代码：
〈iframesrc="iframe.html"name="test"align="MIDDLE"width="300"height="100"marginwidth="1"marginheight="1"frameborder="1"scrolling="Yes"〉〈/iframe〉
src="iframe.html"
用来显示〈IFRAME〉中的网页来源，必要加上相对或绝对路径。
name="test"
这是连结标记的target参数所需要的。
align="MIDDLE"
可选值为left,right,top,middle,bottom，作用不大。
width="300"height="100"
框窗的宽及长，以pixels为单位。
marginwidth="1"marginheight="1"
该插入的文件与框边所保留的空间。
frameborder="1"
使用1表示显示边框，0则不显示。
（可以是yes或no）
scrolling="Yes"
使用Yes表示容许卷动（内定），No则不容许卷动。
39,请问＜tbody＞的用法？
tbody用法据说是加强对表格的控制能力的.例如：
〈table〉〈tbody〉……..〈/tbody〉〈/table〉
tbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候，把它另存为
升级会员 