02HTML----文本

文本

1.特殊文本的实现

• 页面的空格以及一些特殊字符需要通过转义字符的方式体现
  <1>&nbsp 表示一个空格
  <2>&it 表示<
  <3>&gt 表示>
  <4>&copy 表示©

2.文本样式相关标记

• <b></b>:加粗
• <i></i>:斜体
• <u></u>:下划线
• <s></s>:删除线
• <sup></sup>:上标

3.标题元素

以醒目的方式表现出文本

• 语法

            <h1>一级标题</h1>
			<h2>二级标题</h2>
			<h3>三级标题</h3>
			<h4>四级标题</h4>
			<h5>五级标题</h5>
			<h6>六级标题</h6>

• 属性
  align
  文本的水平对齐方式
  取值：left/center/right

4.段落元素

• 语法：<p></p>
• 属性：align : left / center / right

5.换行元素

• <br>

6.分割线元素

• 作用：在页面中表现为一条直线
• 语法：<hr>
• 属性：
  1、size
  尺寸，以 px 为单位的数值
  2、width
  宽度，以 px 或 % 为单位的数值
  3、align
  水平对其方式
  4、color
  颜色

7.预格式化

• 作用：保留源文档中的回车 和 空格 的作用

<pre></pre>

8.分区元素

• 1、块分区元素
  语法：<div></div>
  作用：布局
• 2、行内分区元素
  语法：<span></span>
  作用：设置同一行文字内的不同样式

9.行内元素 与 块级元素

按照元素们的表现形式来分类，分为 行内元素 和 块级元素

• 1、行内元素
  在一行内允许显示多个元素的，称为 “行内元素”
  span,i,b,s,u,sup,sub
  作用：包裹文本，并处理文本的表现形式

• 2、块级元素
  每个元素独占一行显示的，称为 “块级元素”
  div,p,h1,h2,h3,h4,h5,h6
  作用：布局

• 注意：
  1、p标记不能嵌套其它的块级元素
  2、行内元素中 最好 不要嵌套块级元素