学习网页制作基础入门教程(3)字体标签
时间:2007-02-17 来源:PHP爱好者
相关文章: 学习网页制作基础入门教程(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. 使用方法:试打 " " 2. 标签解释:很多特殊符号是需要特别处理的,比如说" <"、" > "这两个符号若想要显示在网页上是没有办法直接打" <"的,要显示" <"必须输入编码表示法。 3. 使用范例:
原始代码 显示结果 ( 代表一个不断行空白) < < > > & & " "
php爱好者 站 http://www.phpfans.net 网页制作|网站建设|数据采集.
原始代码 显示结果 <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. 使用方法:试打 " " 2. 标签解释:很多特殊符号是需要特别处理的,比如说" <"、" > "这两个符号若想要显示在网页上是没有办法直接打" <"的,要显示" <"必须输入编码表示法。 3. 使用范例:
原始代码 显示结果 ( 代表一个不断行空白) < < > > & & " "
php爱好者 站 http://www.phpfans.net 网页制作|网站建设|数据采集.
相关阅读 更多 +