HTML代码实践：轻松掌握网页制作技巧

网页设计中常用的HTML代码

网页设计中常用HTML代码的完整列表

HTML是一种用于描述网页的语言。
下面我将HTML代码分享给大家。
希望对您学习HTML代码有所帮助！

忽略右键单击

bodyoncontextmenu="returnfalse"

或

bodystyle="overflow-y:hidden"

METAHTTP-EQUIV="刷新"CONTENT="时间；URL=地址"

2.点击关闭窗口

ahref="_javascript:top.window.close();"点击关闭窗口/a！

3.如何去掉主页右侧的滚动条？

bodyscroll="no"

bodystyle="overflow-y:hidden"

4.如何自动关闭网页。

html

head

OBJECTid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

paramname="Command"value="关闭"

/object

/head

bodyonload="window.setTimeout(''''closes.Click()'''',10000)"

此窗口将在10点后自动关闭秒而不提示关闭。
/body

如何在不刷新页面的情况下更新CSS？

style

button{color:#000000;}

/style

buttononclick=document.styleSheets[0].rules[0].style.color=''''red''''单击按钮可更改直接样式标签按钮选择器将按钮更改为红色/按钮

如何让网页自动刷新？

在标头中输入METAHTTP-EQUIV="Refresh"content="20"，其中20是自动的20秒后刷新的意思。
您可以将该值更改为任何值。

5.如何让页面自动刷新？

方法一，使用刷新

HTML代码片段如下：

head

metahttp-equiv="refresh"content="5"

/head

5代表更新时间

[Ctrl+A全选提示：可以先更改部分代码，然后按运行]

方法2，使用setTimeout控件

imgsrc=/logo.gif

脚本

functionrl(){

_document.location.reload()

脚本

functionrl(){

_document.location.reload()

}

setTimeout(rl,2000)

/script

6.如何在源代码中创建不带下划线的超链接

H在EAD…/HEAD之间输入以下代码：

styletype="text/css"!--

a{text-decoration:none}

--/style

7.如何去掉IE中的上下滚动条？

bodystyle=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘

/body

8.如何与网页上的RealPlayer文件建立监听连接？

embedheight=25src=51js.rmtype=audio/x-pn-realaudio-pluginwidth=50autostart="false"controls="PlayButton"

9.如何用html实现浏览器后退按钮的作用是什么？

ahref="_javascript:history.go(-1)"点击返回/a

或

scripthistory.back()/script

10。
如何更改网页上鼠标箭头的形状？

HTML代码片段如下：

body

ahref="#"style="cursor:auto;"auto/abr

ahref="#"style="cursor:crosshair"crosshair/abr

ahref="#"style="cursor:default"default/abr

ahref="#"style="光标：手"hand/abr

ahref="#"style="cursor:move"移动/abr

ahref="#"style="cursor:e-resize"e-resize/abr

ahref="#"style="cursor:ne-resize"ne-resize/abr

ahref="#"style="cursor:nw-resize"nw-调整大小/abr

ahref="#"style="cursor:n-resize"n-resize/abr

ahref="#"style="cursor:se-resize"se-resize/abr

ahref="#"style="cursor:sw-resize"sw-resize/abr

ahref="#"style="cursor:s-resize"s-调整大小/abr

ahref="#"style="cursor:w-resize"w-resize/abr

ahref="#"style="cursor:text"text/abr

ahref="#"style="cursor:wait"wait/abr

ahref="#"style="cursor:help"help/abr

/body

11.如何避免使用页面缓存？这意味着每次打开页面时，不会调用缓存中的某些内容

METAHTTP-EQUIV="Pragma"CONTENT="no-cache"

12时会自动完成打开页面显示。
我该如何编写代码？

HTML代码片段如下：

html

head

titleUntitledDocument/title

metahttp-等价=“内容类型”内容=“文本/html;字符集=gb2312"

scriptlingual="Bstyle="color:black;background-color:#A0FFFF"javascript/B"

!--

functionMM_openBrWindow(theURL,winName,features){//v2.0

window.open(theURL,winName,features);

}

//--

/script

/head

bodybgcolor="#FFFFFF"text="#000000"onLoad="MM_openBrWindow('''''''','''',''''width=400,height=400'''')"

/body

/html

13.如何让正在发言的人出现在我的页面上？Merlin

HTML代码片段如下：

HTML

HEAD

TITLEMerlin/TITLE

METAhttp-equiv=Content-Typecontent=“te”xt/html;charset=gb2312"

/HEAD

正文

pOBJECTid=simsclassid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F

/OBJECT

脚本

varMerlinID;

varMerlinACS;

sims.Connected=true;

梅林Loaded=LoadLocalAgent(MerlinID,MerlinACS);

Merlin=sims.Characters.Character(MerlinID);

Merlin.Show();

Merlin.Play("惊讶");

Merlin.Speak("大家好");

Merlin.Play("GestureLeft")

Merlin.Think（“我是梅林！");

Merlin.Play("快乐");

Merlin.Think("是不是很可爱？");

梅林.Play("GestureDown");

梅尔lin.Speak("哈哈！");

Merlin.Hide();

functionLoadLocalAgent(CharID,CharACS){

LoadReq=sims.Characterrs.Load(CharID,CharACS);

return(true);

}

/SCRIPT

/p

p/p

14如何在页面中添加非完整背景图片，使背景图片不移动页面被拖动

HTML代码片段如下：

htmlhead

STYLE

正文{背景图像:url(logo.gif);

背景重复:无重复;背景位置:中心

/STYLE

/head

bodybgproperties="fixed"

/body

/html

[Ctrl+A选择提示all：可以先更改部分代码然后再进行点击“运行”]

background-repeat:no-repeat;让背景图片不占据整个页面

bodybgproperties="fixed"表示背景图片占据整个页面绘制卷轴时不移动

15.什么是文本输入字段？无法输入属性？

HTML代码片段如下：

inputtype="text"name="textfield"disabled

或

inputtype=“文本”名称=“textfield”只读

16。
如何防止您自己的页面在其他人的框架中打开？

将以下代码添加到您的head部分

脚本

if(window.top!=self){

window.top.location=self.location

}

/script

17.如何实现首页全屏显示？

HTML代码片段如下：

html

bodyscriptlanguage="Bstyle="color:black;background-color:#A0FFFF"javascript/B"

varcoolw=642

varcoolh=400

varcoolhuang=window.open("","coolhuang","width="+coolw+"，height="+coolh+"，

全屏=1，工具栏=0，位置=0，目录=0，状态=0，菜单栏=0，滚动条=0，可调整大小=0")

window.close()

/script/body/html

18.如何监控窗口何时关闭？

HTML代码片段如下：

bodyonunload="alert(''''您已关闭此窗口'''')"

19。
如何禁止Ctrl+N？

HTML代码片段如下：

bodyonkeydown=return(!(event.keyCode==78event.ctrlKey))

如何添加添加页面到用户的收藏夹？

HTML代码片段如下：

ahref="Bstyle="color:black;background-color:#A0FFFF"javascript/B:window.external.AddFavorite(''''''''',''''无忧脚本'''')"收集无忧脚本/a

如何为我的页面添加背景音乐？

IE:bgsoundsrc="*.mid"loop=无限

NS:embedsrc="*.mid"autostart=truehidden=trueloop=true

*.在你的背景音Le'smidi格式文件的中间

关于页面转换效果

metahttp-equiv="page-enter"content="revealTrans(Duration=4,Transition=23)"

或

metahttp-equal="page-exit"content="revealTrans(Duration=4,Transition=23)"

注意：Transition=23是随机效果，您可以选择0到0之间的任意数字22修复一些东西效果

如何设置打开页面的大小

HTML代码片段如下：

bodyonload="top.resizeTo(300,200）；”!--(宽度、高度)--

如何双击滚动并单击停止？

HTML代码片段如下：

html

head

标题新网页1/title

/head

正文

脚本语言"Bstyle="color:black;background-color:#A0FFFF"javascript/B"

varcurrentpos,定时器;

functioninitialize()

{

timer=setInterval("scrollwindow()",10);

}

功能c(){

clearInterval(timer);

}

functionscrollwindow()

{

currentpos=Document.body.scrollTop;

window.scroll(0,++currentpos);

if(currentpos!=document.body.scrollTop)

sc();

}

_document.onmousedown=sc

_document.ondblclick=initialize

/script

pa/ppa/ppa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppa/p

/body

/html

如何防止body中的文字被选中？

HTML代码片段如下：

bodyonselectstart="returnfalse"aaa/body

如何防止弹出窗口关闭？

将以下代码添加到新打开的窗口

bodyonunload=open(location.href)

/body

所以允许你浏览保存页面时服务器无法保存？

HTML代码片段如下：

NOSCRIPT

Bstyle="color:black;background-color:#ffff66"IFRAME/BSRC="*.html"

/Bstyle="color:black;background-color:#ffff66"IFRAME/B

/NOSCRIPT

如何使用图像按钮做这个在表单中实现重置？

html

Head

Script

functionaaa(){

document.forms[0].reset()

}

/script

/head

正文

表单

文本区域s="2"name="S1"cols="20"/textarea

inputtype="submit"values="submit"name="B1"

imagesrc="logo.gif"onclick=aaa()

/form

/body/html

进入网站时出现的信息对话框

bodyonLoad="window.alert(''''欢迎来到本站点'''')"

关闭窗口后，会出现一个对话框

bodyonUnload="window.alert(''''感谢光临！欢迎下次光临！'''')"

告别提醒

bodyonUnload=alert("再见，谢谢你的访问！")

创建右键菜单

OBJECTid=menutype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

PARAMname="命令"value="相关主题，菜单"

PARAMname="Item1"value="东易;"

PARAMname="Item2"value="搜狐;"

PARAMname="Item3"value="新浪;"

PARAMname="Item4"value="网易;"

PARAMname="Item5"value="互动学院;"

/OBJECTscriptif(document.all)document.body.onmousedown=NewFunction("if(event.button==2)menu.Click();")/script

下拉菜单

objectid=HHCtrltype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"PARAMname="Command"value="RelatedTopics,Menu"PARAMname="Item1"value="aspease;"PARAMname="Item2"value="byhu;"PARAMname="Item3"value="lzz;"/objectahref=_javascript:HHCtrl.Click()title="下拉菜单"下拉菜单/a

;

右键单击计算机桌面上的空白处，新建一个记事本并打开它。

2.将以下代码输入到新文件中。
HTML语言以htmlheadtitlebody等标签开头，以/html/head/title/body标签结尾。

3.接下来，在标题/标题标签中输入标题（例如个人网页）并输入“我自己创建的第一个网页，太棒了！”，然后单击“保存”。
完成。

弹出窗口的html的代码是怎么写的?

window.open("page.html")控制弹出新页面window.html如果page.html与主窗口不在同一个路径，则该路径必须先写，绝对路径（http://）和相对路径（../）都可以。

2.（“page.html”，“newwindow”，高度=100，宽度=400，顶部=0，左侧=0；工具栏=否，菜单栏=否，滚动条=否，可调整大小=否，位置=否，状态=否") 

[xss_clean]

[xss_clean]js脚本开始;window.open命令弹出一个新窗口-;文件“页面”弹窗名称为空";

3替换了，控制弹出窗口的函数

[xss_clean]

<!--

functionopenwin(){

window.open("page.html","newwindow",height=100,width=400,toolbar=no,menubar=no,scrollbars=no,ressized=no,位置n=否，status=no"

}

[xss_clean]

函数在这里定义。
openwin(),function内容是打开窗口

<!--

functionopenwin(){

window.open("page.html","newwindow","height=100,width=100，top=0，left=0，toolbar=no，menubar=no，scrollbars=no，可调整大小=no，location=no，status=no")

window.open("page2.html","newwindow2","高度=100,宽度=100,顶部=100,左侧=100,工具栏=否,菜单栏=否,滚动条=否,可调整大小=否,位置=否,status=no"

}

[xss_clean]

这样两个弹窗就不会互相遮盖，用top和left控制弹窗的位置，使其不互相遮盖。
5.在顶部窗口中打开文件1.htm，同时会弹出window.html小页面

[xss_clean]

<!--

</脚本>