Html5之基础-4 HTML文本
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Html5之基础-4 HTML文本相关的知识，希望对你有一定的参考价值。
一、html 文本标记概述
文本标记的作用
（1）文本是网页上的重要组成部分
（2）直接书写的文本会用浏览器默认的样式显示
（3）包含在标记中的文本则会被显示为标记所拥有的样式
- 特殊字符
- 注释
- 标题元素
- 段落元素
- 换行元素
- 分区元素
- ...
文本与特殊字符
（1）空格折叠
- 多个空格或制表符压缩成单个空格，即只显示一个空格
（2）特殊字符（如空格），需要进行转义（使用字符实体）
Code: <!DOCTYPE html> <body> The <p> element. © 2016 by Jason. </body> </html>
显示结果:
二、使用文本标记
文本样式
（1）文本样式的作用是对文本进行修饰，如加粗、倾斜等
- <b>...</b>:加粗
- <b>...</b>:倾斜
- <b>...</b>:下划线
- <b>...</b>:删除线
- <b>...</b>:上标
- <b>...</b>:下标
标题元素<hn>
（1）标题元素让文字以醒目的方式显示，往往用于文章的标题
（2）基本语法:<h#>...</h#>
- # = 1,2,3,4,5,6
- 从 <h1> 到 <h6>,即 标题1-标题6
段落元素<p>
（1）<p> 元素提供了结构化文本的一种方式
（2）<p> 元素中的文本会用单独的段落显示
- 与前后的文本都换行分开
- 添加一段额外的垂直空白距离，作为段落间距
- 常用属性：align
换行元素<br>
（1）使用<br>元素在任何地方创建收手工换行
- 空标记
分区元素<span>和<div>
（1）分区元素用于为元素分组，常用于页面布局
（2）块分区元素:<div></div>
（3）行内分区元素:<span></span>
- 设置同一行文字内的不同格式
行内元素与块级元素
（1）块级元素
- 默认情况下，块级元素会独占一行，即元素前后都会自动换行
- 如: <p>、<div>、<hn>
（2）行内元素
- 不会换行，可以和其他行内元素位于同一行
- 如: <span>、<b>、<i>、<u>
分割线元素<hr>
（1）<hr> 元素用于在页面上创建一条水平线
- 空标记
- 常用于将页面的不同部分隔开
- <hr>后面的文本将出现在新段落中
（2）常用属性
- size、width、align、color
预格式化<pre>
（1）保留源文档中的格式，即保留原来的换行和文本中的空白
总结：本章内容主要介绍了HTML文本标记。
本文出自 “技术交流” 博客，谢绝转载！
以上是关于Html5之基础-4 HTML文本的主要内容，如果未能解决你的问题，请参考以下文章