HTML教程(2)-字体

原创 2004年10月29日 21:35:00

超文本中的标签
       
刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。  
单标签
某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>  
最常用的单标签是<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语言
 

Eclipse 下的HTML 新手安装使用教程

1.首先我们安装一些软件如下:   (1)一个编译器eclipse软件(各个网站上都可以进行下载)   (2)JDK(JDK安装后产生JAVA下的jdk文件,如图所示)        (3)apach...
  • Kuangqiu
  • Kuangqiu
  • 2016年12月06日 09:19
  • 711

html教程(二) 字体(FONT)标记(TAGS)

◇ 标题字体(Header) ... #=1, 2, 3, 4, 5, 6今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 09:48
  • 422

html教程

http://bbs.zb7.com/forum.php?mod=forumdisplay&fid=53&filter=typeid&typeid=64
  • leeandmins
  • leeandmins
  • 2015年07月17日 18:41
  • 238

HTML教程

HTML HTML:(Hype Text Markup Language)超文本标记语言,是最基本的网页语言。代码由标签组成,不区分大小写。 由开始,结束,分头部分(head)和体部分(body)...
  • me10zyl
  • me10zyl
  • 2014年05月23日 23:41
  • 994

24种不同的ITF条形码字体Interleaved 2 of 5 Barcode Font Advantage Package

Interleaved 2 of 5 Barcode Font Advantage Package包含了TrueType, OpenType, PCL和PostScript字体版本。 提供了超过30个...
  • u014542704
  • u014542704
  • 2014年06月04日 12:53
  • 981

html5视频教程百度网盘下载

HTML5入门视频教程 /html5视频教程/HTML5入门视频教程 分享时间:2014-12-06 19:16分享用户:丶**峰哥文件大小:未知文件类型:文件夹 HTML5视频教程 /视...
  • yjsxxgm
  • yjsxxgm
  • 2016年10月02日 23:51
  • 4358

HTML教程(TABLE2)

表格的标题   表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。  设置标题位于表格上方:     ...   设置标题位于表格下方:    ...
  • hleio
  • hleio
  • 2005年10月14日 21:46
  • 659

HTML教程的一个网站

http://www.admin5.com/html/ http://www.cftea.com/c/2007/04/NEVLTYFPFJI7WDJL.asp
  • kookob
  • kookob
  • 2012年03月16日 14:14
  • 480

一个文本框2种字体大小、颜色

第一种方法: //设置两种字体大小 Spannable WordtoSpan = new SpannableString(codeMemoTV.getText().t...
  • pengkv
  • pengkv
  • 2015年05月14日 09:25
  • 1327

HTML教程(TABLE1)

表格的基本结构 ...  定义表格 ... 定义标题   定义表行   定义表头   定义表元(表格的具体数据)以下是一个简单的例子:姓名性别年龄王林男25 ...
  • hleio
  • hleio
  • 2005年10月14日 21:40
  • 672
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML教程(2)-字体
举报原因:
原因补充:

(最多只允许输入30个字)