探究行内元素和块级元素-web开发-互联网-天达云

探究行内元素和块级元素
更新：HHH 时间：2023-1-7

在html中元素主要分为行内元素和块级元素

行内元素

不独占一行
书写完成后不会自动换行
没有宽和高

块级元素

独占一行
书写完会自动换行
宽和高可以修改

还有一种特殊的元素叫作行内块级元素；

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会作为列表显示。

块级元素和行内元素的分类

html中的块级元素：

标签	描述
`<address>`	定义地址。
`<article>`	定义文章。
`<aside>`	定义页面内容之外的内容。
`<audio>`	定义声音内容。
`<blockquote>`	定义长的引用。
`<canvas>`	定义图形。
`<caption>`	定义表格标题。
`<dd>`	定义定义列表中项目的描述。
`<div>`	定义文档中的节。
`<dl>`	定义定义列表。
`<dt>`	定义定义列表中的项目。
`<details> 定义元素的细节。
`<fieldset>`	定义围绕表单中元素的边框。
`<figcaption>`	定义 figure 元素的标题。
`<figure>`	定义媒介内容的分组，以及它们的标题。
`<footer>`	定义 section 或 page 的页脚。
`<form>`	定义供用户输入的 HTML 表单。
`<h2> to <h7>`	定义 HTML 标题。
`<header>`	定义 section 或 page 的页眉。
`<hr>`	定义水平线。
`<legend>`	定义 fieldset 元素的标题。
`<li>`	定义列表的项目。
`<menu>`	定义命令的列表或菜单。
`<meter>`	定义预定义范围内的度量。
`<nav>`	定义导航链接。
`<noframes>`	定义针对不支持框架的用户的替代内容。
`<noscript>`	定义针对不支持客户端脚本的用户的替代内容。
`<ol>`	定义有序列表。
`<output>`	定义输出的一些类型。
`<p>`	定义段落。
`<pre>`	定义预格式文本。
`<section>`	定义 section。
`<table>`	定义表格。
`<tbody>`	定义表格中的主体内容。
`<td>`	定义表格中的单元。
`<tfoot>`	定义表格中的表注内容（脚注）。
`<th>`	定义表格中的表头单元格。
`<thead>`	定义表格中的表头内容。
`<time>`	定义日期/时间。
`<tr>`	定义表格中的行。
`<ul>`	定义无序列表。

html中的行内元素：

标签	描述
`<a>`	定义锚。
`<abbr>`	定义缩写。
`<acronym>`	定义只取首字母的缩写。
`<b>`	定义粗体字
`<bdo>`	定义文字方向。
`<big>`	定义大号文本。
`<br>`	定义简单的折行。
`<button>`	定义按钮 (push button)。
`<cite>`	定义引用(citation)。
`<code>`	定义计算机代码文本。
`<command>`	定义命令按钮。
`<dfn>`	定义定义项目。
`<del>`	定义被删除文本。
`<em>`	定义强调文本。
`<embed>`	定义外部交互内容或插件。
`<i>`	定义斜体字。
`<img>`	定义图像。
`<input>`	定义输入控件。
`<kbd>`	定义键盘文本。
`<label>`	定义 input 元素的标注。
`<map>`	定义图像映射。
`<mark>`	定义有记号的文本。
`<objec>`	定义内嵌对象。
`<progress>`	定义任何类型的任务的进度。
`<q>`	定义短的引用。
`<samp>`	定义计算机代码样本。
`<select>`	定义选择列表（下拉列表）。
`<small>`	定义小号文本。
`<span>`	定义文档中的节。
`<strong>`	定义强调文本。
`<sub>`	定义下标文本。
`<sup>`	定义上标文本。
`<textarea>`	定义多行的文本输入控件。
`<time>`	定义日期/时间。
`<tt>`	定义打字机文本。
`<var>`	定义文本的变量部分。
`<video>`	定义视频。
`<wbr>`	定义可能的换行符。