这些元素内不能放款块元素,一般都是放文字或者其他内联元素.如:
而不能
1
.
块元素里面可以放块元素和内联元素
1
内联元素:
*
a
-
锚点
*
abbr
-
缩写
*
acronym
-
首字
*
b
-
粗体(不推荐)
*
bdo
-
bidi
override
*
big
-
大字体
*
br
-
换行
*
cite
-
引用
*
code
-
计算机代码(在引用源码的时候需要)
*
dfn
-
定义字段
*
em
-
强调
*
font
-
字体设定(不推荐)
*
i
-
斜体
*
img
-
图片
*
input
-
输入框
*
kbd
-
定义键盘文本
*
label
-
表格标签
*
q
-
短引用
*
s
-
中划线(不推荐)
*
samp
-
定义范例计算机代码
*
select
-
项目选择
*
small
-
小字体文本
*
span
-
常用内联容器,定义文本内区块
*
strike
-
中划线
*
strong
-
粗体强调
*
sub
-
下标
*
sup
-
上标
*
textarea
-
多行文本输入框
*
tt
-
电传文本
*
u
-
下划线
*
var
-
定义变量
html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联块级元素。块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
设置display:block;可以将元素转换块级元素。
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
设置display:inline可以将块状元素转换为内联元素
块状元素特点:
1、独占一行,在默认情况下,宽度自动填满父元素宽度
2、宽度和高度可以控制
3、margin和padding横向纵向设置都有效
4、可以通过display: inline转换为行内元素
5、除个别特殊元素外,可包含块状元素和行内元素
行内元素特点:
1、不能独占一行
2、宽高由内容撑开
3、margin和padding横向设置有效,纵向设置不产生边距效果
4、可以通过display: block转换为块状元素
5、除ins和del外,不能包含块状元素
《HTML标签嵌套规则》