HTML 区块元素
区块元素（块级元素）是能够定义一个独立块状区域的元素，在页面中独占一行，其宽度默认为 100%。
它可以设置宽高，并且会自动换行，常用于组织和布局网页结构。
1. 区块元素的特点：
- 独占一行：会独占其所在的行，垂直排列，宽度默认填满其父元素的宽度。
- 可包含多种元素：内部可以包含其他区块元素和内联元素，能嵌套形成较复杂的结构。
- 可设置样式：可以设置宽、高、边距、内边距、边框等样式属性。
2. 常见的区块元素：
- <div>：通用的区域元素，通常用于布局和样式化。
- <p>：段落元素，用于表示文本段落。
- <h1>到<h6>：标题元素，<h1>是最高级别的标题，<h6>是最低级别的标题。
- <ul>和<ol>：无序列表和有序列表。
- <li>：用于<ul>或<ol>中。
- <header>、<footer>、<section>、<article>、<nav>：HTML5 引入的语义化区域元素。
<div>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
</div>在这个例子中，<div>、<h1>、<p>、<ul>和<li>都是区块元素。它们各自占据一整行，并且从新的一行开始。
HTML 内联元素
内联元素不会从新的一行开始，它们只占据其内容所需的宽度。内联元素通常用于包裹文本或其他内联元素。
常见的内联元素：
- <span>：通用的内联元素，通常用于样式化文本的一部分。
- <a>：超链接元素，用于创建链接。
- <strong>和<b>：用于加粗文本，<strong>表示强调，<b>仅表示视觉上的加粗。
- <em>和<i>：用于斜体文本，<em>表示强调，<i>仅表示视觉上的斜体。
- <img>：图像元素，用于插入图片。
- <br>：换行元素，用于在文本中插入换行。
<p>这是一个包含 <strong>加粗文本</strong>和<a href="#">链接</a>的段落。</p>在这个例子中，<strong>和<a>是都内联元素。它们不会从新的一行开始，而是与其他文本在同一行内显示。
区块、内联元素的区别
特性
区域元素
内联元素
是否从新行开始
是
否
占据宽度
父容器的全部宽度
内容所需的宽度
是否可以包含其他元素
可以包含区域元素和内联元素
通常只包含文本或其他内联元素
示例
<div>、<p>、<h1>
<span>、<a>、<strong>
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
296
阅读
0
评论