html块级元素与行内元素

块级元素与行内元素的区别

1. 块级元素会独占一行，宽度自动填满父元素宽度, 行内元素不会独占一行，其宽度随元素的内容变化而变化
2. 块级元素可以直接设置宽高, 行内元素不可以直接设置宽高

常用块级元素

<div> 定义文档中的分区或节
<h1>、<h2>、<h3>、<h4>、<h5>、<h6> 定义标题，数字越小字体越大越粗
<p> 段落标签
<ul> 定义无序列表
<ol> 定义有序列表
<li> 定义列表项目
<dl> 定义列表
<dt> 定义列表中的项目
<dd> 定义列表中的条目
<hr> 创建一条水平线

常用行内元素

<span> 组合文档中的行内元素
<i> 倾斜文本
<em> 定义为强调的内容
<b> 字体加粗
<strong> 语气更强的强调内容
<a> 标签可定义锚
<img> 嵌入图片
<input> 输入框
<select> 创建单选或多选菜单
<textarea> 多行文本输入框
<button> 按钮标签
<sub> 下标文本
<sup> 上标文本