Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 主页 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 格式化 HTML 引用 HTML 注释 HTML 颜色 HTML CSS HTML 链接 HTML 图片 HTML 收藏夹图标 HTML 页面标题 HTML 表格 HTML 列表 HTML 块和内联 HTML Div HTML 类 HTML ID HTML 框架 HTML JavaScript HTML 文件路径 HTML 头部 HTML 布局 HTML 响应式 HTML 代码 HTML 语义 HTML 样式指南 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL 编码 HTML vs. XHTML

HTML 表单

HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 输入表单属性

HTML 图形

HTML Canvas HTML SVG

HTML 媒体

HTML 媒体 HTML 视频 HTML 音频 HTML 插件 HTML YouTube

HTML API

HTML 地理位置 HTML 拖放 HTML 网页存储 HTML 网页工作线程 HTML SSE

HTML 示例

HTML 示例 HTML 编辑器 HTML 问答 HTML 练习 HTML 网站 HTML 面试准备 HTML 集训营 HTML 证书 HTML 总结 HTML 可访问性

HTML 参考

HTML 标签列表 HTML 属性 HTML 全局属性 HTML 浏览器支持 HTML 事件 HTML 颜色 HTML Canvas HTML 音频/视频 HTML 文档类型 HTML 字符集 HTML URL 编码 HTML 语言代码 HTTP 消息 HTTP 方法 像素到 EM 转换器 键盘快捷键

HTML 段落


段落总是从新行开始,通常是一段文本。


HTML 段落

HTML <p> 元素定义一个段落。

段落总是从新行开始,浏览器会自动在段落前后添加一些空白(边距)。

示例

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
亲自试一试 »

HTML 显示

您无法确定 HTML 的显示方式。

大或小屏幕以及调整大小的窗口将产生不同的结果。

使用 HTML,您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。

浏览器会在页面显示时自动删除任何额外的空格和行

示例

<p>
这段
包含很多行
在源代码中,
但浏览器
忽略了它。
</p>

<p>
这段
包含         很多空格
在源代码中         ,
但        浏览器
忽略了它。
</p>
亲自试一试 »


HTML 水平线

<hr> 标签在 HTML 页面中定义一个主题断裂,通常显示为水平线。

<hr> 元素用于分隔 HTML 页面中的内容(或定义更改)。

示例

<h1>这是标题 1</h1>
<p>这是一些文本。</p>
<hr>
<h2>这是标题 2</h2>
<p>这是其他一些文本。</p>
<hr>
亲自试一试 »

<hr> 标签是一个空标签,这意味着它没有结束标签。


HTML 换行符

HTML <br> 元素定义一个换行符。

如果您想要一个换行符(新行)而不开始新段落,请使用 <br>

示例

<p>这是<br>一个带有换行符的段落。</p>
亲自试一试 »

<br> 标签是一个空标签,这意味着它没有结束标签。


诗歌问题

这首诗将在单行上显示

示例

<p>
  我的心上人住在海的那边。

  我的心上人住在海的那边。

  我的心上人住在海的那边。

  哦,带回我的心上人。
</p>
亲自试一试 »

解决方案 - HTML <pre> 元素

HTML <pre> 元素定义预格式化的文本。

<pre> 元素内的文本以等宽字体(通常为 Courier)显示,并且保留空格和换行符。

示例

<pre>
  我的心上人住在海的那边。

  我的心上人住在海的那边。

  我的心上人住在海的那边。

  哦,带回我的心上人。
</pre>
亲自试一试 »


HTML 标签参考

W3Schools 的标签参考包含有关 HTML 元素及其属性的更多信息。

标签 描述
<p> 定义一个段落
<hr> 定义内容中的主题变化
<br> 插入单个换行符
<pre> 定义预格式化的文本

有关所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考


视频:HTML 段落

Tutorial on YouTube
Tutorial on YouTube



×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.