分享
 
 
 

学习网页制作基础入门教程(3)字体标签

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

相关文章:

学习网页制作基础入门教程(1)网页编写

学习网页制作基础入门教程(2)排版标签

标题标签

1. 使用方法:<H1>标题內容</H1>

2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小。使用标题标签时,该标签会将字体变为粗体字,并会自成一行。

3. 使用范例:

原始碼

呈現結果

<H1>标题1</H1>

标题1

<H2>标题2</H2>

标题2

<H3>标题3</H3>

标题3

<H4>标题4</H4>

标题4

<H5>标题5</H5>

标题5

<H6>标题6</H6>

标题6

设定字体大小标签

1. 使用方法:<FONT SIZE="尺寸">文字內容</FONT>

2. 标签解释:标题的大小一共有七种,也就是<FONT SIZE=1>(最小)到 <FONT SIZE=7>(最大),另外,还有一种写法:<FONT SIZE=+1> 文字內容 </FONT>,其意思就是说:比预设字大一级。当然也可以 FONT SIZE=+2(比预设字大二级),或是 FONT SIZE=-1(比预设字小一级),以一般而言,预设字体多为 3。

3. 使用范例: 本网页就是 <FONT SIZE = 9pt>

字型变化标签

1. 使用方法:<B>文字內容</B>

2. 标签解释:在文字标签里,对于文字的格式也有相当多的变化,如粗体、斜体...等,此外,也定义了一些现成的格式供编者使用,如『强调』、『原始码』...等,当然,这只是方便您参考用,并无强迫说遇到原始码就要加上『原始码』的标签。

3. 使用范例:

原始代码

显示结果

<B>粗体</B>

粗体

<I>斜体</I>

斜体

<U>底线</U>

底线

<SUP>上标</SUP>

上标

<SUB>下标</SUB>

下标

<TT>打字机</TT>

打字机

<BLINK>闪烁</BLINK>

闪烁

<EM>强调</EM>

强调

<STRONG>加强</STRONG>

加强

<SAMP>范例</SAMP>

范例

<CODE>原始码</CODE>

原始码

<VAR>参数</VAR>

参数

<DFN>定义</DFN>

定义

<CITE>引用</CITE>

引用

<ADDRESS>所在地址</ADDRESS>

所在地址

文字颜色设定

1. 使用方法:<FONT COLOR="#000000">文字颜色</FONT>

2. 标签解释: 文字也可以设定颜色!

3. 使用范例:

原始代码

显示结果

<FONT COLOR="#ff0000">红色</FONT>

红色

<FONT COLOR="#ff8000">橙色</FONT>

橙色

<FONT COLOR="#ffff00">黃色</FONT>

黃色

<FONT COLOR="#00ff00">绿色</FONT>

绿色

<FONT COLOR="#0080ff">蓝色</FONT>

蓝色

<FONT COLOR="#8000ff">紫色</FONT>

紫色

<FONT COLOR="#000000">黑色</FONT>

黑色

文字字型设定

1. 使用方法: <FONT FACE="字型名称">文字</FONT>

2. 标签解释: 网页上也可以使用字型!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是默认字体(默认字体为宋体)。另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显示,不过这并没有关系,看不到特殊的字型时,浏览器仍会以默认字体显示,所以不用怕会一团乱。

3. 使用范例:

原始代码

显示结果

<FONT FACE="宋体">宋体</FONT>

宋体

特殊字元

1. 使用方法:试打 "&nbsp;"

2. 标签解释:很多特殊符号是需要特别处理的,比如说" < "、" > "这两个符号若想要显示在网页上是没有办法直接打" < "的,要显示" < "必须输入编码表示法。

3. 使用范例:

原始代码

显示结果

&nbsp;

( 代表一个不断行空白)

&lt;

<

&gt;

>

&amp;

&

&quot;

"

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