11、HTML基础——容器元素

已于 2022-08-02 16:16:23 修改
阅读量737 收藏
点赞数
分类专栏： web前端学习笔记（HTML+CSS篇） 文章标签： css html html5
于 2021-10-12 15:23:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvh98/article/details/120724304
版权

容器元素

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

1. div元素

没有语义

2. 语义化容器元素

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

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

article：通常用于表示整篇文章

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

aside：通常用于表示侧边栏

lvh98
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML：容器元素
雷爷的博客
08-27 2067
容器元素 容器元素：该元素代表一个块区域，内部用于放置其他元素 div元素 没有语义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
HTML（七）——html容器
程序员的时光
03-05 6751
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
HTML理论知识
weixin_46486552的博客
12-02 536
注意点①canvas图像的渲染有别于html图像的渲染，canvas的渲染极快，不会出现代码覆盖后延迟渲染的问题,写canvas代码一定要具有同步思想,在获取上下文时，一定要先判断.②画布高宽的问题:画布默认高宽300*150.切记一定要使用html的attribute的形式来定义画布的宽高,通过css形式定义会缩放画布内的图像.③绘制矩形的问题:a.边框宽度的问题，边框宽度是在偏移量上下分别渲染一半，可能会出现小数边框，一旦出现小数边框都会向上取整;
HTML+VUE3组合式+ELEMENT的容器模板示例(含侧栏导航，表格，...)
最新发布
打不死的小五
05-09 582
一个完整代码，算是一个html整合Vue + ElementUI的框架
js的DOM操作
吃瓜群众
08-02 947
javascript中的DOM讲解
html 容器 div简介
小步教程
08-28 315
html 容器 div简介 | 小步教程div：动词divide，名词division；中文意思：划分。div标签用作容器，其中可以包含其它的html标签，div标签同时可以继续嵌套div标签。 div标签里的内容既可以是文本，也可以嵌套其它标签，图片、视频、段落、标题、等。需求场景：需要通过一个容器包含多个段落<p>，然后容器加上灰色边框。分析：段落p里无法继续嵌套段落p，外部需要使用div作为容器。错误代码 F12看浏览器如何解析的，将外层的p标签解析成了两个p标签，开始一个，结尾一个。简言之，
HTML基础——适合有一点基础的小白
12-10
总的来说，这个“HTML基础——适合有一点基础的小白”的教程可能涵盖了HTML的基本元素、结构和属性，以及CSS的基础样式设置、选择器和过渡效果。对于想要深化对这两门语言理解的初学者，这是一个很好的起点。通过...
Html——电脑病毒——特效.rar
02-08
在本示例中，"Html——电脑病毒——特效.rar" 是一个压缩包，它包含了一个使用前端技术实现的模拟电脑病毒效果的项目。这个特效并非实际的计算机病毒，而是通过编程技巧模拟出的一种视觉效果，用于展示或教学目的。 ...
轮播图——HTML网页设计
12-18
首先，HTML（超文本标记语言）是网页内容的基础结构。在`轮播图.html`文件中，我们可以预期会看到以下几个关键元素： 1. 一个包含所有图片的容器，如`<div>`，通常带有特定的类名，如"class='carousel'"。 2. 每张...
Javaweb前端——HTML常用标签.pdf
04-09
HTML基础知识点总结 HTML（Hyper Text Markup Language）是标准通用标记语言（SGML）的应用，也是一种规范、一种标准，它通过标记符号来标记要显示的网页中的各个部分。HTML网页文件本身是一种文本文件，通过在文本...
HTML——酷炫烟花（追光者）.zip
10-02
在"HTML——酷炫烟花（追光者）.html"文件中，开发者可能使用了`<div>`元素来创建烟花的容器，并用`<canvas>`元素绘制动态图形。`<canvas>`是HTML5引入的一个特性，允许通过JavaScript动态生成和操控图像。 接着，...
html的基本模板结构图
xiaozhuangyumaotao的博客
04-28 1804
下面这张图让你从整体结构上对html有个把握与认识： 我们再来区分几个概念吧： 上面这张图的每一个节点都叫做html元素，html元素又叫做html标签，他们是不同的称呼，一样的意思。 标签分为两种格式： 1.双标签，需要首尾呼应的标签：<标签名></标签名> 2.单标签：<标签名> 至于meta是那种格式，div又是哪种格式，这就需要你在使用的...
html中什么标签可作容器,3. HTML中的容器标签
weixin_34873655的博客
06-19 464
什么是容器标签？在HTML开发中我们常常会使用一类标签作为容器放置一些内容，我们把这类标签称之为容器标签，可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签，在这里我们就来总结下这些内容。列表标签无序列表-1无序列表-2无序列表-3无序列表-4无序列表-5无序列表-1无序列表-2无序列表-3无序列表-4无序列表-5无序列表-1无序列表-2无序列表-3无序列表-4无序列表-5无序列表-1无...
HTML之容器元素
JEFF_xieyuzhi的博客
05-30 243
文章目录容器元素div元素语义化容器元素 容器元素 容器元素：改元素代表一个块区域，内部用于放置其它元素 div元素 没有语义 语义化容器元素 header： 通常用于表示页头，也可以用于表示文章的头部 footer： 通常用于表示页脚，也可以用于表示文章的尾部 article： 通常用于表示整篇文章 section： 通常用于表示文章的章节 aside：通常用于表示侧边栏 ...
html容器元素_考虑容器元素
cuyi7076的博客
06-22 393
在本系列的最后一篇文章中 ，我开始研究如何在XML设计中将元素组织成结构。 在本文中，我将继续讨论元素结构，并考虑何时以及如何在相关元素组周围使用容器元素的问题。 XML建模只是数据建模的一个子集。 我将数据建模定义为将现实世界的现象转换为抽象的正式模型以支持计算机应用程序的任何活动 。 参与XML设计的许多人都有计算机编程设计的背景。 此背景涉及熟悉常见数据结构，包括用于标识和引用数据结...
10.容器元素
hua_cuo的博客
12-04 158
容器元素 容器元素：该元素代表一块区域，内部用于放置其他元素 div元素 没有语义 语义化容器元素 header：通常用于表示页头，也可用于表示文章的头部（中可能与h1，其他元素） footer：通常用于表示页脚，也可用于表示文章的尾部 section：通常用于表示文章的章节 aside：通常用于表示附加信息（侧边栏等） article：通常用于表示文章（可能有header，，section，aside，footer） ...
-容器元素
weixin_60732933的博客
08-02 148
前端html、仅个人学习备份使用，若有错误欢迎指出~
HTML学习09（实践3）：容器标签及元素分类
Blog of Lytracy
07-16 1331
文章目录1、DIV标签2、span标签3、块级元素、内联（行内）元素、行内块级元素的区别块级元素行内元素行内块元素4、实践 本讲我们将学习两种容器标签，一个div标签，另一个是span标签。 1、DIV标签 div：division分区 标签 主要用来把网页中相关的内容组织在一起，可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。 <div>标签是一个块级元素，块级元素占据其父元素（容器）的整个空间，你可以把它想成一个盒子。 能够设置其宽高，后面我们会讲到。 <div s
html容器标签_HTML容器标签
cuk0051的博客
08-27 4689
html容器标签 容器标签 (Container tags) HTML provides a set of container tags. Those tags can contain an unspecified set of other tags. HTML提供了一组容器标记。 这些标签可以包含一组未指定的其他标签。 We have: 我们有： article article s...
探索JavaScript数据类型与HTML基础：构建网页基石
在网页制作基础语言——HTML和JavaScript的学习中，数据类型是理解这两种技术的基础之一。JavaScript是一种脚本语言，它支持多种数据类型，包括： 1. **数字类型 (number)**: JavaScript中的数字类型包括整数和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值