在HTML中，元素可以分为块级元素（block-level elements）、行内元素（inline elements）和行内块元素（inline-block elements）。它们之间的主要区别如下：

块级元素（block-level elements）：
块级元素会在页面中单独占据一行或多行的空间，通常从新行开始，宽度默认是父元素的100%。
常见的块级元素包括 <div>、<p>、<h1>~<h6>、<ul>、<ol>、<li>、<header>、<footer>、<section> 等。
可以包含其他块级元素和行内元素。

行内元素（inline elements）：
行内元素不会独占一行，相邻的行内元素会在同一行显示，宽度由内容决定。
常见的行内元素包括 <span>、<a>、<strong>、<em>、<img>、<br>、<input> 等。
不能包含块级元素，只能包含其他行内元素或文本。

行内块元素（inline-block elements）：
行内块元素表现类似于行内元素，但可以设置宽高、内外边距等属性，且不会独占一行。
行内块元素可以水平排列，且可以设置宽度和高度，可以在一行显示多个行内块元素。
常见的行内块元素包括 <img>、<input>、<button> 等。
可以包含其他行内块元素、行内元素或文本。

总的来说，块级元素会独占一行，行内元素不会独占一行且宽度由内容决定，行内块元素可以设置宽高且不会独占一行。合理使用这三种元素可以更好地控制页面布局和样式。