您的位置：360文档中心› HTML框架代码全集

HTML框架代码全集

HTML框架代码全集
HTML框架代码全集

框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉。

一，基本结构HTML使用,和标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。</p><p>（一），<Frameset>标签。</p><p>该标签是框架设计标签，成对使用。首尾标签之间的容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现<body>标签，否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的容。</p><p><Frameset>标签作用是将窗口分割为若干个自窗口，子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。<Frameset>标签有两个属性。rows和cols，分别用来确定个子窗口的高度和宽度，格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割，依次表示各个自窗口的高度（宽度）。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下：</p><p>（1）数字。表示子窗口高度（宽度）所占的像素点数。</p><p>（2）百分数。表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。（3）符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。例如：</p><p><Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列，第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%，第三个子窗口占剩余空间的1/3，宽度为整个浏览浏览器窗口宽度的20%。</p><p>（二），<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配，依次定义各个窗口的性质。<frame>标签有7个属性，除SRC属性是不可缺省的外，其他属性都是可选的。</p><p>（1）SRC属性。用以定义子窗口的名称。</p><p>（2）.name属性。用于定义子窗口的名称。</p><p>（3）frameboder属性。该属性的参数值为1或0。当参数值为1时，表示该子窗口有边框，为0时没有边框。该属性缺省值为1。</p><p>（4）bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的边框颜色，则以第一次指定的颜色为标准。在指定边框颜色时，可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。</p><!--/p1--><!--p2--><p>（5）sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的容超出窗口围时，浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto.</p><p>（6）maginwidth和marginwidht属性。这两个属性是用来指定显示容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示容与左右边界之间的距离；maginwidht用来确定显示容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。</p><p>（三），<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性，我们最好还是养成使用这个标签的习惯。</p><p>（四），基本结构。</p><p>我们举例说明HTML中框架文档的基本结构：</p><p><html></p><p><head></p><p><title>文档标题</title></p><p></head></p><p><Frameset Cols="值1,值2,……,值n>将浏览器窗口分割为n个窗口。</p><p><Frame SRC="1.html"></p><p><frame SRC="2.html"></p><p>.</p><p>.</p><p>.</p><p><frame SRC="n.html"></p><p></Frameset></p><p><noframes>如果您看到空白的画面，说明您的浏览器是不支持框架机构的

其中，标签是可以嵌套使用的，也就是说，可以将其中某一个或几个子窗口划分为若干个更小的窗口。例如：

您使用的浏览器不支持框架

二，目标窗口的交叉。

为了方便用户进行搜索和浏览，我们经常用到一系列锚标组成的索引目录显示在一个子窗口中，而将锚标所指向的容放在另一个子窗口中。显示锚标的子窗口通常被成为”源窗口“，显示目标文档的窗口则称之为“目标窗口”。

在进行交叉标签的name属性定义目标窗口的名称，然后再修改显示在源窗口中的文档。在所有的标签中添加语句target="目标窗口名称"来指定目标文档的显示位置。例如：/P>连接时，我们必须先用

目标窗口测试页

fscommand ("showmenu", "false"); 4、当鼠标经过时动画播放到某处 on (rollover) { gotoAndPlay(10); } 当鼠标按下时动画播放到某处 on (release) { gotoAndPlay(1); } 5、播完动画后自动跳到某网页 getURL("siteindex.htm", _self); 6、设为首页 on (release) { getURL("javascript:void(document.links.style.behavior='url(#default#homepage)');v oid document.links.setHomePage ('https://www.360docs.net/doc/306679896.html,/')", "_self", "POST"); } 注意要将网页中的flash的ID号命名为"links"

网页HTML中各个代码意思大全

网页HTML中各个代码意思大全 网页HTML代码中的h1，p，a，tr，td……分别代表什么意思？相信还有很多人都不太了解，现在我们就具体讲一下它们的意思及用法： h1 一级标题， h2 二级标题， p 段落， a 超连接， tr 表格行， td 表格列， li 标签定义列表， ul 标签定义列表中的无序列表 这些都是HTML中的常用标签他们都有特定的定义 没有英文全名 HTML标签详解 结构 ＜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＞

HTML代码大全

<><> 创建一个文档 <><> 设置文档标题和其它在网页中不显示地信息 <><> 设置文档地标题 <><> 最大地标题 <><> 预先格式化文本 <><> 下划线 <><> 黑体字 <><> 斜体字 <><> 打字机风格地字体 <><> 引用,通常是斜体 <><> 强调文本(通常是斜体加黑体) <><> 加重文本(通常是斜体加黑体) < "" ""><> 设置字体大小从到，颜色使用名字或地十六进制值 <><> 基准字体标记 <><> 字体加大 <><> 字体缩小 <><> 加删除线 <><> 程式码 <><> 键盘字 <><> 范例 <><> 变量 <><> 向右缩排 <><> 述语定义 <><> 地址标记 <><> 上标字 <><> 下标字 <>...<>固定寬度字体(在文件中空白、換行、定位功能有效) <>...<>固定寬度字體(不執行標記符號) <>...<> 固定寬度小字體 < >...<>字體顏色 < >...<>最小字體 < " ">...<>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<><> 创建一个段落 < ""> 将段落按左、中、右对齐 <>换行插入一个回车换行符 <><> 从两边缩进文本 <><> 定义列表 <> 放在每个定义术语词前 <> 放在每个定义之前 <><> 创建一个标有数字地列表 <><> 创建一个标有圆点地列表 <> 放在每个列表项之前,若在<><>之间则每个列表项加上一个数字, 若在<><>之间则每个列表项加上一个圆点 < ""><> 用来排版大块段落,也用于格式化表 <> 选项清单

<> 目录清单 <><> 强行不换行 < "" "" "">水平線(設定寬度) <><> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆< ""><> 创建超文本链接 < ""> <> 创建自动发送电子邮件地链接 < ""><> 创建位于文档内部地书签 < ""><> 创建指向位于文档内部书签地链接 <> 文档中不能被该站点辨识地其它所有链接源地 <> 定义一个链接和源之间地相互关系 ◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆ ◆"..."决定链接源在什么地方显示(用户自定义地名字， ◆"..."发送链接地类型 ◆"..."保存链接地类型 ◆"..."指定该元素地热键 ◆"..."允许我们使用已定义地形状定义客户端地图形镜像(，，， ◆"..."使用像素或者长度百分比来定义形状地尺寸 ◆"..."使用定义过地元素设置在各个元素之间地焦点获取顺序(使用键使元素获得焦点) ◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆ <><> 创建一个表格 <><> 表格中地每一行 <><> 表格中一行中地每一个格子 <><> 设置表格头:通常是黑体居中文字 < ""> 设置表格格子之间空间地大小 < ""> 设置边框地宽度 < ""> 设置表格格子边框与其内部内容之间空间地大小 < ""> 设置表格地宽度.用绝对像素值或总宽度地百分比 < ""> 设置表格格子地水平对齐方式() < ""> 设置表格格子地水平对齐方式() < ""> 设置表格格子地垂直对齐方式() < ""> 设置一个表格格子跨占地列数(缺省值为) < ""> 设置一个表格格子跨占地行数(缺省值为) < > 禁止表格格子内地内容自动断行 <><> 表格地标题 <><> 定义多个列为一组列 <><> 创建一个表格 <><> 定义表格地页眉 <> 定义一个列组中地列，以便对它们能够同时设置有关属性 <><> 定义一个表格地实体 <><> 定义一个表格地页脚 ◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆ <><> 创建表单 "..."接收数据地服务器地 "..."地方法(, ).其中是被反对使用地 "..."指定(媒体类型)

html常用代码大全

HTML 常用代码大全 Html 常用代码 1.文件类型 （放在档案的开头与结尾） 2.文件主题 （必须放在「文头」区块内） 3.文头 （描述性资料，像是「主题」） 4.文体 （文件本体） 5.层

6.层的对齐
7.引文区块
（通常会内缩） 8.强调 （通常会以斜体显示） 9.特别强调 （通常会以加粗显示） 10 引文 （通常会以斜体显示） 11 码 （显示原始码之用） 12 小字 13 下标 14 上标 15 居中
（文字与图片都可以） 16 基本字体大小 （?从 1 到 7; 内定为 3） 17 说明 （浏览器不会显示） 18 贴图： 19 加入连接：写上你想写的字 20 在新窗口打开连接：写上要写的字 21 移动字体(走马灯)：写上你想写的字 22 字体加粗：写上你想写的字 23 字体斜体：写上你想写的字

网页代码代码大全.

HTML代码教程 教程一、基本标志 1. 2. 3. 4. Html是英文HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志： 1. 标志用于Html文档的最前边，用来标识Html文档的开始。而标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。 2. 和构成Html文档的开头部分，在此标志对之间可以使用< /title>、<script></script>等等标志对，这些标志对都是描述Html 文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.<body></body> <body></body>是Html文档的主体部分，在此标志对之间可包含、< /p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性： 属性用途示例 <body bgcolor="#rrggbb"> 设置背景颜色。<body bgcolor="red">红色背景 <body text="#rrggbb"> 设置文本颜色。<body text="#0000ff">蓝色文本<body link="#rrggbb"> 设置链接颜色。<body link="blue">链接为蓝色 <body vlink="#rrggbb"> 设置已使用的链接的颜色。<body vlink="#ff0000"> <body alink="#rrggbb"> 设置正在被击中的链接的颜色。<body alink="yellow"> 说明:以上各个属性可以结合使用，如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html 语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal，如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。 4.<title> 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在标志对之间加入您要显示的文本即可。注意：< /title>标志对只能放在<head></head>标志对之间。 下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在</p><h2>html常用代码</h2><p>1、文字大小、颜色、加粗、倾斜的代码 *文字加大、加色的代码是:；<font size=7 color=green>文字</font> 效果：文字 font size 的参数范围1 至7；最大字体为7 （若要再大须用font style 的代码。参看本帖第10条阴影字）*文字加粗的代码是:；<b>文字</b> *文字倾斜的代码是；<i>文字</i> *底线字：<u>文字</u> 2、文字对齐的代码： 靠左对齐：<p align=left>文字 置中对齐：<p align=center>文字 靠右对齐：<p align=right>文字 3、插入文字链接的代码： 不另开视窗的链接代码：<a href="https://www.360docs.net/doc/306679896.html,/">椰风蕉雨</a>另打开一个新视窗的代码：<a href="https://www.360docs.net/doc/306679896.html,/"</p><p>target="_blank">椰风蕉雨</a> 4、贴图片的代码 原图大小黏贴图片：<img src="图片网址"> 放大或缩小图片：<img src="图片网址" width="宽度" height="高度"> 5、图片链接代码 点击图片打开一个网页的链接代码如下： <a href="网页地址"><img src="图片网址" width="图片宽度" height="图片高度"></a> 点击图片打开新窗口的链接代码如下： <a href="网页地址" target="_blank"><img src="图片网址" width="图片宽度" height="图片高度"></a> 上面的图片宽度、高度可调节图片尺寸大小。 6、换行代码 贴文需要换行时，直接用Enter键是不行的，需要在您想换行的位置输入<br>， 这样就会分成两行显示，整个贴文看起来也不会是一大片了，而是段落分明。</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="8197957"><a href="/topic/8197957/" target="_blank">html所有代码属性</a></li> <li id="19083601"><a href="/topic/19083601/" target="_blank">html特效代码大全</a></li> <li id="17683169"><a href="/topic/17683169/" target="_blank">html代码大全</a></li> <li id="11943376"><a href="/topic/11943376/" target="_blank">html常用代码</a></li> <li id="9231882"><a href="/topic/9231882/" target="_blank">html常用代码大全</a></li> <li id="544766"><a href="/topic/544766/" target="_blank">html常见代码大全</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0011024250.html" target="_blank">HTML代码中IMG标签的全部属性</a></li> <li><a href="/doc/1e3903412.html" target="_blank">HTML基本代码</a></li> <li><a href="/doc/3a4544560.html" target="_blank">网页html代码大全</a></li> <li><a href="/doc/695700853.html" target="_blank">HTML语言全代码</a></li> <li><a href="/doc/a04380383.html" target="_blank">网页html代码详解</a></li> <li><a href="/doc/a816404849.html" target="_blank">HTML 常用标签属性汇总</a></li> <li><a href="/doc/c614888735.html" target="_blank">html万能代码性大全</a></li> <li><a href="/doc/d26537783.html" target="_blank">网站建设中常用的HTML代码</a></li> <li><a href="/doc/dc17731297.html" target="_blank">html所有代码属性</a></li> <li><a href="/doc/021148855.html" target="_blank">HTML属性详解大全</a></li> <li><a href="/doc/112825206.html" target="_blank">html标签属性大全_免费</a></li> <li><a href="/doc/2b2762755.html" target="_blank">HTML代码大全</a></li> <li><a href="/doc/3d17606819.html" target="_blank">html源代码解释</a></li> <li><a href="/doc/8616659941.html" target="_blank">网页设计中最常用HTML代码</a></li> <li><a href="/doc/a315459556.html" target="_blank">网页html代码大全</a></li> <li><a href="/doc/b514418452.html" target="_blank">网页html代码大全</a></li> <li><a href="/doc/d31152599.html" target="_blank">html所有标签含义</a></li> <li><a href="/doc/d016926774.html" target="_blank">HTML常见属性列表</a></li> <li><a href="/doc/f211064672.html" target="_blank">HTML代码大全</a></li> <li><a href="/doc/1c1628951.html" target="_blank">HTML代码属性对照表(非常全)</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "3588ec0f0aa1284ac850ad02de80d4d8d05a0176"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>