HTML框架代码全集

合集下载

HTML框架代码全集

HTML框架代码全集

框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。

在每一个字窗口中显示一个HTML文档。

我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。

一,基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。

下面我们就来了解一下这三个标签的作用和相应的属性。

(一),<Frameset>标签。

该标签是框架设计标签,成对使用。

首尾标签之间的内容就是使用到框架的HTML主体部分。

在使用框架的HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的内容。

<Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。

<Frameset>标签有两个属性。

rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗口的高度(宽度)。

这两个属性的参数值可以是数字、百分数或符号“*”。

下面我们来分别解释一下:(1)数字。

表示子窗口高度(宽度)所占的像素点数。

(2)百分数。

表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。

(3)符号“*”。

当符号*只出现一次。

即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。

当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。

例如:<Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。

HTML 常用代码大全

HTML 常用代码大全

H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> (放在档案的开头与结尾)2.文件主题 <TITLE></TITLE> (必须放在「文头」区块内)3.文头 <HEAD></HEAD> (描述性资料,像是「主题」)4.文体 <BODY></BODY> (文件本体)5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)8.强调 <EM></EM> (通常会以斜体显示)9.特别强调 <STRONG></STRONG> (通常会以加粗显示)10 引文 <CITE></CITE> (通常会以斜体显示)11 码 <CODE></CODE> (显示原始码之用)12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> (文字与图片都可以)16 基本字体大小 <BASEFONT SIZE=> (从 1 到 7; 内定为 3)17 说明 <!—说明内容 --> (浏览器不会显示)18 贴图:<img src="图片地址">19 加入连接:<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯):<marquee>写上你想写的字</marquee>22 字体加粗:<b>写上你想写的字</b>23 字体斜体:<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大,h5 最小)28 更改字体颜色:<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行:<br>33 段落:<p>段落</p> 34 原始文字样式:<pre>正文</pre>35 换帖子背景:<body background="背景图片地址">36 固定帖子背景不随滚动条滚动:<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色:<body bgcolor="#value">(value 值见 10)38 帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>39 贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:<font size="2">这里放要处理的文字,可用 3、4、5 等设置大小</font>41 字体颜色代码:<font color="red">这里放要处理的文字,可以换成 blue,yellow 等</font>,也可以使用十六进制数字表示如#D5A9C442 文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>43 背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound >44 图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">45 浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>这只是文章的一部分,想要了解更多,请到本网站来找您需要的信息{。

html代码大全

html代码大全
<h2>设定不同的连接颜色</h2>
测试body标签<p>
<a href="/">默认的连接颜色</a>
<p>
<a href="">正在按下的连接颜色,</a>
<p>
<a href="/">访问过后的连接颜色,</a>
页面跳转:〈A HREF="文件路径/文件名"></A>
通过HTML可以展现多媒体的效果:
声频:<EMBED SRC="音乐地址" AUTOSTART=true>
视频:<EMBED SRC="视频地址" AUTOSTART=true>
HTML只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器ቤተ መጻሕፍቲ ባይዱ用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。
二、 HTML的基本结构:
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,
link 设定页面默认的连接颜色
alink 设定鼠标正在单击时的连接颜色
vlink 设定访问后连接文字的颜色
background 设定页面背景图像
bgcolor 设定页面背景颜色
leftmargin 设定页面的左边距
topmargin 设定页面的上边距

HTML代码汇总详解

HTML代码汇总详解

HTML代码说明一、文字<h?>...</h?> 题目字、1最大--6最小、(?=1--6)<font>...</font> 字体1、size 属性:字体大小1--7、语法<font size=></font>2、face 属性:字体字形名称、语法<font face=></font>3、color 属性:字体颜色、语法<font color=></font><small>...</small> 显示小字体<big>...</big> 显示大字体<em>...</em> 强调文本(一般是斜体)<strong>...</strong> 加重文本(一般是粗体)<cite>...</cite> 引用,一般是斜体<code>...</code> 用来指出这是一组代码<q>…..</q> 短的引用语(以“”双引号)显示文字<b>...</b> 粗体字<i>...</i> 斜体字<tt>...</tt> 打字机字体<u>...</u> 下划线<strike>...</strike> 删除线<sub>...</sub> 下标字<sup>...</sup> 上标字<blink>...</blink> 字体闪烁<br/> 换行符(回车)<span>...</span> 标签被用来组合文档中的行内元素、css样式表下利用才有成效<blockquote>...</blockquote>标签之间的所有文本都会左右两边缩排显示&nbsp; 空格符、不需要尖括号<div>...</div> 是一个块级元素、能够把文档分割为独立的、不同的部份、被包括的文本会自动换行。

HTML框架代码全集

HTML框架代码全集

HTML框架代码全集/*****列分*****/<frameset cols = "25%,%75">/*FRAMESET⽤来划分框窗,每⼀窗框由⼀个FRAME标记标⽰FRAME必须FRAMESET范围中使⽤*/<frmae noresize = "noresize" name = "" src = "">/*使⽤Noresize属性可以确保Frame的⼤⼩。

如果不使⽤noresize属性,你可以⽤⿏标移动Frame的边界,来改变Frame的⼤⼩*/<frmae src = "">/*frame属性:scr=" "定义在帧中显⽰的内容的来源,frameborder=" "定义帧之间的边界,margwidth=" "设置帧的边界和其中内容之间的间距,margheight=" "设置帧的边界和其中内容之间距,noresize=" "同上,scrolling=" "设置滚动条的表⽰⽅式(auto, yes, no)*/</frameset>/******⾏分*****/<frameset rows = "25%,%75"><frame src = ""><frame src = ""></frameset>/****混合******/<frameset rows = "25%,%75><frame src = ""><frame cols = "25%,%75"><frame src = ""><frame src = ""></frameset></frameset>⽹页框架代码<iframe border=0 name=lantk src="要嵌⼊的⽹页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>特点是⽆论使⽤何种分辨率,它的⼤⼩和位置都是不变的。

HTML代码汇总详解

HTML代码汇总详解

HTML代码解释一、文字<h?>...</h?> 标题字、1最大--6最小、(?=1--6)<font>...</font> 字体1、size 属性:字体大小1--7、语法<font size=></font>2、face 属性:字体字形名称、语法<font face=></font>3、color 属性:字体颜色、语法<font color=></font><small>...</small> 显示小字体<big>...</big> 显示大字体<em>...</em> 强调文本(通常是斜体)<strong>...</strong> 加重文本(通常是粗体)<cite>...</cite> 引用,通常是斜体<code>...</code> 用来指出这是一组代码<q>…..</q> 短的引用语(以“”双引号)显示文字<b>...</b> 粗体字<i>...</i> 斜体字<tt>...</tt> 打字机字体<u>...</u> 下划线<strike>...</strike> 删除线<sub>...</sub> 下标字<sup>...</sup> 上标字<blink>...</blink> 字体闪烁<br/> 换行符(回车)<span>...</span> 标签被用来组合文档中的行内元素、css样式表下使用才有效果<blockquote>...</blockquote>标签之间的所有文本都会左右两边缩排显示&nbsp; 空格符、不需要尖括号<div>...</div> 是一个块级元素、可以把文档分割为独立的、不同的部分、被包含的文本会自动换行。

html代码大全很全

html代码大全很全

html代码⼤全很全Html⽹页的代码很全哦1)贴图:<img src="图⽚地址">2)加⼊连接:<a href="所要连接的相关地址">写上你想写的字</a>1)贴图:2)加⼊连接:写上你想写的字3)在新窗⼝打开连接:写上要写的字消除连接的下划线在新窗⼝打开连接:写上你想写的字4)移动字体(⾛马灯):写上你想写的字写上你想写的字5)字体加粗:写上你想写的字6)字体斜体:写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加⼤: 写上你想写的字10)字体控制⼤⼩:写上你想写的字(其中字体⼤⼩可从h1-h5,h1最⼤,h5最⼩)11)更改字体颜⾊:写上你想写的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:写上你想写的字13)贴⾳乐:14)贴flash:15)贴影视⽂件:16)换⾏:17)段落:段落18)原始⽂字样式:正⽂19)换帖⼦背景:20)固定帖⼦背景不随滚动条滚动:21)定制帖⼦背景颜⾊:(value值见10)22)帖⼦背景⾳乐:23)贴⽹页:/----------------------------------------HTML特效代码--------------------------------/ 1。

忽视右键或2。

加⼊背景⾳乐IE:NS:*.mid你的背景⾳乐的midi格式⽂件3。

简单的window.open⽅法onclick="javascript :window.open(⽂件路径/⽂件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">⽂字或图⽚参数解释:js脚本结束4。

简单的页⾯加密5。

最全Html代码大全,学习必备资料

最全Html代码大全,学习必备资料

最全Html代码⼤全,学习必备资料⼀、⽂字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)⾊码rrggbb也可⽤6位颜⾊代码数字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#>标签时会⾃动设回预设的向左对齐。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。

在每一个字窗口中显示一个HTML文档。

我们这回就来看看多文档的基本结构和子窗口之间的交叉。

一,基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。

下面我们就来了解一下这三个标签的作用和相应的属性。

(一),<Frameset>标签。

该标签是框架设计标签,成对使用。

首尾标签之间的容就是使用到框架的HTML主体部分。

在使用框架的HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的容。

<Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。

<Frameset>标签有两个属性。

rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗口的高度(宽度)。

这两个属性的参数值可以是数字、百分数或符号“*”。

下面我们来分别解释一下:(1)数字。

表示子窗口高度(宽度)所占的像素点数。

(2)百分数。

表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。

(3)符号“*”。

当符号*只出现一次。

即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。

当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。

例如:<Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。

(二),<frame>标签。

HTML用<frame>标签来标识子窗口。

<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。

在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配,依次定义各个窗口的性质。

<frame>标签有7个属性,除SRC属性是不可缺省的外,其他属性都是可选的。

(1)SRC属性。

用以定义子窗口的名称。

(2).name属性。

用于定义子窗口的名称。

(3)frameboder属性。

该属性的参数值为1或0。

当参数值为1时,表示该子窗口有边框,为0时没有边框。

该属性缺省值为1。

(4)bordercolor属性。

用以规定子窗口的边框颜色。

如果在一个以上的<frame>标签中定义了子窗口的边框颜色,则以第一次指定的颜色为标准。

在指定边框颜色时,可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。

bordercolor属性的参数值可以是16种颜色中的任意一种。

(5)sclling属性。

属性的参数值为yes,no或auto之一。

参数值为yes时表示该子窗口始终有滚动条。

为no时是始终没有滚动条。

为auto时表示当文档的容超出窗口围时,浏览器自动为该子窗口添加滚动条。

scolling属性的缺省值为auto.(6)maginwidth和marginwidht属性。

这两个属性是用来指定显示容与窗口边界之间的空白距离大小的。

其中maginwidth属性用于确定显示容与左右边界之间的距离;maginwidht用来确定显示容与上下边界之间的距离。

这两个属性的参数值都是数字。

分别表示左右边距所占的像素点数。

(三),<noframes>标签。

使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免浏览者对空白窗口画面感觉莫名其妙。

<noframes>标签是成对使用的。

首尾标签之间的容就上告之浏览者的信息。

如“如您看到空白的画面说明您的浏览不支持框架显示”。

虽然常用的两中浏览器IE和NC都是支持框架显示的。

但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。

(四),基本结构。

我们举例说明HTML中框架文档的基本结构:<html><head><title>文档标题</title></head><Frameset Cols="值1,值2,……,值n>将浏览器窗口分割为n个窗口。

<Frame SRC="1.html"><frame SRC="2.html">...<frame SRC="n.html"></Frameset><noframes>如果您看到空白的画面,说明您的浏览器是不支持框架机构的</noframes></html>其中,<frameset>标签是可以嵌套使用的,也就是说,可以将其中某一个或几个子窗口划分为若干个更小的窗口。

例如:<html><Frameset cols="30%,90,*"><frame SRC="1.html"name=cont><frame SRC="caipage.gif"><frame SRC="2.html"></frameset><frame SRC="f2.html"name=another marginheight=120></frameset><noframes>您使用的浏览器不支持框架</noframes></html>二,目标窗口的交叉。

为了方便用户进行搜索和浏览,我们经常用到一系列锚标组成的索引目录显示在一个子窗口中,而将锚标所指向的容放在另一个子窗口中。

显示锚标的子窗口通常被成为”源窗口“,显示目标文档的窗口则称之为“目标窗口”。

在进行交叉<frame>标签的name属性定义目标窗口的名称,然后再修改显示在源窗口中的文档。

在所有的<A>标签中添加语句target="目标窗口名称"来指定目标文档的显示位置。

例如:/P>连接时,我们必须先用<html><head><title>目标窗口测试页</title></head><frameset cols="30%,90,*"><frame src='f1.html"marginheight=60><frameset rows="120,*"><frame src="caipage.gif"><frame src="2.html"></frameset><frame src="f2.html"name=another marginheight=60></frameset><noframes>您的浏览器不支持框架结构</noframes>其中,第一个子窗口是源窗口。

我们在源窗口的对应文档f1.html中定义了一系列锚标,该文档的容如下:<html><body><<center>(说明:文档主体容举重显示<P><A href="田园风光.jpg" target="another">田园风光</A><P><A href="qiu.jpg" target="another">金色秋天</A><P><A href="tong.html" target="another">渔哥唱晚</A><P><A href="pig.gif" target="another">夕阳无限</A><P></body></html>当用户点击锚标“田园风光”后,浏览器将在目标文档显示锚标的连接对象HTML框架代码全集(网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>特点是无论使用何种分辨率,它的大小和位置都是不变的。

我所收集的:1.<frameset border="0" cols="0,*" frameborder="0" framespacing="0" onload="init()" onhelp="noHelp()" onkeydown="noEffect()"ondragstart="noEffect()" oncontextmenu="noContext()"><frame name="oPlus" src="" noresize><frame name="oMain" src="lovelucking.onlybeloved." frameborder="0" noresize scrolling="auto"></frameset>2.右边框架<frameset cols="*,150" frameborder="0" border="0" framespacing="0"><frame src="lovelucking.onlybeloved." name="mm" frameborder="0"><frame src="右边网址." name="rightFrame" frameborder="0" scrolling="NO" noresize></frameset>3.上下框架<frameset rows="28,*" frameborder="NO" border="0" framespacing="0"><frame src="上部网址/index.htm" name="dj-play" scrolling="no" noresize ><frame src="lovelucking.onlybeloved." name="mainFrame" scrolling="auto"> </frameset>4.网页嵌框架<IFRAME align=middle marginWidth=0 vspace=-0 marginHeight=0src="lovelucking.onlybeloved." frameBorder=no width=400 scrolling=auto height=300></IFRAME>~~~~~也可以自己修在框架大小:<table width="宽大小" height="高大小"><TD align=middle width=宽大小height=高的大小><IFRAME name=sucai1 marginWidth=0 frameSpacing=0 marginHeight=0src="所要放的网页的地址" frameBorder=0 width=400height=380></TD></table></IFRAME>在当前网页中包含另一个网页:<iframe src=另一个网页地址></iframe>9、网页打开后,隔一定时间自动刷新:<META HTTP-EQUIV="refresh" CONTENT="时间间隔秒">10、网页打开后,隔一定时间自动跳转到另一页:<meta http-equiv="Refresh" content="时间间隔秒; url=另一个网页地址">两个域名同一个空间自动跳转的ASP代码<%if Request.ServerVariables("SERVER_NAME")="cdpy." then response.redirect "default.asp"else%><%end if%><%if Request.ServerVariables("SERVER_NAME")=".cdpy." then response.redirect "default.asp"else%><%end if%><%if Request.ServerVariables("SERVER_NAME")="xingqiba." then response.redirect "cdhome/default.asp"else%><%end if%><%if Request.ServerVariables("SERVER_NAME")=".xingqiba." then response.redirect "cdhome/default.asp"else%><%end if%><%if Request.ServerVariables("SERVER_NAME")="blog.xingqiba." then response.redirect "blog/"else%>html中跳转最全代码<head><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>正在进入</title></head><body><form name=loading><p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font><input type=text name=chart size=46 style="font-family:Arial;font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;"><input type=text name=percent size=47 style="color:#0066ff;text-align:center; border-width:medium; border-style:none;"> <script>var bar=0var line="||"var amount="||"count()function count(){bar=bar+2amount =amount + linedocument.loading.chart.value=amountdocument.loading.percent.value=bar+"%"if (bar<99){setTimeout("count()",100);}{window.location = "";}}</script></p></form><p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href=""><font color="#FF0000">请点这里</font></a>.</p> </body></html>脚本方式如:<script language="javascript" type="text/javascript"><!--window.location='index.html';//--></script>html的meta方式如:<meta http-equiv='Refresh' content='0;URL=index.html'>这种方法的好处是可以控制重定向的时间.。

相关文档
最新文档