网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML 块和内置元素


每个 HTML 元素根据元素类型具有不同的值。

Є два значення відображення: 块 (block) та 行内 (行内).


块元素

块元素从新行开始并占据整个可用宽度(尽可能向左和向右拉伸)。

Елемент <div> є блоковим елементом.

屁股

<div>你好世界</div>
自己尝试一下»

HTML 中的这些块元素:


合并元素(行)

插入的元素不会从新行开始,并且会占用所需的宽度。

<span> елемент в середині параграфу.

屁股

<span>你好世界</span>
自己尝试一下»

这些是 HTML 中包含的元素:

笔记: 行元素不能包含块元素!


问题<div>

Елемент <div> 您可以使用 HTML 元素来创建自己的内容。

Елемент <div> не має необхідних атрибутів, але style, class та id є загальними.

一次选择 CSS 元素时 <div> може використовуватися для стилювання блоків вмісту:

屁股

<div style="background-color:black;color:white;padding:20px;">
<h2>伦敦</h2>
<p>伦敦是英格兰的首都,也是英国人口最多的城市,大都市区人口超过 1,300 万。</p>
</div>
自己尝试一下»

问题<span>

Елемент <span> - це вбудований контейнер, який використовується для розмітки частини тексту або частини документа.

Елемент <span> не має необхідних атрибутів, але style, class та id є загальними.

一次选择 CSS 元素时 <span> можна використовувати для стилізації частин тексту:

屁股

<p>我妈妈有<span style="color:blue;font-weight:bold">蓝</span>眼睛,我爸爸有<span style="color:darkolivegreen;font-weight:bold">深绿色的</span>眼睛。</p>
自己尝试一下»

小袋

  • Є два значення відображення: блочне та вбудоване
  • 块元素从新行开始并占据整个可用宽度
  • 插入的元素不会从新行开始,并且会占用所需的宽度
  • Елемент <div> 在本页上,我们将向您展示 HTML 元素的注释
  • Елемент <span> - це вбудований контейнер, який використовується для розмітки частини тексту або частини документа

HTML 主题

标签 描述
<div> 这意味着文档的部分(块元素)
<span> 这意味着文档的部分(必需的元素)

要查看所有可用 HTML 标签的完整列表,请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.


自我控制的营养

  • 在网站上显示 HTML 元素有哪些方式?
  • 哪个 HTML 元素从新行开始并占据侧面的整个可用宽度?
  • 哪个 HTML 元素不从新行开始并占据所需的宽度?
  • 元素是哪个元素 <div>?
  • 元素是哪个元素 <span>?
  • 新元素如何包含块元素?
  • 块元素如何包含块元素?
  • 最常用的 HTML 元素的用途是什么? <div>?
  • 最常用的 HTML 元素的用途是什么? <span>?


评论