HTML的文本相关标签
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML的文本相关标签
文本是网页不可缺少的元素之一，是网页发布信息所采用的主要形式。
为了让网页中的文本看上去编排有序、整齐美观、错落有致，我们就要设置文本的大小、颜色、字体类型以及换行换段等。
本节单词记忆：标签 1.font 2.p 3.br 属性 1.color 2.size 3.face 4.align
网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。
一、字体字号相关标签
1.标题标签
标题能分隔大段文字，概括下文内容，根据逻辑结构安排信息。
标题具有吸引读者的提示作用，而且表明了文章的内容，读者会根据标题决定是否阅读此文章。
标题的重要性由此可见一斑。
HTML提供了六级标题，<H1>为最大，<H6>为最小。
用户只需定义从H1到H6中的一种大小，浏览器将负责显示过程。
示例1：显示指定各级标题的HTML文档。
<HTML>
<HEAD>
<TITLE>不同等级标题标签对比</TITLE>
</HEAD>
<BODY>
<H1>一级标题</H1>
<H2>二级标题</H2>
<H3>三级标题</H3>
<H4>四级标题</H4>
<H5>五级标题</H5>
<H6>六级标题</H6>
</BODY>
</HTML>
示例1在浏览器中预览效果如图1所示。
图1 不同级别的标题输出的结果
2.<FONT>标签
<FONT>标签用于控制网页上文本的显示外观。
文本大小、字体类型和颜色等属性都可使用<FONT>标签指定。
语法：
<FONT size="+2" color="red" face="隶书">
文本内容
</FONT>
其中，size属性用来设置字体的大小，可以为字体指定的大小范围为1～7。
最大为7，最小为1。
也可以使用一个默认字体大小，然后相对于该默认大小指定后续字体的大小。
例如：size默认字体大小为3，则size=+4将使大小增加到7，size=-1将使大小减小到2。
color属性用于指定字体的颜色，可以指定颜色名称或十六进制值。
face属性用于指定字体的类型。
3.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定义HTML标签的开始。
要在浏览器中显示这些特殊字符，就必须在HTML文档中使用字符实体。
字符实体由3部分组成：&号、实体名称和分号(;)。
例如，要在HTML文档中显示小于号，则使用<。
下表显示的字符实体用于显示HTML文档中的特殊字符。
显示结果实体名称
空格
小于号(<) <
大于号(>) >
和号(&) &
引号(") "
版权(©)©
需要说明的是：转义码各字符间不能有空格；转义码必须以“；”结束；单独的&不被认为是转义开始。
示例2：
......
<BODY>
<P> <FONT size="+2" color="red" >
手机充值、IP卡/电话卡 </FONT><BR />
移动 | 100 | 联通 | 50</P>
Copyright © 2007 "淘宝网" All rights.
</BODY>
……
示例2在浏览器中预览效果如图2所示。
.
图2 FONT标签和特殊字符应用效果
二、行的控制相关标签
1.段落标签<P>
如果是在写一篇文章，则要将这些内容分组成一系列段落。
目的是要将这些逻辑
思想组合在一起，并对其内容应用某些格式和布局。
存HTML文档中，可以将文本内容组合为多个段落。
段落标记<P>用于标记段落的开始，段落结束标记</P>是可选的，为了养成良好的编码习惯，建议不要省略段落结束标记</P>。
您还可以通过段落的align属性，设置段落的对齐方式，如左对齐、居中、右对齐，如示例3所示，输出结果如图3所示。
2.换行标签<BR>
<BR>标签在用户要结束一行但又不想开始一个新的段落时使用。
只要在文本中放入<BR>标签，就会强制换行。
小经验：结束标签</P>为可选，下一个<P>标签实例自动开始一个新的段落；<BR>标签没有结束标签。
示例3：
<HTML>
<HEAD>
<TITLE>文本相关标记的应用</TITLE>
</HEAD>
<BODY>
<P><FONT size="+2" color="red" >
手机充值、IP卡/电话卡 </FONT><BR />
移动 | 100 | 联通 | 50</P>
<P align="center">淘宝集市欢迎您！</P>
<P align="left"><H2>淘宝网首届翠友会！</H2><BR />
想做最闪亮的mm吗<BR />
千余中奖机会有你吗<BR />
淘宝入选平安网站
</P>
Copyright © 2007 "淘宝网" All rights.
</BODY>
</HTML>
示例3在浏览器中预览效果如图3所示。
图3 换段换行标签应用效果
本节作业：
不看示例代码，制作如图3网页。
注意事项：
1.注意字体，字号相关标签<FONT>、<H>的使用。
2.注意<P>、<BR>的区别，align属性的应用。
3.注意特殊符号使用方法。
网页学习网提示：光看教程是无法让你掌握HTML知识，最好是完成作业后才进入下一次教程，动起手来吧！
点击下载第一章案例及作业资源返回《HTML入门经典》教程列表
转载请注明本文地址:/html/jc/469.html。