03块元素与行内元素.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. 块元素
  9. <!--
  10. 块级元素通常用于组织和布局页面的主要结构和内容,例如段落、标题、列表、表格等。它们用于创建页面的主要部分,将内容分隔成逻辑块。
  11. 块级元素通常会从新行开始,并占据整行的宽度,因此它们会在页面上呈现为一块独立的内容块。
  12. 可以包含其他块级元素和行内元素。
  13. 常见的块级元素包括`div>,<p>,<h1>`到`<o>`,`<li>`,`<table>,`<form>`等`<h6>`,`<ul>`,
  14. -->
  15. <hr>
  16. 行内元素
  17. <!--
  18. 行内元素通常用于添加文本样式或为文本中的一部分应用样式。它们可以在文本中插入小的元素,例如超链接.
  19. 强调文本等。
  20. 行内元素通常在同一行内呈现,,不会独占一行。
  21. 它们只占据其内容所需的宽度,而不是整行的宽度。
  22. 行内元素不能包含块级元素,但可以包含其他行内元素。
  23. 常见的行内元素包括`span>`,`<a>`,`<strong>`,`<em>`,`<img>`,`<br>`',`<input>`等
  24. -->
  25. <div id="nav"></div>
  26. <span>这是一个span标签</span>
  27. <span>这是一个span标签</span>
  28. <span>这是一个span标签</span>
  29. </body>
  30. </html>