html5文本与段落简介,认识HTML标题和段落元素

标题和段落元素属于“块元素”，“块元素”在网页中的效果是该元素的内容对于其前后元素的内容都另起一行。因此，每个标题和段落元素在网页中都单独占一行。例如下面的HTML文档。

下图是浏览器的显示效果，从浏览器显示效果可以看出，标题元素h3的内容显示为黑体并加粗，起到强调文本的作用，并且单独占一行；段落元素p的内容没有加粗，字体也不是黑体，内容也单独占一行。在网页文件中，标题和段落是常用元素，网页中的标题和段落元素与文章中的标题和段落意义是相同的，标题对段落内容的概括和总结，段落是对标题的展开叙述。

在上面的网页文档中，诗的每一句都放置在段落元素(p)的起始标签和结束标签内，可以让诗的每一句都占一行。如果将诗的内容都放置在一个段落元素(p)的起始标签和结束标签内，诗的内容将显示到一行中。

从下图显示效果可以看出，诗的内容显示到一行中，当浏览器窗口不足以显示所有内容时，浏览器会将内容自动换行显示。虽然在网页文件中已经对诗句进行了换行和空格缩进处理，但在浏览器中都是无效的。

HTML的pre元素可以定义预格式化的文本，在pre元素的起始标签和结束标签内的文本通常会保留空格和换行符，并且文本中的英文字符都统一用等宽字体，以便文本对齐。

从下图显示效果可以看出，在pre元素起始标签和结束标签的内容，保留了文本预定义的格式，在文本中的空格和换行符都保留了下来。

值的注意的是，pre元素一般只用于网页中显示诗句、程序代码等需要使用空格和换行符来排版的文字内容，而不应该将它用于一般内容的排版。根据HTML设计规范，网页的排版应尽可能使用CSS(Cascading Style Sheets，控制网页显示格式的语言)。后面的课程会专门讲述CSS语言。

下面再介绍一下标题和段落元素的语法及使用方法。

标题类元素

标题类元素主要有h1、h2、h3、h4、h5和h6六种元素，用于满足显示不同标题的需要。“h”是header(标题)的简写，数字1~6表示标题的级别，h1的标题最大，h6的标题最小。例如下面的网页文档定义了这六类标题。

从下图显示效果可以看出，一级标题h1字体尺寸最大，六级标题h6字体尺寸最小。

段落元素p和pre

段落p元素是英文单词paragraph(段落)的简写，p元素内一般包含一个文本段落，浏览器会自动在p元素前后进行换行。p元素起始标签和结束标签内的文本内容空格和换行符都将被浏览器忽略。

pre元素是performatted的简写，pre元素与p元素基本相同，唯一的区别是pre元素内文本内容将保留空格和换行符，并且文本内容中的英文字符统一使用等宽字体，以便对齐。

举报/反馈

html5文本与段落简介,认识HTML标题和段落元素相关推荐

html标题和段落一样大,HTML标题和段落
HTML 标题和段落 HTML 标题标题(Heading)是通过 - 标签进行定义的. 定义最大的标题. 定义最小的标题. 我是最大的我是第二大的我是第三大的 .... 我是最小的注释: 浏览 ...
html5文本与段落简介,美化html段落文本 Ⅰ
美化html段落文本 Ⅰ 来源:中文源码网浏览: 次日期:2018年9月2日 [下载文档: 美化html段落文本 Ⅰ.txt ] (友情提示:右键点上行txt文档名->目标另存 ...
【HTML502】HTML基础02_标题_段落_文本格式化_链接
HTML标题标题(Heading)是通过 <h1> - <h6> 标签进行定义的. <h1> 定义最大的标题. <h6> 定义最小的标题. <h ...
【python-docx】文本操作（段落、run、标题、首行缩进、段前段后、多倍行距、对齐方式）
1.概念块级元素(block-level) 是指作为一个整体的元素,典型的是段落(paragraph). 行内元素(inline) ,你可以把它理解为一部分块级元素,即一个块级元素包含一个或多个行内 ...
HTML标题与段落：网络文章网页
HTML标题与段落:网络文章网页任务描述相关知识分级标题段落与换行列表有序列表实例无序列表实例描述列表实例文本格式化引用编程要求测试说明任务描述本关任务是完成一个格式丰富的 ...
Bootstrap——排版（标题、段落、强调、缩略语、引用）
标题 1.在Bootstrap4中,主要对标题样式做了如下规定: (1)重设上下外边距,margin-top值为0,margin-bottom:0.5rem. (2)固定所有标题行高为line-hei ...
HTML5 文本元素
标题元素 h1-h6标签可以用来定义标题:标题标签有强调作用,有确切的语义,h1-h6逐渐递减 h1标签在同一个页面只能使用一次,h2-h6可以多次使用标题标签会独占一行,属于块级元素段落元素 p ...
POI生成word文档，包括标题，段落，表格，统计图(非图片格式)
Apache POI 是用Java编写的免费开源的跨平台的 Java API,Apache POI提供API给Java程式对Microsoft Office格式档案读和写的功能.POI为"P ...
html文字段落带标题,HTML标题跟段落
HTML标题和段落 HTML标题通过 - 等标签进行定义一标题二标题三标题四标题五标题六标题效果:如我们所见,标题是粗体或大号的文本,所以需要注意的是,要语义化的使用标题标签,即仅仅把 ...

html5文本与段落简介,认识HTML标题和段落元素

html5文本与段落简介,认识HTML标题和段落元素相关推荐

最新文章

热门文章