web: 网页
div块元素: 容器、布局 (承载网页的图文信息)
<div>
hello
</div>
h1 ~ h6 是标题标签,默认字体加粗
一个网页通常是一个h1标签
h1 ~ h6 也是块标签。
<style>
h1 {
height: 80px;
width: 200px;
background-color: skyblue;
}
</style>
<h1>标题 # 1</h1>
<h2>标题 # 2</h2>
<h3>标题 # 3</h3>
<h4>标题 # 4</h4>
<h5>标题 # 5</h5>
<h6>标题 # 6</h6>
<p>段落....</p>
段落标签、通常形容一段文本、一段字符
p标签不可以嵌套div或其他块元素,如果采用p标签嵌套div标签,就会出现p标签被分割。
p标签可以嵌套文本、行内元素,但是不能直接嵌套块元素。
p标签也是一种块标签的
<style>
p {
/* 内边距 */
padding: 0;
/* 外边距 */
margin: 0;
width: 200px;
height: 50px;
background-color: yellowgreen;
}
</style>
<p>
<span>abc</span>
</p>