块元素:<h1>、<p>、<ul>,显示时会独立成行。
内联元素:<b>、<a>、<img>,显示时不会独立成行。
<div>元素:块元素,组合其它HTML的容器。它可以来修饰在容器自身内的元素。通常可以使用css修饰。
例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div例子</title>
<!-- 使用两个简单css样式修饰两个div块,css样式如下: -->
<style type="text/css">
div#div01{ <!-- 花括号不是括号 -->
color: red;
}
</style>
<style type="text/css">
div#div02{
color: blue;
}
</style>
</head>
<body>
<div id="div01">youyouyou</div>
<div id="div02">youyouyou</div>
</body>
</html>
span元素:内联元素。它作为文本容器,对其中的文本进行修饰。
例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>span例子</title>
<!-- 使用两个简单css样式修饰两个span元素,css样式如下: -->
<style type="text/css">
span#span01{
color: yellow;
}
</style>
<style type="text/css">
span#span02{
color: pink;
}
</style>
</head>
<body>
<span id="span01">mememe</span>
<span id="span02">mememe</span>
<!-- span为内联元素,不会单独成行 -->
</body>
</html>