分享
 
 
 

HTML教程(2)-字体

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

超文本中的标签

刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。

单标签

某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:

< 标签名称>

最常用的单标签是<BR>, 它表示换行。

双标签

另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是: <标签> 内 容</ 标签>

其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:<EM>第一:</EM>

标签属性

许多单标记和双标记的始标记内可以包含一些属性, 其语法是:

< 标签名字 属性1 属性2 属性3 … >

各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条

水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:

<HR SIZE=3 ALIGN=LEFT WIDTH="75%">

其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,

缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "

号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的

个数,如WIDTH=300),缺省值是"100%"。

标题一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大.

换行<br>

在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上<br>标签。

段落标签<P>

为了排列的整齐、清晰,文字段落之间,我们常用<P></P>来做标记。文件段落的开始由<P>来标记,段落的结束由</P>来标记,</P>是可以省略的,因为下一个<P>的开始就意味着上一个<P>的结束。

<P>标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。

水平线段<HR>

这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。<HR>有三个属性:

size水平线的宽度

width 水平线的长,用占屏幕宽度的百分比或象素值来表示

align 水平线的对齐方式,有LEFT RIGHT CENTER三种

noshade 线段无阴影属性,为实心线段

文字的大小设置

提供设置字号大小的是FONT,FONT有一个属性SIZE,通过指定SIZE属性就能设置字号大小,而SIZE属性的有效值范围为1-7,其中缺省值为3。我们可以SIZE属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。

Example:

<html>

<head>

<title>字号大小</title>

</head>

<body>

<font size=7>这是size=7的字体</font><P>

<font size=6>这是size=6的字体</font><P>

<font size=5>这是size=5的字体</font><P>

<font size=4>这是size=4的字体</font><P>

<font size=3>这是size=3的字体</font><P>

<font size=2>这是size=2的字体</font><P>

<font size=1>这是size=1的字体</font><P>

<font size=-1>这是size=-1的字体</font><P>

</body>

</html>

文字的字体与样式

HTML4.0提供了定义字体的功能,用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型,但有一点麻烦的是,只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。<font face="字体">

Example:

<HTML>

<HEAD>

<TITLE>字体</TITLE>

</HEAD>

<BODY>

<CENTER>

<FONT face="楷体_GB2312">欢迎光临</FONT><P>

<FONT face="宋体">欢迎光临</FONT><P>

<FONT face="仿宋_GB2312">欢迎光临</FONT><P>

<FONT face="黑体">欢迎光临</FONT><P>

<FONT face="Arial">Welcom my homepage.</FONT><P>

<FONT face="Comic Sans MS">Welcom my homepage.</FONT><P>

</CENTER>

</BODY>

</HTML>

为了让文字富有变化,或者为了着意强调某一部分,HTML提供了一些标签产生这些效果,现将常用的标签列举如下:

<B></B>粗体HTML语言

<I></I>斜体HTML语言

<U></U>加下划线HTML语言

<TT> <TT>打字机字体HTML语言

<BIG></BIG>大型字体HTML语言

<SMALL></SMALL>小型字体HTML语言

<BLINK></BLINK>闪烁效果HTML语言

<EM> </EM> 表示强调,一般为斜体HTML语言

<STRONG> </STRONG> 表示特别强调,一般为粗体HTML语言

<CITE> </CITE> 用于引证、举例,一般为斜体HTML语言

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有