0
点赞
收藏
分享

微信扫一扫

【网页前端】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块标签以及框架标签_网页_02


效果:

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

块标签:div

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

1 默认占满一行

2 会自动换行

适用于大量数据展示

示例:

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

效果:

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

Div 和 span 的应用场景对比

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

2.自学扩展

.1 框架标签

                2.1.1 框架标签:<frameset>

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

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

frameset 属性



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


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


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

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

frame 属性


 

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

                2.1.2 练习


按照如下效果编写代码:

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

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

框架不可以随意改变大小


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

举报

相关推荐

HTML网页前端----表单标签

网页前端培训1HTML/基础标签

Web前端-HTML标签

0 条评论