掌握常见的块级元素和行内元素及其用法，需要具体代码示例

在HTML中，元素可以被分为块级元素和行内元素。了解和掌握它们的特点和用法对于开发网页和理解页面结构是至关重要的。本文将介绍常见的块级元素和行内元素，并给出一些具体的代码示例。

一、块级元素

块级元素在HTML中以块的形式展示，它们会独占一行，并且会在上下文中创建一个新的独立的块。常见的块级元素有：

<div>
    <h1>Hello, World!</h1>
    <p>This is a paragraph.</p>
</div>

：用来定义段落。在HTML中，段落通常用来展示一些连续的文本内容。

<p>This is a paragraph.</p>

~ ：用来定义标题，是最高级别的标题，是最低级别的标题。

<h1>This is a heading.</h1>

：用来定义无序列表，列表项使用元素包裹。

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

：用来定义有序列表，列表项同样使用元素包裹。

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

二、行内元素

行内元素在HTML中以行内的形式展示，它们不会独占一行，可以与其他元素在同一行中显示。常见的行内元素有：

<p>This is a <span style="color: red;">red</span> text.</p>

：用来定义超链接，通过属性指定链接的目标URL。

<a href="">Click here</a> to visit our website.

：用来强调文本内容，通常以粗体显示。

<p><strong>This is a strong text.</strong></p>

：用来斜体化文本内容，强调其重要性。

<p><em>This is an emphasized text.</em></p>

：用来插入图像，通过属性指定图像的URL。

<img src="image.jpg" alt="Description">

需要注意的是，块级元素可以包含其他元素，行内元素只能包含文本内容或者其他行内元素。