常见的标签

 标记（标签）

构成网页的基本单位

- 标签：由尖括号括起来的关键词
  - 单标签：<标签名 >或 <标签名 />
  - 双标签：``<开始标签名>[内容]</结束标签名>``
- 元素：标签及内容的整体
- 属性

```html
<标签名 属性名1="属性值1"  属性名2="属性值2"></标签名>
```

<后面的第一个单词叫做标签的名字，标签名空格之后的叫做标签的属性。

* 属性由属性名和属性值组成，属性名和属性值用等号连接

* 属性值用引号引起来。 多个属性之间用空格隔开。

常用HTML标签

1）块级标记

- div标签
  搭建网页结构的基本标签——盒子；无语义标签

```
<div>[内容]</div>
<div> 文字内容</div>
<div>
    <div></div>
</div>
```

```html
- 特性
    - 宽度默认撑满整个父元素
    - 高度默认由内容撑开
    - 独立成行——垂直布局

    作用：可以用来划分页面的区块，里面嵌套任何的标签
```

- h系列标签：标题标签
  标题标签中文字大小依次减小，重要程度依次减弱。
  注意事项：h1标题一个页面中只有一个，h2~h6是可以有多个的。

```
    <h1>title1</h1>
    <h2>title2</h2>
    <h3>title3</h3>
    <h4>title4</h4>
    <h5>title5</h5>
    <h6>title6</h6>
```

```html
- 特性
    - 宽度默认撑满整个父元素
    - 高度默认由内容撑开
    - 独立成行——垂直布局
    - 自带外间距
    - 自带加粗效果
    
    应用场景：
    - logo
    - 文章页标题、内容章节标题
    - 产品标题
    - 模块标题等
```

- p标签：段落标记

```
<p>[文字]</p>
```

```html
- 特性
    - 宽度默认撑满整个父元素
    - 高度默认由内容撑开
    - 独立成行——垂直布局
    - 自带外间距
    
    应用场景：文章中的段落、页面中的文字块
    
      注意：p标签不能嵌套块级标签，例如：div，p,h1~h6
```

- hr标签：水平分割线 块级标记

  ```html
  - 特性
        - 默认自带间距、自带边框 
        
        作用：在页面中显示一条水平线
  ```