HTML之frameset导航框架

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

一、新建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后的效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容