美文网首页web开发之前端学习
HTML之frameset导航框架

HTML之frameset导航框架

作者: 蔡镇泉 | 来源:发表于2017-07-12 20:51 被阅读84次

身为一个刚从机械转到学程序的菜鸟小白,第一次写文章,排版各方面都比较粗糙,过程也难免会有错漏,望大神指正,不慎感激,写这些也只是为了总结知识点罢了。好了,废话不多说了。

一、新建all.html###

<pre><html>
<frameset cols="120,*">
<frame name="index" src="index.html" noresize/>
<frame name="content" src="frame_a.html" noresize/>
</frameset>
</html></pre>

二、新建index.html###

<pre><html>
<head>
<style type="text/css">

        a{text-decoration:none}
    </style>
</head>
<body>
     <a href="frame_a.html" target="content">frame_a</a><br/>
     <a href="frame_b.html" target="content">frame_b</a><br/>
     <a href="frame_c.html" target="content">frame_c</a>
</body>

</html></pre>

三、新建frame_a.html###

<pre><body bgcolor="red">
frame_a
</body></pre>

四、新建frame_b.html###

<pre><body bgcolor="yellow">
frame_b
</body></pre>

五、新建frame_c.html###

<pre><body bgcolor="blue">
frame_c
</body></pre>

效果图如下:###

点击frame_a后的效果
点击frame_b后的效果
点击frame_c后的效果

相关文章

  • HTML之frameset导航框架

    身为一个刚从机械转到学程序的菜鸟小白,第一次写文章,排版各方面都比较粗糙,过程也难免会有错漏,望大神指正,不慎感激...

  • 2018-07-16

    HTML 框架实例 1......定义框架集 属性:border、scr...

  • [学习笔记] Html 基础补充

    html框架 框架结构标签 - 框架结构标签定义如何将窗口分割为框架 每个 frameset...

  • HTML里frameset框架

    目标:把一个网页分成头、左、右三部分。 三级结构 头里的内容所包含的子内容显示在左侧。 左侧里的内容所包含的子内容...

  • HTML框架

    :使用框架可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为...

  • 2019-10-24 框架集、内联框架以及个人未完成的主页

    Html框架标签 特点:框架标签可以将页面分成不同的部分frameset 框架集合,里面可以包含多个部分(fram...

  • frameset框架实例

    frameset是HTML中的元素之一,可以用来组织多个框架,每个框架都由单独的HTML文档构成。它的作用就是对网...

  • 9-12

    9-12一、框架集创建一个框架集,与 不能同时出现

  • Web前端基础(四):HTML元素的分类与嵌套规则

    1、HTML元素分为三大类 1)块状元素 网页框架基本结构块:html、body、frameset、frame、n...

  • HTML的标签有什么作用

    HTML 标签 所有浏览器都支持 标签。 定义和用法 frameset...

网友评论

    本文标题:HTML之frameset导航框架

    本文链接:https://www.haomeiwen.com/subject/tzbvhxtx.html