## `<hr>`和`<P>`标签
[TOC]
### `<p>`标签
HTML 可以使用P标签将文档分割为若干段落。
我们找到之前写的页面,用`<p>`标签对它进行一些简单处理。
```html
<p>A smooth, mild blend of coffees from Mexico, </p><p>
Bolivia and Guatemala.A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.</p>
```
* 使用`<p>`标签后,我们发现原本的文字被分成两段,发生了换行。
* 如果需要在不产生一个新段落的情况下进行换行(新行),可以使用`<br>`标签。
### `<hr>`标签
**有些时候,我们需要在段落之间或标题和正文之间画出一条横线作为区分,我们可以使用<hr>标签**。
我们可以在之前的咖啡菜单页面中,将每一种咖啡用<hr>标签分隔开来。
![](https://box.kancloud.cn/2a283fdc07b11eac2a138d8875187acf_606x580.png)
要想输入空格,必须写入`$nbsp;`
## 作业
* 使用`<hr>`标签改造CODING COFFEE菜单页。
- 概要
- 前言
- 计算机软件概论
- 计算机软件概论
- Markdown基础
- 为什么使用Markdown
- Markdown语法简明教程
- Xmind思维导图
- 为什么要制作思维导图
- 简单制作思维导图
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- hr 和 p 标签
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- 数据库基础
- 数据库介绍
- 数据库安装和Navicat
- SQL
- 表基本操作
- 修改数据语句
- 数据检索操作
- 多表数据操作
- JAVA基础
- JAVA 介绍
- JAVA 运行原理
- JDK 配置
- 类和对象
- 数据类型
- 变量
- 直接量
- 运算符
- 流程控制
- 数组结构