小小千想和您聊一聊

当前位置: 首页> 技术分享> 【web前端】-【HTML】-【页面布局】

【web前端】-【HTML】-【页面布局】

  一,什么是布局

  布局就如同建筑的结构,在建高楼大厦时都是先把钢筋搭建好,有一个具体的结构之后,建筑工人再接着盖楼。

  制作网页就如同盖大楼,布局就如同搭建钢筋,布局的结果直接影响到网页的外观,合理的布局才能令网页显得更加大气、紧凑、美观。

  1.框架结构

  框架的基本结构主要包括两部分:一部分是框架集,另一部分是框架,它主要是利用<frameset>标签和</frameset>标签来定义的。框架集是在一个文档内定义一组框架结构的HTML网页,它定义了网页显示的框架数、框架的大小,载入框架的网页源和其他可以定义的属性等,用<frameset>标签来定义一个窗口框架;而框架则是指在网页上定义的一个显示区域,用<frame>标签来定义窗口框架中的子窗口的内容。

  上下分割窗口

  上下分割窗口采用rows属性,即在水平方向上将浏览器分割成多个窗口。后面的参数值可以用数字、百分比和剩余值及这三种方式的混合方式来表示。数字表示像素点数;剩余值表示当前所有窗口设定之后的剩余部分。(cols后面的参数值

  之间应该用英文的逗号进行分割,并且值有几个,就说明窗口被分割成几部分,<frame>标签应该就有几个。

  设置窗口框架宽度属性border

  通过border属性,可以设定分割窗口的框架宽度。其语法格式如下:


<frameset border="value">


  通过framespacing这个属性,也可以设定框架边框的宽度,效果同border属性。其语法格式如下:


<frameset framespacing="value">


  设置框架颜色属性bordercolor

  通过bordercolor属性,可以设定框架边框的颜色,其语法格式如下:


<frameset bordercolor="color_value">


  src属性

  通过src属性可设置框架显示的文件路径,其语法格式如下:


<frame src="url">


  如果标签中没有src属性,则该窗口显示空白

  name属性

  通过name属性可以设置框架窗口的名称,其语法格式如下:


<frame src="name">


  框架的命名有一定的规则:框架名必须以字母开头,必须是单个单词;框架名区分大小写;框架名中允许使用下划线,不允许使用空格、句点和连字符。

  左右分割窗口

  左右分割窗口采用cols属性,即在垂直方向上将浏览器分割成多个窗口

  框架集属性

  1),水平/垂直分割窗口属性rows/cols

  rows和cols的值分别说明窗口横向和纵向的分隔情况。其语法格式如下:


<frameset rows="value1,value2,value3···" cows="value1,value2,value3···">


  noresize属性

  通过noresize属性可以设定用户能否自动调整框架窗口的大小,如果设定noresize,则表示不允许改变框架窗口的大小。noresize属性只是一个标志,没有取值。其语法格式如下:


<frame noresize>


上一篇:APP自动化测试之环境搭建:3.逍遥模拟器安装配置

下一篇:SOAPUI简介

QQ技术交流群

千锋软件测试官方①群
858327674

加入群聊

用户登录

手机号:

密码:

图形验证码:

点击切换

用户注册

手机号:

登录密码:

图形验证码:

点击切换

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

手机号:

图形验证码:

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

新密码:

确认新密码:

获取课程

添加小千老师微信,获取课程信息

如何获取课程?

一、需拥有此本教材

如没有,可点击下方入口购买当当购买入口京东购买入口

二、添加小千老师,发送拥有凭证,解锁课程资源

1.购买该教材的订单信息
2.拥有的实体书信息等

更换手机号

新手机号:

图形验证码:

短信验证码:

获取验证码