转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 网络应用 >> 正文
HTML基础之文本标志         ★★★

HTML基础之文本标志

作者:闵涛 文章来源:闵涛的学习笔记 点击数:1557 更新时间:2007/9/11 21:00:37
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基础之表单标志  [网络应用]HTML基础之表单标志
[网络应用]HTML基础之表单标志  [网络应用]HTML基础之帧标志
[网络应用]HTML基础之链接标志  [网络应用]HTML基础之表格标志
[网络应用]HTML基础之图像标志  [网络应用]HTML基础之图像标志
[网络应用]HTML基础之图像标志  [网络应用]HTML基础之格式标志
教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · 电脑应用  · 网络应用
    · 软件开发  · 软件使用
    · 站长学院  · 数据库
    · 应用范文  · 网络书斋
    · 考试认证  · 精彩网文
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台