Web基础知识三之文本标记

文本标记
1、特殊文本
任意多的回车和空格，最终只会被解析成一个空格
在页面中输出：<p>这是一个P标记</p>
在页面中，要通过“转义字符”来表示 空格，<,>等一些字符


1、&nbsp;表示一个空格
2、&gt;表示一个 >
3、&lt;表示一个 <
4、&copy;表示一个 ©[版权符号]
5、&yen;表示一个 ¥[价格]


2、文本标记
1、文本样式
<b></b> : 加粗
<i></i> : 斜体
<u></u> : 下划线
<s></s> : 删除线
 : 上标
 : 下标
2、标题元素
语法：
<h#></h#>
"#"表示1~6级标题
显示效果：
1、独占一行
2、文本以加粗方式出现
3、改变字号（1级最大，6级最小）
4、具备垂直空白距离
属性：
1、align
作用：控制当前文本的水平排列方式
取值：left，right，center
3、段落元素
语法：<p></p>
效果：
1、独占一行
2、具备垂直空白
属性：
1、align
取值：left/center/right
4、换行元素
语法：<br>或<br/>
5、分割线元素
作用：在页面中绘制一条水平线
语法：<hr>或<hr/>
效果：独占一行
属性：
1、size
大小，以px（像素）作为单位
1024*768
1360*1280
2、width
宽度，以px或%作为单位
3、align
水平排列方式
4、color
6、预格式化元素<重点>
作用：保留源文档中的格式，即保留源文档中所有的回车和空格的效果
语法：<pre></pre>
注：一般不用
7、块分区元素-div
作用：做分区，做布局
语法：<div>内容</div>
效果：
1、独占一行
属性：
1、align（只要独占一行的属性就有align）
8、行内分区元素-span
作用：设置同一行文字内的不同格式
ex：既有加粗、斜体、下划线的文本
<b>
<i>
<u>一段文本</u>
</i>
</b>


<span 此处定义样式>一段文本</span>
9、行内元素 与 块级元素
行内元素 与 块级元素在页面中的位置效果是不一样的。


块级元素：默认情况下，块级元素会独占一行，
：div,p,h1~h6。所有的块级元素，都可以做布局。


行内元素：默认情况下，元素是不会换行的
可以和其它的行内元素或文本在一行内显示
如：span,s,b,i,u,sup,sub,... ...
作用：处理文本样式
快捷键：
F2 : 重命名
Ctrl + s : 保存
Ctrl + c : 复制
Ctrl + v : 粘贴