文本是网页不可缺少的元素之一,是网页发布信息所采用的主要形式。下面我么来学习html文本相关标签教程。
为了让网页中的文本看上去编排有序、整齐美观、错落有致,我们就要设置文本的大小、颜色、字体类型以及换行换段等。
本节单词记忆:标签 1.font 2.p 3.br 属性 1.color 2.size 3.face 4.align
网页提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。
一、字体字号相关标签
1.标题标签
标题能分隔大段文字,概括下文内容,根据逻辑结构安排信息。标题具有吸引读者的提示作用,而且表明了文章的内容,读者会根据标题决定是否阅读此文章。标题的重要性由此可见一斑。
HTML提供了六级标题,
示例1:显示指定各级标题的HTML文档。
<H1>一级标题</H1> <H2>二级标题</H2> <H3>三级标题</H3> <H4>四级标题</H4> <H5>五级标题</H5> <H6>六级标题</H6>
示例1在浏览器中预览效果如图1所示。
图1 不同级别的标题输出的结果
2.<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文档中显示小于号,则使用<。
需要说明的是:转义码各字符间不能有空格;转义码必须以“;”结束;单独的&不被认为是转义开始。
示例2:
......
<FONT size="+2" color="red" >手机充值、IP卡/电话卡
移动 | 100 | 联通 | 50
Copyright &copy;2007 &quot;淘宝网" All rights.
……
示例2在浏览器中预览效果如图2所示。.
图2 FONT标签和特殊字符应用效果
二、行的控制相关标签
1.段落标签<P>
如果是在写一篇文章,则要将这些内容分组成一系列段落。目的是要将这些逻辑思想组合在一起,并对其内容应用某些格式和布局。存HTML文档中,可以将文本内容组合为多个段落。段落标记
用于标记段落的开始,段落结束标记
是可选的,为了养成良好的编码习惯,建议不要省略段落结束标记。
您还可以通过段落的align属性,设置段落的对齐方式,如左对齐、居中、右对齐,如示例3所示,输出结果如图3所示。
2.换行标签<BR>
标签在用户要结束一行但又不想开始一个新的段落时使用。只要在文本中放入
标签,就会强制换行。
小经验:结束标签
为可选,下一个标签实例自动开始一个新的段落;
标签没有结束标签。
示例3:
示例1在浏览器中预览效果如图1所示。
图1 不同级别的标题输出的结果
2.<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文档中显示小于号,则使用<。
需要说明的是:转义码各字符间不能有空格;转义码必须以“;”结束;单独的&不被认为是转义开始。
示例2:
......
<FONT size="+2" color="red" >手机充值、IP卡/电话卡
移动 | 100 | 联通 | 50
Copyright &copy;2007 &quot;淘宝网" All rights.
……
示例2在浏览器中预览效果如图2所示。.
图2 FONT标签和特殊字符应用效果
二、行的控制相关标签
1.段落标签<P>
如果是在写一篇文章,则要将这些内容分组成一系列段落。目的是要将这些逻辑思想组合在一起,并对其内容应用某些格式和布局。存HTML文档中,可以将文本内容组合为多个段落。段落标记
用于标记段落的开始,段落结束标记
是可选的,为了养成良好的编码习惯,建议不要省略段落结束标记。
您还可以通过段落的align属性,设置段落的对齐方式,如左对齐、居中、右对齐,如示例3所示,输出结果如图3所示。
2.换行标签<BR>
标签在用户要结束一行但又不想开始一个新的段落时使用。只要在文本中放入
标签,就会强制换行。
小经验:结束标签
为可选,下一个标签实例自动开始一个新的段落;
标签没有结束标签。
示例3:
手机充值、IP卡/电话卡
移动 | 100 | 联通 | 50
<P align="center">淘宝集市欢迎您!</P>
淘宝入选平安网站
Copyright © 2007 "淘宝网" All rights.
示例3在浏览器中预览效果如图3所示。
图3 换段换行标签应用效果
本节作业:
不看示例代码,制作如图3网页。
注意事项:
1.注意字体,字号相关标签、
2.注意
、
的区别,align属性的应用。
3.注意特殊符号使用方法。
以上就是精品学习提供的关于html文本相关标签教程的内容,希望能够带给您帮助。