网页设计里的文本 第1篇
一段文字当然得放在段落中，才显得紧凑有序，其中还需要加上换行来进行排版。
段落标记
这是一段独白，也是一段充满思考意义的诗歌。 面对悲惨命运和两重选择，哈
姆雷特陷入复杂的思索，痛苦的挣扎。 这段独白是哈姆雷特王子发现母亲和
叔叔害死了自己的父亲，并且两人早有奸情之后的。 此时的他痛苦、疑惑，
对人生充满怀疑，觉得人活着没有意义，自杀更好，可又对死亡很恐惧，不知
人死后会不会下地狱。 所以在这段独白里，他非常犹豫，思考着是该“生存还
是毁灭”。
明显得看出行间距减小，并变得更具合理
原格式标记可以将你所添加的内容原样显示在页面上
网页设计里的文本 第2篇
【示例】根据文档结构层次，定义不同级别的标题文本。
h1、h2和h3比较常用，h4、h5和h6不是很常用，除非在结构层级比较深的文档中才会考虑选用，因为一般文档的标题层次在三级左右。对于标题元素的位置，应该出现在正文内容的顶部，一般处于容器的第一行。
在网页中输入段落文本，应该使用p元素，它是最常用的HTML元素之一。在默认情况下，浏览器会在标题与段落之间，以及段落与段落之间添加间距，约为一个字体的距离，以方便阅读。 【示例】使用p元素设计两段诗句正文。
使用CSS可以为段落添加样式，如字体、字号、颜色等，也可以改变段落文本的对齐方式，包括水平对齐和垂直对齐。
网页设计里的文本 第3篇
HTML5为标识特定用途的信息新增了很多文本标签，具体说明如下。
HTML5使用新的mark元素实现突出显示文本，可以使用CSS对mark元素里的文字应用样式（不应用样式也可以），但应仅在合适的情况下使用该元素。无论何时使用mark，该元素总是用于提示浏览者对特定文本的注意。
最能体现mark元素作用的应用是在网页中检索某个关键词时呈现的检索结果，现在许多搜索引擎都用其他方法实现了mark元素的功能。
【示例1】使用mark元素高亮显示对“HTML 5”关键词的搜索结果：
注意：在HTML4中，用户习惯使用em或strong元素突出显示文字，但是mark元素的作用与这两个元素的作用是有区别的，不能混用。
提示：目前，所有最新版本的浏览器都支持mark元素。IE8以及更早的版本不支持mark元素。
progress是HTML5的新元素，它指示某项任务的完成进度。可以用它表示一个进度条，就像在Web应用中看到的指示保存或加载大量数据操作进度的组件。
支持progress的浏览器会根据属性值自动显示一个进度条，并根据值对其进行着色。之间的文本不会显示出来。例如：
一般只能通过JavaScript动态地更新value属性值和元素里面的文本以指示任务进程。通过JavaScript（或直接在HTML中）将value属性的值设为35（假定max=“100”）。
progress元素支持三个属性：max、value和form。它们都是可选的，max属性指定任务的总工作量，其值必须大于0。value是任务已完成的量，值必须大于0、小于或等于max属性值。如果progress没有嵌套在form元素里面，又需要将它们联系起来，可以添加form属性并将其值设为该form的id。
目前，Firefox 8+、Opera11+、IE 10+、Chrome 6+、Safari 版本的浏览器都以不同的表现形式对progress元素提供支持。
【示例】下面简单演示如何使用progress元素：
注意：progress元素不适合用来表示度量衡，例如，磁盘空间使用情况或查询结果。如须表示度量衡，应使用meter元素。
meter是HTML5的新元素，它很像progress元素。可以用meter元素表示分数的值或已知范围的测量结果。简单地说，它代表的是投票结果。例如，已售票数（共850张，已售811张）、考试分数（百分制的90分）、磁盘使用量（如256 GB中的74 GB）等测量数据。
HTML5建议（并非强制）浏览器在呈现meter时，在旁边显示一个类似温度计的图形、一个表示测量值的横条，测量值的颜色与最大值的颜色有所区别（相等除外）。作为当前少数几个支持meter的浏览器，Firefox正是这样显示的。对于不支持meter的浏览器，可以通过CSS对meter添加一些额外的样式，或用JavaScript进行改进。
【示例】下面简单演示如何使用meter元素：
支持meter的浏览器（如Firefox）会自动显示测量值，并根据属性值进行着色。
IE不支持meter，它会将meter元素里的文本内容显示出来，而不是显示一个彩色的横条。可以通过CSS改变其外观。
meter不提供定义好的单位，但可以使用title属性指定单位，如示例所示。通常，浏览器会以提示框的形式显示title文本。meter并不用于标记没有范围的普通测量值，如高度、宽度、距离、周长等。
meter元素包含7个属性，简单说明如下：
提示：目前，Safari 、Chrome 6+、Opera 11+、Firefox 16+版本的浏览器支持meter元素。浏览器对meter的支持情况还在变化，关于最新的浏览器支持情况，可以访问。
有人尝试针对支持meter的浏览器和不支持meter的浏览器统一编写meter的CSS。在网上搜索“style HTML5 meter with CSS”就可以找到一些解决方案，其中一些用到了JavaScript。
使用time元素标记时间、日期或时间段，这是HTML5新增的元素。呈现这些信息的方式有多种。例如：
time元素最简单的用法是不包含datetime属性。在忽略datetime属性的情况下，它们的确提供了具备有效的机器可读格式的时间和日期。如果提供datetime属性，time标签中的文本可以不严格使用有效的格式；如果忽略datetime属性，文本内容就必须是合法的日期或时间格式。
time中包含的文本内容会出现在屏幕上，对用户可见，而可选的datetime属性则是为机器准备的。该属性需要遵循特定的格式。浏览器只显示time元素的文本内容，而不会显示datetime的值。
datetime属性不会单独产生任何效果，但可以用于在Web应用（如日历应用）之间同步日期和时间。这就是必须使用标准的机器可读格式的原因，这样程序之间就可以使用相同的“语言”共享信息。
提示：不能在time元素中嵌套一个time元素，也不能在没有datetime属性的time元素中包含其他元素（只能包含文本）。
在早期的HTML5说明中，time元素可以包含pubdate的可选属性。不过，后来pubdate已不再是HTML5的一部分。读者可能在早期的HTML5示例中见到过该属性。
**【拓展】**datetime属性（或者没有datetime属性的time元素）必须提供特定的机器可读格式的日期和时间。这可以简化为下面的形式。
例如（当地时间）：
表示“当地时间2020年11月3日17时19分10秒”。小时部分使用24小时制，因此表示下午5点应使用17，而非05。如果包含时间，秒是可选的。也可以使用hh:格式提供时间的毫秒数。注意，毫秒数之前的符号是一个点。
如果要表示时间段，则格式稍有不同。有几种语法，不过最简单的形式为：
其中，三个n分别表示小时数、分钟数和秒数。
也可以将日期和时间表示为世界时。在末尾加上字母Z，就成了全球标准时间(Coordinated Universal Time，UTC)。UTC是主要的全球时间标准。例如（使用UTC的世界时）：
也可以通过相对UTC时差的方式表示时间。这时不写字母Z，写上-（减）或+（加）及时差即可。例如，含相对UTC时差的世界时：
表示“纽芬兰标准时(NST)2020年11月3日17时19分10秒”（NST比UTC晚3小时30分）。
提示：如果确实要包含datetime，则不必提供时间的完整信息。