用框架随心所欲分割网页

 时间:2026-02-14 16:57:43

1、首先打开系统中的记事本,输入网页基本结构代码<html></html>标签如图。

用框架随心所欲分割网页

2、接下来分别实现网页页面的垂直分割、水平分割和混合分割。

垂直分割。

点击<body>标签后定位光标,输入<frameset cols="30%,45%,25%"></frameset> 这代表把网页分为三个框架结构,按比例30%,45%,25%显示。cols代表垂直方向的列。

用框架随心所欲分割网页

3、然后在<frameset></frameset>标签之间输入

      <frame src="http://www.baidu.com">

      <frame src="http://jingyan.baidu.com">

      <frame src="http://www.baidu.com">

这是每个框架中要加载显示的网页页面,用src选择来源。

用框架随心所欲分割网页

4、查看网页分割效果,网页被成功垂直分割为设定好的三部分。鼠标移动框架上变为双向箭头图标时,拖动网页中的框架左右移动,可以改变网页的显示比例。

用框架随心所欲分割网页

用框架随心所欲分割网页

5、水平分割。点击修改记事本中<frameset>中的参数cols,替换为rows,即<frameset rows="30%,45%,25%"></frameset> ,其他内容不需修改,就可以把垂直分割变换为水平分割,如图。

用框架随心所欲分割网页

6、混合分割。点击<frameset>标签,修改rows="50%,50%",表示先将网页水平分割为两部分,然后在标签里再输入<frameset cols="30%,70%">将下半部分垂直分为两部分。具体代码如图。

用框架随心所欲分割网页

7、修改完成后,保存预览网页混合分割效果。

用框架随心所欲分割网页

  • 如何制作一个自己的网页
  • 给网页设置一个图片快速导航区域
  • Axure RP教程:单选按钮怎么设置组
  • Dreamweaver如何设置站点中图像的默认文件夹?
  • HTML网页制作:[14]创建框架链接
  • 热门搜索
    古诗手抄报内容 初中法制手抄报 关于春节手抄报的内容 关于低碳环保的手抄报 反映寒假生活的手抄报 简单英语手抄报图片 汉字王国手抄报 小学生环保手抄报资料 数学手抄报初一 数学园地手抄报