当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

【网页前端】HTML块标签以及框架标签

教程管理员 发布于2023-09-30 10:07 HTML教程 144

简介: 【网页前端】HTML块标签以及框架标签

1.HTML基本语法(二)

        1.1块标签:span

<span> 行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。

span 有多少内容,就会占用多大空间。

Span 不会自动换行

适用于少量数据展示

示例:

image.png

效果:

image.png

   1.2块标签:div

 块级的块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示

默认占满一行

会自动换行

适用于大量数据展示

示例:

image.png

效果:

image.png

Div 和 span 的应用场景对比 

image.png

2.自学扩展

        2.1 框架标签

                2.1.1 框架标签:<frameset>

<frameset> 标签,是框架设置布局标签,专门用于页面的布局和划分。

<frameset> <body> 两个是相互替代的,不能共存。

frameset 属性

3.png

多个 <frameset> 可以嵌套使用。

<frame> 标签,是 <frameset> 的子标签。用于页面引入。

frame 属性

image.png

  2.1.2 练习

按照如下效果编写代码:

要求点击商品管理 ------------ 》右侧区域进入商品管理页面

点击订单管理 ------------ 》右侧区域进入订单管理页面

框架不可以随意改变大小


琼ICP备09004296号-12