天天看点

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

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

🔎这里是【前端网页】,关注我学习前端不迷路

👍如果对你有帮助,给博主一个免费的点赞以示鼓励

欢迎各位🔎点赞👍评论收藏⭐️

👀专栏介绍

【前端网页】 目前主要更新HTML,一起学习一起进步。

👀本期介绍

本期主要介绍HTML块标签以及框架标签

文章目录

​​1.HTML基本语法(二)​​

​​        1.1块标签:span​​

​​        1.2块标签:div​​

​​2.自学扩展​​

​​        2.1 框架标签​​

1.HTML基本语法(二)

        1.1块标签:span

<span>

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

1

span

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

Span

不会自动换行

适用于少量数据展示

示例:

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

效果:

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

块标签:div

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

1 默认占满一行

2 会自动换行

适用于大量数据展示

示例:

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

效果:

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

Div 和 span 的应用场景对比

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

2.自学扩展

.1 框架标签

                2.1.1 框架标签:<frameset>

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

<frameset> 和

<body>

两个是相互替代的,不能共存。

frameset 属性

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

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

<frame> 标签,是 <frameset>

的子标签。用于页面引入。

frame 属性

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

                2.1.2 练习

按照如下效果编写代码:

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

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

继续阅读