html框架布局网页代码(html框架布局网页代码百色职业学院)
代码如下,使用嵌套框架就行:
frameset?rows="100,*"?border="1"
????!--?上面的一窄列?--
????frame?src="header.html"/frame
????!--?下面的3列,宽度分别为20%,60%,20%?--
????frameset?cols="20,60,20"?border="1"
????????frame?src="left.html"/frame
????????frame?src="middle.html"/frame
????????frame?src="right.html"/frame
????/frameset
/frameset
怎么用html制作简单得网页代码?用html制作简单的网页的步骤:
1、整体形象设计:企业确定要搭建网站,那么首先就需要确定企业的整体形象,这个形象包括企业的logo设计,整个站点的色彩搭配,网页流程设计,版面设计,甚至包括哪些地方本使用动态效果,哪些地方搭配文字信息,又或者需要布局哪些模块等等,这个都需要纳入到整体形象设计当中。
2、页面风格设计:网站整体设计完成之后,需要落实到每个小的页面,每个页面风格设计可以不同,但大的方向却需要一致,这样才能保证整个站点是整洁有序的,千万不能是一个页面一个页面设计,这样让用户感觉到非常突兀,甚至会不适应。
3、代码设计:代码设计其实也就是功能设计,一个网站不可能只是展示,还需要有一些其他功能,最少有联系版块的功能,留言功能等等,如果是电子商务网站还需要一些支付功能等等。此外,代码设计也涵盖了整个网站的框架布局,这个需要站长结合SEO优化元素去设计。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
html网页内容很多,该怎么精简代码?html代码冗余有几个方面因素。
第一是布局,第二是嵌套,第三是样式
1、布局这个很好理解,尽量用div+css布局,不要用table,尤其是输出循环内容的时候,用table弱爆了。相信现在很少有人用table布局了吧。
2、嵌套太多,确实会造成代码冗余。现在有很多html框架,帮开发人员节省了开发时间,但毫无疑问,也带来了一些容器嵌套。如果对自己的开发能力ok,可以不用那些框架,如:bootstrap、layui等。
3、有不少人写样式的时候,喜欢用内联比如divstyle="text-align:center;font-size:12px;"之类的这种写法每一个容器都得写,无疑会造成代码冗余。
基本上就这些吧。
网页设计常用HTML代码网页设计常用HTML代码大全
HTML是用来描述网页的一种语言。下面我为大家分享HTML代码,希望对大家学习html代码有帮助!
忽视右键
bodyoncontextmenu="returnfalse"
或
bodystyle="overflow-y:hidden"
1.如何几秒后转到别的页面?
METAHTTP-EQUIV="Refresh"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="Close"
/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‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为红色/button
请问如何让网页自动刷新?
在head部记入METAHTTP-EQUIV="Refresh"content="20"其中20为20秒后自动刷新,你可以更改为任意值。
5.如何让页面自动刷新?
方法一,用refresh
HTML代码片段如下:
head
metahttp-equiv="refresh"content="5"
/head
5表示刷新时间
[Ctrl+A全部选择提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
imgsrc=/logo.gif
script
functionrl(){
document.location.reload()
}
setTimeout(rl,2000)
/script
6.如何让超链接没有下划线
在源代码中的HEAD…/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="cursor:hand"hand/abr
ahref="#"style="cursor:move"move/abr
ahref="#"style="cursor:e-resize"e-resize/abr
ahref="#"style="cursor:ne-resize"ne-resize/abr
ahref="#"style="cursor:nw-resize"nw-resize/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-resize/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-equiv="Content-Type"content="text/html;charset=gb2312"
scriptlanguage="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
TITLE默林/TITLE
METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312"
/HEAD
BODY
pOBJECTid=simsclassid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F
/OBJECT
SCRIPT
varMerlinID;
varMerlinACS;
sims.Connected=true;
MerlinLoaded=LoadLocalAgent(MerlinID,MerlinACS);
Merlin=sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可爱吗?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
functionLoadLocalAgent(CharID,CharACS){
LoadReq=sims.Characters.Load(CharID,CharACS);
return(true);
}
/SCRIPT
/p
p/p
p看此效果必须装有office2000!!!/p
/BODY
/HTML
14.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML代码片段如下:
htmlhead
STYLE
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
/STYLE
/head
bodybgproperties="fixed"
/body
/html
[Ctrl+A全部选择提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat;是让背景图不占满整个页面
bodybgproperties="fixed"是拉动scroll时背景图不动
15.文本输入框什么属性能实现不可输入?
HTML代码片段如下:
inputtype="text"name="textfield"disabled
或者
inputtype="text"name="textfield"readonly
16.如何禁止自己的页面在别人的框架里打开?
把以下代码加至你的head区
script
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+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=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=infinite
NS:embedsrc="*.mid"autostart=truehidden=trueloop=true
*.mid你的背景音乐的midi格式文件
关于页面转换效果
metahttp-equiv="page-enter"content="revealTrans(Duration=4,Transition=23)"
或
metahttp-equiv="page-exit"content="revealTrans(Duration=4,Transition=23)"
说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果
如何设定打开页面的大小
HTML代码片段如下:
bodyonload="top.resizeTo(300,200);"!--(width,height)--
怎样双击滚屏,单击停止?
HTML代码片段如下:
html
head
title新网页1/title
/head
body
scriptlanguage"Bstyle="color:black;background-color:#A0FFFF"javascript/B"
varcurrentpos,timer;
functioninitialize()
{
timer=setInterval("scrollwindow()",10);
}
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
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
表单中如何用图片按钮实现reset?
html
head
script
functionaaa(){
document.forms[0].reset()
}
/script
/head
body
form
textarearows="2"name="S1"cols="20"/textarea
inputtype="submit"values="提交"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="Command"value="RelatedTopics,menu"
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="下拉
html页面框架
html页面框架可以分为内框架和外框架 外框架:多个独立的页面,组合成一个整体页面 框架页面:使用框架页面,先把框架页面中的body删除 <frameset cols\/rows=”” frameborder=“”> <frame src=“” noresize="noresize"> <frame src=“” noresize="noresize"> <frame src=“” noresize="...
html框架是什么?和DIV布局有什么不同?
这样说吧 比如建房子:html是房子的框架 css 是房子的装修 js是房子里的智能家电。框架是指 房子统一都给你建好了 ,你需要什么在去添加什么。
怎么进行divcss网页布局
<\/html> 3 下面我们去main.css写一些属性看看是不是能控制index文件。我希望整个页面是粉色的,看上去温馨,我在main.css里写上*{background:FF66FF}看看。我们打开index文件看看是不是在浏览器上是不是粉色的。在浏览器上是粉色的,表示已经受到css样式表的控制了。4 下面我们进行布局一般网页都是3...
怎样制作html网页
怎样制作html网页?制作网页的整体思路有:在进行网页制作的时候,要明白网页的类型以及所需要的材料,并做好一个框架构想,这样利于网页的效果形成,对后期的建设有相应的链接作用和奠基作用。先布局,再用CSS进行控制。骨架搭好了,初始化样式。注意:将CSS的样式导入到外部样式表时,要注意图片的位置,...
css简单的网页框架(网页css制作)
代码没有问题,如果不起作用,估计是css路径有问题,检查目录html\/css\/scxs.css是否正确。策划好页面的内容,功能,和布局框架;根据策划稿制作出页面设计图,可以用ps或者fw等图形处理软件;切割设计图,根据web标准用xhtml、css制作出html页面;浏览器兼容性测试(可以与切割设计图同步进行)。css框架支持...
html常见的三种页面布局方法
流动布局流动布局是浏览器默认的布局方式。他会按照你所写的标签特性,从上至下、从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类:1.行级元素:不独占一行,不能设置元素的高度、宽度和底边边距,它的宽度和高度是由他的内容撑起来的。2.行内块元素:不独占一行,可以设置...
html5页面怎么布局
行内元素的代表标记 span ,行内标记不具备组织结构框架 9)网页布局分为:自然布局,浮动布局, 定位布局 10)当一个元素被定义为浮动显示时,即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以,应该有个好的习惯即把浮动元素设置高和宽。如果没有设置,则元素会按照它所包含的内容大小...
为什么要用div+css来进行网页布局?
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。定义:<div>可定义文档中的分区或节(division\/section)。<div>标签可以把文档分割为独立的、不同的部分。它可以...
html页面布局怎么设置
1、所谓HTML是超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。2、HTML页面布局有两种方式,一种是TABLE布局,一种是DIV布局。3、以前WEB1.0时代基本上都是table布局,后来WEB2.0,3.0时代,都是以DIV布局为主。但是div布局的编写难度比table布局要高。4、...
html 标签 属性
11、利用框架布局网页设置框架整体结构<frameset rows=”高度”>~<\/frameset><frameset cols=”宽度”>~<\/frameset><frame src=”URL” name=”框架名称”>高度:在垂直方向上分布的多个框架的高度,按从上到下的顺序依次用逗号隔开来指定宽度:在水平方向上分布的多个框架的宽度,按从左到右的顺序依次用逗号隔开来...
缑琴联邦: 完整范例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> <TITLE>框架页面</TITLE> <META http-equiv="Content-Type" content="text/html; charset=...
裕民县17017518358: 用html写出一个完整的网页结构 - ?
缑琴联邦: <html><head>这里是标题栏</head><body>这里是网页内容</body></html> 不知道你的要求要多完整,这个应该是最简单的完整网页结构.
裕民县17017518358: 急求HTML格式完整网页框架代码 - ?
缑琴联邦: 完整范例: 框架页面 <BODY> </BODY>
裕民县17017518358: 谁会html语言,帮我写一个简单网页的代码框架. 急需!!! - ?
缑琴联邦: <html><head><style type="text/css"> body{background:url(这里是网页背景图片);}#d{width:100%;text-align:center;}#dd{width:940px;height:60px;background:white;}#d-h{width:940px;height:240px;background:black;}#d-b{width:940px;height:...
裕民县17017518358: 急求!!!网页设计 HTML代码大全?
缑琴联邦: HTML标记_HTML大全_HTML标记大全_超文本标记语言 网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成.您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码....
裕民县17017518358: 如何设置HTML代码中的“框架” - ?
缑琴联邦: 常用窗口标记 ... 定义分割窗口. 相关属性 : ·BORDER 边框 ·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 ) ·FRAMEBORDER 显示边框 ·ROWS 列 , 设定分割上下窗口高度 ( 用『,』分隔,...
裕民县17017518358: 我想在一个HTML版面显示外面连接的一个网页,那个代码是怎么写呀??
缑琴联邦: 下面的例子使用了 IFRAME 元素创建了包含页面 http://www.gdqsdz.com/index.html 的框架. 显示外面连接的一个网页 <IFRAME ID=IFrame1 FRAMEBORDER=0 SCROLLING=NO SRC=" http://www.gdqsdz.com/index.html"></IFRAME> iframe ...
裕民县17017518358: 求html网页代码?
缑琴联邦: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/http; charset=utf-8"><title>测试页</title><style type="text/css"> body{ margin: 0; padding: 0; }.main{ background-color: white; padding:0 300px; height: 700px; }...
裕民县17017518358: 描述html网页基本结构框架 - ?
缑琴联邦: <html>总体</html> <title>网页标题</title> <head>头部</head> <body>网页的身体</body>
裕民县17017518358: 求一个框架网页代码 - ?
缑琴联邦: <html><head></head><frameset rows="0,*" frameborder="no" border="0" framespacing="0"> <frame name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /> <frame src="index2.html" name="mainFrame" id="mainFrame" /></frameset><noframes><body></body></noframes></html>