Html教程(三)-文本标志

海用天

海用天

2016-02-19 22:24

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

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

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用来使文本以下加一划线的形式输出。后边将会有一个综合的例子,所以此处就不再作详细讲解了。

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

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语言给定的颜色常量名。具体用法请看下边综合的例子。

例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

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

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

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

斜体字文本

下加一划线文本

打字机风格的文本

引用方式的文本

强调的文本

加重的文本

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

展开更多 50%)
分享

猜你喜欢

Html教程(三)-文本标志

Web开发
Html教程(三)-文本标志

Html教程(二)-格式标志

Web开发
Html教程(二)-格式标志

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Html教程(七)-帧标志

Web开发
Html教程(七)-帧标志

Html教程(八)-表单标志

Web开发
Html教程(八)-表单标志

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Html教程(四)-图像标志

Web开发
Html教程(四)-图像标志

Html教程(六)-链接标志

Web开发
Html教程(六)-链接标志

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

巧用美图淘淘折扣素材清仓夏装

巧用美图淘淘折扣素材清仓夏装

组建无线网络应该注意到的问题

组建无线网络应该注意到的问题
下拉加载更多内容 ↓