块元素

块级元素通常会从新行开始，并占据整行的宽度，因此它们会在页面上呈现为一块独立的内容块。
可以包含其他块级元素和行内元素。
常见的块级元素包括<div>，<p>，<h1>到<h6>，<ul>，<ol>，<1i>，<table>，<form>等。

行内元素

行内元素通常在同一行内呈现，不会独占一行。
只占据其内容所需的宽度，而不是整行的宽度。
行内元素不能包含块级元素，但可以包含其他行内元素。
常见的行内元素包括<span>，<a>，<strong>，<em>，<img>，<br>，<input>等。

div标签没有语义

.类名 +tab 生成带类名div标签 alt text #名称 +tab 生成带名称div标签导航栏

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16



<div class="nav">
    <a href="#">链接1</a>
    <a href="#">链接2</a>
    <a href="#">链接3</a>
    <a href="#">链接4</a>
    <a href="#">链接5</a>
</div>

<div class="content">
    <h1>文章标题</h1>
    <p>>这是文章的第一段内容。</p>
    <p>这是文章的第二段内容。</p>
    <p>这是文章的第三段内容。</p>
    <p>这是文章的第四段内容。</p>
</div>

链接1 链接2 链接3 链接4 链接5

文章标题

这是文章的第一段内容。

这是文章的第二段内容。

这是文章的第三段内容。

这是文章的第四段内容。

span标签包装文本图片

1
2
3
4
5
6
7


<span>标签1</span>
<span>标签2</span>
<span>标签3</span>
<span>标签4</span>
<span>标签5</span>
<hr>
<span>这是一个<a href="#">链接</a></span>

标签1 标签2 标签3 标签4 标签5

这是一个链接

<div> <span>通常配合css jsc一起使用

块元素

行内元素

div标签 没有语义

文章标题

span标签 包装文本图片

div标签没有语义

span标签包装文本图片