EasyDemo*Html文本标记知识点个人总结(二)

二、文本标记

2.1文本标记概述

2.1.1文本标记的作用

*包含在标记中的文本则会被显示为标记所拥有的样式

 -特殊字符

 -注释

 -标题元素

 -段落元素

 -换行元素

 -分区元素

2.1.2文本与特殊字符

*空格折叠

 -多个空格或制表符压缩成单个空格，即只显示一个空格

*特殊字符(如空格),需进行转义

2.1.3标题元素<hn>

*标题元素让文字以醒目的方式显示

*基本语法:<h#>…</h#>

 -# =1,2,3,4,5,6

 -从<h1>到<h6>,即标题1-6

2.1.4段落元素<p>

*<p>元素提供了结构化文本的一种方式

*<p>元素中的文本会用单独的段落显示

 -与前后的文本都换行分开

 -添加一段额外的垂直空白距离,作为段落间距

 -常用属性:align

 

2.1.5换行元素<br>

*使用<br>元素在任何地方创建手工换行

 

2.1.6分区元素<span>和<div>

*分区元素用于为元素分组，常用于页面布局

*块分区元素:<div></div>

*行内分区元素:<span></span>

 -设置同一行文字内的不同格式

2.1.7行内元素与块级元素

*块级元素

 -默认情况下，块级元素会独占一行，即元素前后都会自动换行

 -如:<p>、<div>、<hn>

*行内元素

 -不会换行,可以和其他行内元素位于同一行

 -如:<span>、<a>