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

🔎这里是【前端网页】,关注我学习前端不迷路
👍如果对你有帮助,给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️

👀专栏介绍

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

👀本期介绍

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

文章目录

1.HTML基本语法(二)

        1.1块标签:span

        1.2块标签:div

2.自学扩展

        2.1 框架标签

1.HTML基本语法(二)

        1.1块标签:span

<span> 行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。
1 span 有多少内容,就会占用多大空间。
Span 不会自动换行
适用于少量数据展示
示例:

效果:

        1.2块标签:div

 块级的块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示
1 默认占满一行
2 会自动换行
适用于大量数据展示

 示例:

效果:

Div span 的应用场景对比 

2.自学扩展

        2.1 框架标签

                2.1.1 框架标签:<frameset>

<frameset> 标签,是框架设置布局标签,专门用于页面的布局和划分。
<frameset> <body> 两个是相互替代的,不能共存。
frameset 属性

多个 <frameset> 可以嵌套使用。
<frame> 标签,是 <frameset> 的子标签。用于页面引入。
frame 属性

 

                2.1.2 练习

按照如下效果编写代码:
要求点击商品管理 ------------ 》右侧区域进入商品管理页面
点击订单管理 ------------ 》右侧区域进入订单管理页面
框架不可以随意改变大小

posted @ 2022-11-09 08:12  陶然同学  阅读(56)  评论(0)    收藏  举报