行内元素:
<a>定义超链接
<b>字体加粗
<span>定义在文档中的行内元素
<img>向网页中插入题图像
<input>输入框
<small>小号字体效果
<br>换行
<big>字体加大加粗
<strong>强调的语气
<select>创建单选或多选菜单
<textarea>定义文本域,多行的文本输入控件
块级元素:
<div>定义文档中的分区或节
<h1>定义最大的标题
<h2>定义副标题
<h3>定义标题
<h4>定义标题
<h5>定义标题
<h6>定义最小的标题
<ul>定义无序列表
<ol>定义有序列表
<li>定义有序列表或无序列表的列表项目
<dl>定义自定义列表
<dd>定义自定义列表中的条目
<dt>定义自定义列表中的项目
<hr>创建一条水平线
<p>定义段落
<table>定义表格
<td>表格中的标准单元格
<th>定义表头单元格
<thead>标签定义表格的表头
<tr>定义表格中的行
行内、块级元素区别:
1、块级元素会独占一行,其宽度自动填满其父元素宽度 行内 元素不会独占一行,相邻的行
内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化
2、一般情况下,块级元素可以设置 width,height 属性,行内元素设置 width, height 无效
(注意:块级元素即使设置了宽度,仍然是独占一行的)
3、块级元素可以设置 margin 和 padding 行内元素的水平方向的
padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的
padding-top,padding-bottom,margin-top,margin-bottom 都不会产生边距效果。(水平方向有效,
竖直方向无效)