Html教程(三)-文本标志

2016-02-19 22:24 8 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Html教程(三)-文本标志教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

例4 文本标志的综合示例
html
head
title文本标志的综合示例/title
/head

body text="blue"
h1最大的标题/h1
h3使用h3的标题/h3
h6最大的标题/h6
pb黑体字文本/b /p
pi斜体字文本/i /p
pu下加一划线文本/u /p
ptt打字机风格的文本/tt/p
pcite引用方式的文本/cite/p
pem强调的文本/em/p
pstrong加重的文本/strong/p
pfont size="+1" color="red"size取值“+1”、color取值“red”时的文本/font/p
/body
/html

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

最大的标题
使用h3的标题
最大的标题
黑体字文本

斜体字文本

下加一划线文本

打字机风格的文本

引用方式的文本

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

强调的文本

加重的文本

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

来源:http://www.tulaoshi.com/n/20160219/1628298.html

延伸阅读
上一节: 用途相似的标签 web标准知识链接与文本标签们 这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。 我们都知道网页的最大特性是链接,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目: ...
标签: Web开发
我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目: a href="URL" 文本区/a ,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还...
标签: Web开发
那么,我需要一个方法转义。网上搜了一下,大部分是自己编写一个正则替换。不过我的习惯是尊重既有的资源。有人提出可以用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。 方法不错,不过写法上,有没有取巧的办法呢? JQuery社区有人给出了办法:假设有文本 context,可以对一个jQuery对象 $(x...
标签: Web开发
表单的文本框分为单行文本框和多行文本框,故名思义,单行文本框用于输入一些简短的信息,如:姓名、E_mail地址、口令等等;多行文本框用于输入内容较长的信息,如:用户意见、评论、留言等。只要你理解了表单的文本框参数的含义,制作接收信息的文本框是不难的,请看下面的例子。 一、一个单行文本框的例子 本例的源代码如下...
  ===最顶级页面=== 现在我们将我们注视的焦点转向我们的日历应用例子,该应用包括4个不同页面,canlendar.html为最顶级HTML文档,该页包含了calendar.htc HTC,而canlendar.htc有反过来包含两个别的HTC:day.htc和today.htc,calendar.html 内容如下: <HTML XMLNS:MYCAL <HEAD <TITLECalendar Example</TITLE ...

经验教程

654

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部