HTML核心（10）- 容器元素

于 2022-08-19 15:43:37 发布
阅读量124 收藏
点赞数
分类专栏： web前端 文章标签： html css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_43416592/article/details/126426228
版权

本系列笔记是基于【渡一教育】袁进老师的html+css基础课程而记录，仅作为个人记录以及阅读使用。

文章目录

容器元素

容器元素：该元素代表一个块区域，内部用于放置其他元素

div元素

没有语义

语义化容器元素

header：通常用于表示页头，也可以用于表示文章的头部

footer：通常用于表示页脚，也可以用于表示文章的尾部

article：通常用于表示文章

section：通常用于表示文章的章节

aside：通常用于表示侧边栏

参考资料

  1. 【渡一教育】袁进老师的html+css基础课程
  2. 【渡一教育】袁进老师相关课程源代码
Brisa56
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML：容器元素
雷爷的博客
08-27 2072
容器元素 容器元素：该元素代表一个块区域，内部用于放置其他元素 div元素 没有语义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
11、HTML基础——容器元素
lvh98的博客
10-12 748
容器元素 容器元素：该元素代表一块区域，内部用于放置其他元素。 div元素 没有语义 语义化容器元素 header: 通常用于表示页头，也可以用于表示文章的头部 footer：通常用于表示页脚，也可以用于表示文章的尾部 article：通常用于表示整篇文章 section：通常用于表示文章的章节 aside：通常用于表示侧边栏 .........
html中的容器元素
qq_41938120的博客
03-09 530
容器元素 容器元素:该元素代表一个块区域，内部放置其他元素 div：没有语义 header：通常用于表示页头，也可表示文章的头部 footer：通常表示页脚，也可以表示文章的尾部 article：通常用于表示整篇文章 section：通常用于表示文章的章节 aside：通常用于表示侧边栏 ...
HTML核心之容器元素
yihen0214的博客
08-27 112
容器元素 容器元素: 该元素代表一个块区域,内部用于放置其他元素. 文章目录容器元素div元素语义化容器元素 div元素 没有语义,常用来包裹其他元素,方便统一管理 语义化容器元素 header: 通常用于表示页头,也可以表示文章头部 footer: 通常用于表示页脚,也可以表示文章的尾部 article: 通常用于表示整篇文章 section: 通常用于表示文章的章节 aside: 通常用于表示一些附加信息(侧边栏) 上述例子中容器元素都可以用div代替 ...
html容器元素_考虑容器元素
cuyi7076的博客
06-22 397
在本系列的最后一篇文章中 ，我开始研究如何在XML设计中将元素组织成结构。 在本文中，我将继续讨论元素结构，并考虑何时以及如何在相关元素组周围使用容器元素的问题。 XML建模只是数据建模的一个子集。 我将数据建模定义为将现实世界的现象转换为抽象的正式模型以支持计算机应用程序的任何活动 。 参与XML设计的许多人都有计算机编程设计的背景。 此背景涉及熟悉常见数据结构，包括用于标识和引用数据结...
HTML核心元素
10-03
12. **容器元素（）**：用于组合其他HTML元素，常用于布局和应用CSS样式。 13. **表格元素（, , 等）**：用于创建表格，定义表格，定义行，定义单元格。 14. **表单元素（, , , 等）**：用于创建用户交互的表单，...
HTML-tab容器-竖直切换特效-源码
最新发布
09-24
HTML中的Tab容器是一种常见的网页设计元素，用于组织和展示大量信息。Tab切换特效不仅能够提升用户体验，还能使页面布局更加整洁、高效。本资源提供的"HTML-tab容器-竖直切换特效-源码"是一个专为竖直方向设计的Tab...
Html5元素及基本语法详解
09-27
HTML5是现代网页开发的核心，它引入了许多新特性、元素和改进了原有的语法，使得创建交互式、响应式和富媒体网页变得更加简单。本文将详细解释HTML5中的元素和基本语法。 首先，让我们来理解HTML5中的元素。HTML...
html-css-resp-wannabe
03-31
`，容器变为弹性容器，可以调整子元素的顺序、大小和对齐方式。属性如`flex-wrap`、`justify-content`、`align-items`等让布局变得更加灵活。 5. CSS Grid： CSS Grid是一个二维布局系统，适用于创建复杂的网格布局...
html-css-js-practice
03-21
比如，`display: flex`可以创建一个弹性容器，里面的元素可以根据需要自动调整大小和排列。 JavaScript是一种强大的客户端脚本语言，常与HTML和CSS结合，用于实现交互性和动态功能。 7. JavaScript基本概念： 它...
HTML学习09（实践3）：容器标签及元素分类
Blog of Lytracy
07-16 1414
文章目录1、DIV标签2、span标签3、块级元素、内联（行内）元素、行内块级元素的区别块级元素行内元素行内块元素4、实践 本讲我们将学习两种容器标签，一个div标签，另一个是span标签。 1、DIV标签 div：division分区 标签 主要用来把网页中相关的内容组织在一起，可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。 <div>标签是一个块级元素，块级元素占据其父元素（容器）的整个空间，你可以把它想成一个盒子。 能够设置其宽高，后面我们会讲到。 <div s
CSS元素分类（块元素，行内元素，行内块元素）
weixin_47875472的博客
12-22 280
1.块元素（标签）：~,,,,, 块元素特点： 自己独占一行 高度，宽度，外边距和内边距都可以更改 宽度默认是父级宽度的100% 是一个容器及盒子，里面可以放行内或者块级元素。 2.行内元素：,,,,,,,,, 可以一行显示多个行内元素 高度，宽度不能更改 默认宽度就是它本身内容的宽度 行内元素只能容纳文本或者其他行内元素 3.行内块元素：,, 和相邻行内元素（行内块）在一行上，但是他们之间有空白缝隙。一行可以 显示多个 默认宽度就是它本身内容的宽度（行内元素特点） 高度，行高，外边距及内边距都可以更改（
Css 容器标签-块级元素 -选择器
Qi-xb python博客
08-07 1605
Css 容器标签 – 块级元素  &lt;div&gt;&lt;/div&gt; 常用于页面的模块划分 类似:&lt;span&gt;&lt;/span&gt; 用于行内分区 Css介绍 Cascading  Style  Sheets 层叠样式表 作用 ...
HTML5容器元素概览
甘焕的博客
08-15 4598
随着HTML5的快速发展，现在HTML的应用不仅讲究布局的美观性与合法性，还越来越注重编码的语义性，传统页面中满是div元素的编码风格正逐渐被淘汰，取而代之的是更具语义性与自身行为的元素。
HTML容器标签和文本标签
h22111的博客
11-26 8970
html中的容器级标签和文本级标签，css中的块级元素和行内元素是我们常常拿来比较的四个名词（行内块级暂时先不考虑）。容器标签容器级的标签可以简单的理解为能嵌套其它所有标签的标签。 常见容器级的标签: div h ul ol dl li dt dd ...。 文本标签文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。 常见文本级的标签:span p buis strong em ins
＜div＞ | HTML元素容器标签
weixin_44111587的博客
06-04 2323
定义与用法 <div>标签定义 HTML 文档中的一个区块或者一部分。 <div>标签用来组合块级元素，经常与 CSS 一起使用，用来布局网页。。 <div>标签就像一个容器单元，用于封装其他页面元素，并将HTML文档分为几部分。 提示：默认情况下，浏览器通常会在 <div> 元素前后放置一个换行符，我们您可以用 CSS 调整显示效果。 div标签和span标签的区别 div标签 跨度标签 HTML...
HTML 行内元素 与 块级元素
热门推荐
研究与专注
08-15 1万+
行内元素一般是内容的容器，而块级元素一般是其他容器的容器。一般情况下，行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行；而块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 width 和 height 属性，浏览器通常会在块级元素前后另起一个新行。
HTML（七）——html容器
程序员的时光
03-05 6763
1.DIV HTML &lt;div&gt; 元素是块级元素，它是可用于组合其他 HTML 元素的容器。 DIV当做容器使用，本身没有实际效果，可以独占一行； &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Insert title here&lt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值