ALT=“this is the windows logo”>
例:<IMG SRC=“winlogo.gif”
ALT=“this is the windows logo” WIDTH=“50%” HEIGHT=“30%”> 例：图示
HTML(超文本标注语言)
（c）指定图像的边框：可设定图 像各种不同粗细的边框。
<IMG>中的两个基本属性：
<IMG WIDTH=X
SRC属性表示包含路径的图像
HEIGHT=Y>
文件名（图像可是GIF、JPEG、其中：x,y可取像素，也可
PNG文件）；
取百分数。
ALT表示图像的说明，用于不 能显示图像的浏览器或等待 图像时显示。
例：<IMG SRC=“winlogo.gif”
▪ <IMG BORDER=“边宽”> （e）ALIGN属性：用于图文
边宽的单位是像素。
混排时，使图文在垂直方向对
▪ 例：<IMG SRC=“winlogo.gif” 齐，其值是：
ALT=“this is the windows logo” BORDER=“3”> （d）设置文本和图像之间的空 白：
（6）FONT标签： <FONT>…</FONT>控制字符 的样式。 SIZE属性：表示文字的大小， 其值：1…7,缺省为2。 也可由+，-来指定相对字号。 ▪ COLOR属性：控制文字颜色。 例：<FONT COLOR=“red”> This line is red</FONT> ▪ FACE属性：指定字体样式。 例：<FONT FACE=“隶书”>中 文字</FONT> 见图示。
(2)主页制作：制作一套web页 面。而一web页是用THML编写 的一种超文本文件。
HTML(超文本标注语言)
(3)页面框架
所有的标签形成 一种嵌套的结构, 嵌套不能交错。
表示web页的 开始与结束
头部:与页 面有关的 特定信息
一般格式为：
<HTML>
<HEAD>
<TITLE> 学…习网页
页头
列表中每一项都由一个词
条及其相应的定义组成，显示 时会将词条与定义区别开来。
格式： 定义列表标签
<DL>
<DT> …
定义术语标签
<DD>……
……….
</DL>
定义描述标签 例：…
<DL>
<DT> NOS <DD>NOS是计算机
网络中所用的OS,……
<DT>DBS <DD>DBS是在计算
机系统中引入数据库……
执行显示：
请单击此处以显示图像
(g)图像链接:用图像作为 链接源,方法:用<A>标签 将IMG括起来。 例：<A HREF=“x.htm” <IMG SRC=“winlogo.gif” ALT=“ logo”></A> 如图示:
HTML
显示边框及分隔线
(10)创建表格：可以将各种数据排成行和列。获得表格效果。
(a)格式：<TABLE border>
标记表格
表格标 记符
<CAPTION>表格标题</CAPTION>
标题
<TR>
<TH>表头项1<TH>表头项2<TH>表头项3
<TR> <TD>表项1<TD>表项2<TD>表项3 <TR> <TD>表项4<TD>表项5<TD>表项6
标记表头（粗 体显示型）
HTML(超文本标注语言)
一 . HTML的概念
用于描述Web超文本信 息组织方式的语言。只要按 照HTML的规范组织信息， 就可以在Web服务器上供其 它Web站点通过浏览器浏览 和阅读。
二、HTML介绍：
（1）HTML文档的组成：由控 制语句与显示内容组成。
控制语句:描述web页内容 显示的格式，并负责客户 和服务器间信息交换。它 以标签：<…>的形式出现。
HTML(超文本标注语言)
(7)列表： HTML定义了5种 列表方式：
编号式(有序列表)： <OL>….</OL> 通常用数 字作为标签，将所有的列表 项处理成一个带编号的列表。
原点式(无序列表) ：通常用 圆点或其它符号作为标签。
词汇式：列表中的每一项都 由一个词条及其相应的定义 组成，显示时会将词条与定 义区别开来。
HTML
（d）指向电子邮件的链接：在链接中 包含e-mail地址信息。
如：
<A HREF=mail:zh@> 有问题请单击此处与作者联系</A> (f) 链接到图像：在超链接中，连接 对象可是网页文件，也可以是多媒 体文件。
例：<p>请单击<A HREF=“./winlogo.gof”>此处 </A>以显示图像</P>
HTML
（b）指向其他网页的链接
方法：在要跳转的位置（称
若超链接指向的是外部网页， “锚点”）置A标签，并用
则使用绝对URL。
NAME属性进行命
例：<P>参见<A HREF=“
名,<A></A>之间不用任何文
” 站点</A>
（c） 指向页面特定部分的链接
段落： <P>…..</P>
换行<BR> 水平线<HR> <FONT>…</FONT>
控制字符的样式 编号式(有序列表)格式： <OL>
<LI>List item 1 … <LI>List item n </OL> <UL> ……</UL>
HTML(超文本标注语言)
词汇式列表
HTML(超文本标注语言)
(4)换行<BR> : ▪功能为：仅换行不产生空行， 但多个<BR>产生多个空行。 ▪见例题及显示
(5)水平线<HR>：
将文本分成两个部分，经解 释器解释后显示在用户的窗口中， 是一条与窗口宽度相通的水平线。
▪SIZE属性：改变水平线的粗 细，为整数（缺省值是2）。
▪WIDTH属性：改变水平线 的长度（缺省为屏幕宽）。
HTML(超文本标注语言)
三. HTML控制符
(1)标题 ：
(2)字符格式：
标题同文件的提纲相似，用标题 <B></B>:粗体
将这种提纲结构表示出来， HTML定义了六种级别的标题， 标题标签的格式为：
▪ <Hi>标题内容<Hi>
i=1,2,….6 ▪ 例: <H1>操作系统<H1>
<H2>网络操作系统<H2> <H2>分布式操作系统<H2>
基本属性HREF：用于指定链 接的文件。根据链接的内容 不同分：
（a）指向本地网页的链接
当同一台计算机内页面之间 进行链接时，用相对地址。 若两个页面在同一目录下， 则直接指定链接的文件名。
例：<p>这是一个<A HREF=“p2.htm”>超链接 </A>
注意:使用超链接时,要确保链 接的文件在指定的位置。
</DL>
显示结果：
NOS NOS是计算机网络中所 用的OS,……
DBS DBS是在计算机系统中 引入数据库……
HTML(超文本标注语言)
（8）使用图像
Web页图像格式：GIF、JPEG、 PNG、矢量格式。
(a) 图像标签<IMG>：将一些图 标或小的图像嵌入HTML文档。
(b) 指定图像的宽和高：
</TITLE>
标题
</HEAD>
<BODY> 网…络班简介
正文
</BODY>
<!-- 页面注释 -->
</HTML>
HTML (超文本标注语言)
HTML定义了四种标签用于描 述页面的整体结构，并提供 一些简单的“页头”信息。
（1）<HTML>：它说明文件 的内容是用HTML语言编写的， 每个HTML文件以<HTML>标 注开始，以</HTML>标注结 束。
▪ 菜单式 ： <MENU>…</MENU> 一
组很短的段落构成。
目录式列表： <DIR>…</DIR>
用于由可垂直或水平排列的 短小词条构成的列表。
HTML(超文本标注语言)
编号式(有序列表)格式：
<OL>
有序列表标签
<LI>List item 1
…
<LI>List item n
</OL>
▪ 设置文本和图像间的空白：
<IMG HSPACE=X
VSPACE=Y>
▪ ALIGN属性：用于图文混排时
对齐,其值是：TOP ,MIDDLE BOTTOM ，LEFT，RIGHT。 超链接标签：<A>….</A> 属性HREF：指定链接的文件。 （a）指向本地网页的链接 （b）指向其他网页的链接 （c）指向页面特定部分的链接 （d）指向电子邮件的链接
