分享
 
 
 

版面风格控制

王朝other·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

§4.1字体大小

html有七种字号,1号最小,7号最大。缺省字号为3,可以用<basefontsize=字号>设置缺省字号。

设置文本的字号有两种办法,一种是设置绝对字号,<font size=字号>;另一种是设置文本的相对字号;<font size=±n>。用第二种方法时“+”号表示字体变大,“-”号表示字体变小。

<font size=7>Today is fine!</font>Today is fine!

<font size=6>Today is fine!</font>Today is fine!

<font size=5>Today is fine!</font>Today is fine!

<font size=4>Today is fine!</font>Today is fine!

<font size=3>Today is fine!</font>Today is fine!

<font size=2>Today is fine!</font>Today is fine!

<font size=1>Today is fine!</font>Today is fine!

§4.1.2 字体风格

字体风格分为物理风格和逻辑风格。物理风格直接指定字体,物理风格的字体有<b>黑体,<i>斜体,<u>下划线,

<tt>打字机体。逻辑风格指定文本的作用。

<em>强调 <srrony>特别强调 <code>源代码

<samp>例子 <kbd>键盘输入 <var>变量

<dfn>定义 <cite>引用 <small>较小

<big>较大 <sup>上标 <sup>下标

物理风格

<b>Today is fine!</b>Today is fine!

<i>Today is fine!</i>Today is fine!

<u>Today is fine!</u>Today is fine!

<tt>Today is fine!</tt>Today is fine!

逻辑风格

§4.1.3 字体颜色

字体的颜色用<font color=#>指定#可以是6位16进数,分别指定红、绿、兰的值,也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,

purple,sliver,yellow,aqua 之一。

§4.1.4 闪烁

<blink>文本</blink>使文本闪烁,闪烁频率为1秒钟一次。

§4.2 横线(hr)

横线,一般用于分隔同一文体的不同部分。在窗口中划一条横线非常简单,只要写一个<hr>即可。横线的宽度用<hr size=n>指定,width=#>指n是线宽,单位是象素。例:<hr size=10>。 <hr 定横线长度,可以指定绝对线长,也可以指定横线长度占窗口宽度的百分比。

例<hr width=50> 、<hr width=50%>。

横线的位置用<hr align=#>指定。

#是left成right之一,left表示左端与左边界对齐,right是右端与右边界对齐,缺省,横线出现在窗口正中。

4.3行间图象

行向图象使你的页面更加漂亮,但是行向图象会导致网络通讯量急剧增大。使访问时间延长。所以在主页(homepage),不宜采用很大的图象。如果确实需要一些大图象,最好在主页中用一个缩小的图象指向原图,并标明该图的大小。这样读者可以快速地访问您的主页,自己选择看还是不看那些图象。

图象的基本格式为:

<img src="image-url">或<img src="image-urd" alt="text">image-url是图象文件的url。目前,大部分浏览器支持 .gif 和 .xbm文件,netscape还支持jpeg文件。alt属性告诉不支持图象的浏览器用text代替该图。

4.3.2 图象与文本的对齐方式

图象在窗口中会占据一块空间,在图象的左右可能会有空白,不加说明时,浏览器将随后的文本显示在这些空白中,显示的位置由align属性指定。

用align=left,righr时,图象是一个浮动图象。比如align=left,图象必须挨着左边框,它把原来占据该块空白的文本“挤走”,或挤到它右边,或挤到它上下。

文本与图象的间距用vspace=#,hspace=#指定,#是整数,单位是象素,前者指定纵向间距,后者指定横向间距。

4.4 分行<BR>和禁止分行<nobr>

<Br>表示在此处分行,<nobr>....</nobr>叫通知浏览器,其中的内容在一行内显示,若一行内显示不了,则超出部分被裁剪掉。

<br clear=#>clear属性标明下一行的情况,如clear=left,表示下一行从左边界处开始。#可以是left,right,all之一。例:

§4.5 背影和文本颜色

窗口背景可以用下列方法指定

<body background="image-url">

<body bgcolor=# text=# link=# alink=# vlink=#>

前者指定填充背景的图象,如果图象的大小小于窗口大小,则把背景图象重复,直到填满窗口区域。

后者指定的是16进制的红、绿、兰分量。

bgcolor 背景颜色

Text 文本颜色

Link 链接指针颜色

alinik 活动的链接指针颜色

vlinik 已访问过的链接指针颜色

例 <body bgcolor=FFoooo>大红背景色.

注意,此时体元素必须写完整,即用<body>结束

4.6转义字将与特殊字符

html中< , >,&有特殊含义,(前两个字符用于链接签,&用于转义),不能直接使用。使用这三个字符时,应使用它们的转义序列。

& 的转义序列为 & amps 或 & #38;

< 的转义序列为 & Lt; & #60;

> 的转义序列为 & gt; & #62;

前者为字符转义序列,后者为数字转义序列。

例如& Lt; font &Lgt;显示为<font>若直接写为<font>则被认为是一个链接签。

需要说明的是:

a. 转义序列各字符间不能有空格;

b. 转义序列必须以“;”结束;

c. 单独的&不被认为是转义开始。

如“ & Lt; ”被解释为 “& Lt;”而不是<

“&# 62 ;”被解释为 “& # 60;”而不是>

另一个需要转义的字符是引号,它的转义序列为"&quot;"或"&#34;",例如

<img src="image.gif"alt="A &quol; real &quot; example">

html使用的字符集是ISO &859 Larin-1字符集,该字符集中有许多标准键盘上无法输入的字符。对这些特殊字符只能使用转义序列。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
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- 王朝網路 版權所有