HTML/HTML5 What are block-level elements, inline elements, and inline block elements

Block-level element

<div>
<p>
<h1>~<h6>
<ol>,<ul>
<dl> ———— 带有项目和描述的描述列表 <dt>项目/名字,<dd>相关描述 
<table> ———— HTML 表格, <th>表格头,<tr>表格行,<td>表格单元
<form> ———— 为用户创建HTML表单,可以包含<input><textarea><address> ———— 如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息;如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。(斜体)
<blockquote> ———— 定义摘自另一个源的块引用

Inline element

<a>
<span>
<br>
<i>   ———— 物理上斜体
<em>  ———— 逻辑上斜体,表示强调,语义化
<strong> ———— 逻辑上粗体
<label>  可以包住input,也可以 for='id'
<q>     ———— 标记短的引用
<var>   ———— 表示变量的名称
<cite>  ———— 表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题
<code>  ———— 定义计算机代码文本

Inline block element

<img>
<input>

Guess you like

Origin blog.csdn.net/qq_43263320/article/details/111469218