闲暇时间学习学习HTML相关知识————HTML块！
#HTML 块
HTML块元素
块元素在显示的时候，通常会以新行开始
如：<h1>、<p>、<ul>
1
2
3
4
| <body>
<p>Hello</p>
<h1>标题一</h1>
</body>
|
HTML内联元素
内联元素显示通常不会以新行开始
如<b>、<a>、<img>
1
2
3
4
| <body>
<b>这是一个加粗</b>
<a>这是一个超链接</a>
</body>
|
HTML <div>元素
<div>元素也被称为块元素，其主要是组合HTML元素的容器,配合css样式使用
1
2
3
4
5
6
7
8
9
10
11
| <style type="text/css">
#divId p{
color:blue;
}
</style>
<body>
<div id="divId">
<p>Hello World</p>
<a>Click me</a>
</div>
</body>
|
HTML <span> 元素
<span>元素是内联元素，可作为文本的容器
1
2
3
4
5
6
7
8
9
10
| <style type="text/css">
span{
color:red
}
</style>
<body>
<div id="divspan">
<p><span>这是一个测试<span>Span 测试</p>
<div>
</body>
|
