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