在HTML文档中，标签主要分为行内标签（inline elements）和块标签（block-level elements）。它们在网页布局和样式上有不同的表现，对网页的整体效果有着重要的影响。
行内标签
行内标签通常用于文本内容的排版，如文字、图片等。行内标签的特点是内容通常沿着水平方向排列，并且宽度会自动伸展以适应父容器的宽度。
以下是一些常见的行内标签：
<span>：用于组合行内元素，没有特定的显示效果。<a>：用于创建超链接，允许用户跳转到另一个网页或文档。<img>：用于插入图像，可以使网页内容更加丰富和生动。<strong>：用于强调文本内容。<em>：用于表示文本内容是重要的或值得注意的。
示例
<a href="http://www.example.com">这是一个超链接</a>
<img src="image.jpg" alt="这是一张图片">
块标签
块标签主要用于容器，如段落、列表等。块标签的特点是通常会在浏览器中占据一整行，并从新的一行开始显示内容。
以下是一些常见的块标签：
<div>：用于组合多个元素，可以用来布局。<p>：用于定义一个段落。<ul>、<ol>、<li>：分别用于创建无序列表、有序列表和列表项。<h1>到<h6>：用于定义标题，<h1>是最重要的标题，<h6>是最不重要的标题。
示例
<div>
<p>这是一个段落。</p>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
</div>
布局与样式影响
行内标签和块标签在布局和样式上的差异主要表现在以下几个方面：
- 宽度：行内标签宽度自动伸展，而块标签宽度为父容器的宽度。
- 换行：行内标签默认在同一行显示，而块标签默认在新的一行开始显示。
- 对齐：行内标签默认左对齐，而块标签默认左对齐，但可以设置对齐方式。
总结
在HTML文档中，正确使用行内标签和块标签对网页布局和样式至关重要。了解它们的区别和特点，有助于我们更好地控制网页内容和样式。