论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML基础入门教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

HTML入门教程(三)

文章类别:HTML基础入门 | 发表日期:2008-8-8 13:25:36

三、文本标志


    1.<pre></pre>

    2.<h1></h1>……<h6></h6>

    3.<b></b><i></i><u></u>

    4.<tt></tt><cite></cite><em></em><strong></strong>

    5.<font></font>


    上一个教程中我们已经讲了如何在浏览器中输出文本,以及文本输出的格式,这个教程中我们将谈一谈文本输出的字体,如斜体、黑体字、下加一划线等等。在本教程的最后给出了一个文本标志的综合示例,希望读者能认真阅读。



1.<pre></pre>

    <pre></pre>标志对用来对文本进行预处理操作。



2.<h1></h1>……<h6></h6>

    Html语言提供了一系列对文本中的标题进行操作的标志对:<h1></h1>……<h6></h6>,即一共有六对标题的标志对。<h1></h1>是最大的标题,而<h6></h6>则是最小的标题,也即是标志中
h
后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话,便可以使用这六对标题标志对中的任何一对。



3.<b></b><i></i><u></u>

    经常使用 WORD 的人对这三对标志对一定很快就能掌握。<b></b>用来使文本以黑体字的形式输出;<i></i>用来使文本以斜体字的形式输出;<u></u>用来使文本以下加一划线的形式输出。后边将会有一个综合的例子,所以此处就不再作详细讲解了。



4.<tt></tt><cite></cite><em></em><strong></strong>

    这些标志对的用法和上边的一样,差别只是在于输出的文本字体不太一样而已。<tt></tt>用来输出打字机风格字体的文本;<cite></cite>用来输出引用方式的字体,通常是斜体;<em></em>用来输出需要强调的文本(通常是斜体加黑体);<strong></strong>则用来输出加重文本(通常也是斜体加黑体)。这些标志对的示例也将在后边综合的例子中出现。



5.<font></font>

    <font></font>是一对很有用的标志对,它可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性
size 和 color 的控制来实现的。size属性用来改变字体的大小,它可以取值:-1、1和+1;而color属性则用来改变文本的颜色,颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。



例4 文本标志的综合示例

<html>

<head>

<title>文本标志的综合示例</title>

</head>



<body text="blue">

<h1>最大的标题</h1>

<h3>使用h3的标题</h3>

<h6>最大的标题</h6>

<p><b>黑体字文本</b> </p>

<p><i>斜体字文本</i> </p>

<p><u>下加一划线文本</u> </p>

<p><tt>打字机风格的文本</tt></p>

<p><cite>引用方式的文本</cite></p>

<p><em>强调的文本</em></p>

<p><strong>加重的文本</strong></p>

<p><font size="+1"
color="red">size取值“+1”、color取值“red”时的文本</font></p>

</body>

</html>




    本例在浏览器中显示的结果如下:

 

最大的标题


使用h3的标题


最大的标题

黑体字文本


斜体字文本


下加一划线文本


打字机风格的文本


引用方式的文本


强调的文本


加重的文本


size取值“+1”、color取值“red”时的文本

上一篇:HTML入门教程(四) 人气:2645
下一篇:HTML入门教程(二) 人气:3226
视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058