前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【网页前端】HTML块标签以及框架标签

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

作者头像
陶然同学
发布2023-02-27 11:12:19
8970
发布2023-02-27 11:12:19
举报
文章被收录于专栏:陶然同学博客

👀专栏介绍

【前端网页】 目前主要更新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 练习

按照如下效果编写代码:

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

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

框架不可以随意改变大小

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-07-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 👀专栏介绍
  • 👀本期介绍
  • 文章目录
  • 1.HTML基本语法(二)
    •         1.1块标签:span
      •         1.2块标签:div
      • 2.自学扩展
        •         2.1 框架标签
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档