图片字体页面 一、文字标签 1、标题标签(Header) 标题控制标签限定了字体变化、段落之间的距离及表现标题时的空格大小,共有六级标题控制标签,。六级标题控制标签分别为<H1><H2><H3><H4><H5><H6>,其中<H1>为最高级,<H6>为最低级。 标题控制标签具有控制属性align,用来控制文本的对齐方式。属性的取值为: align=center 表示文本居中 align=left 表示文本左对齐(缺省配置) align=right 表示文本右对齐
图片字体页面 一、文字标签 2、物理式样标签(Physical Style) 物理式样标签告诉浏览器使用的字体式样。用户看到的效果不随浏览器的设置而改变。物理式样有: <B>标签:文本以粗体显示。 <I>标签:文本以斜体显示。 <U>标签:文本以下划线形式显示。 <Tt>标签:文本以打字机格式文本显示,例如等距离字。 <Sub>标签:文本以下标字来显示。 <SuP>标签:文本以上标字来显示。 <Strike>标签:文本以划去线形式显示。
图片字体页面 一、文字标签 3、逻辑式样标签(Logical Style) 逻辑式样标签是让浏览器决定如何显示文本,用户可以按照自己的想法对网页进行修改,有时在不同的浏览器中可以看到的效果不同。 <Em>标签:显示需要强调的文本, 文本以斜体显示。 <Strong>标签:显示需要加重强调的文本,文本以粗体显示。 <Code>标签:显示计算机代码,文本以等距离字显示。 <Samp>标签:显示样本文本,文本以等距离字显示。 <Kbd>标签:显示键盘,文本以等距离字显示。
图片字体页面 一、文字标签 3、逻辑式样标签(Logical Style) <Var>标签:显示变量名,文本以斜体显示。 <Dfn>标签:显示文档中的术语定义部分,文本以斜体显示。 <Cite>标签:显示引用的文本,文本以斜体显示。 <Big>标签:显示大字体(相对于当前字体)。 <Small>标签:显示小字体(相对于标准字体)。
图片字体页面 一、文字标签 4、字体标签 <Font>标签用来控制文字的大小、颜色、字体等 <Font>标签的属性: size属性:用来设置文字的大小。可以选择的值有1、2、3、4、5、6、7。其中值等于1时字体最小,值等于7时字体最大,值等于3时的字体是缺省的正常值。也可以通过相对值来表示,如值等于+1就是4、-1就是2。
图片字体页面 一、文字标签 4、字体标签 color属性:用来设置文字的颜色。颜色的取值参看页面控制中的bgcolor属性的取值方法。 face属性:用来设定实际显示的字体式样。 注意: <Font>标签后的字体将随其设置改变直至</Font>标签出现。</Font>标签后的字体无论颜色、大小、字体式样都将恢复为默认状态。
图片字体页面 二、列表标签 1、有序列表 在文本行中添加项目编号,通常可以选择以阿拉伯数字、罗马数字或罗马字母为顺序。缺省默认是以阿拉伯数字顺序编号。形式为:以<Ol>标签开始,用<Li>标签来控制列表的选项。有序列表标签的属性有类型(type)和开始数(start)。 类型的取值为: type=“l” :表示以阿拉伯数字为顺序(缺省设置)。 type =“A” :表示以大写的罗马字母为顺序。 type =“a” :表示以小写的罗马字母为顺序。 type =“I” :表示以大写的罗马数字为顺序。 type =“i” :表示以小写的罗马数字为顺序。
图片字体页面 二、列表标签 2、无序列表 在文本行中添加项目符号,通常以实心圆点、空心圆点或方块来引导。缺省默认是实心圆点。形式为以<Ul>标签开始,用<Li>标签来控制列表的选项。无序列表标签属性有类型(type)。 类型的取值有以下几种: type =“round”:表示以实心圆点为顺序。 type =“circle”:表示以空心圆点为顺序。 type =“square” :表示以方块为顺序。
图片字体页面 三、图片标签<img> 图片控制标签在网页中显示图片。 src属性:要显示的图片文件的路径,取值为URL。 URL可以是绝对地址(src="e:\wz\picture\view.jpg")或相对地址(src ="view.jpg")。 alt属性:在未下载完图片时,显示一些有关此图片的信息描述。在图片下载完毕时,图片的信息描述将消失。若图片被破坏或移动,可通过alt属性了解到该图片的信息。取值为字符串。
图片字体页面 三、图片标签 width属性:用来控制图片的宽度。其取值可以为自然数,单位为像素;也可以为百分数,表示占浏览器窗口宽度的百分比。 height属性:用来控制图片的高度。其取值为自然数,单位为像素。 注意:width和height属性最好只设置一个,每张图片都有一定的显示比例,如果强行改变,将破坏图片的比例关系。同时这两种属性不能改变图片的分辨率。
图片字体页面 三、图片标签 align属性:控制图片与文本的位置。取值为: align=top 表示文本和图片顶部对齐。 align=middle 表示文本和图片中部对齐 align=bottom 表示文本和图片底部对齐。 vspace属性:控制图片与周围文字、图片或窗口边缘的垂直位置。取值为自然数,单位为像素。 hspace属性:控制图片与周围文字、图片或窗口边缘的水平位置。取值为自然数,单位为像素。 border属性:控制图片边框的粗度。取值为像素,无边框时取值为0。
图片字体页面 图片字体页面 代码如下: <html> <head> <title>字体</title> </head> <body> <font color=”#ff0000” size=”1” face=”华文彩云”> <ol type="i" start="3"> <li>以小写的罗马数字3为开始顺序 </ol> <img src=e:\wz\picture\view.jpg width=100 hspace=50> </font> <font color=”#0000ff ” size=”7” face=”隶书”><ul type="circle"> <li>空心圆点无序序列 </ul></font> </body> </html>