【考点十】 HTML语言与Web页制作
1.超文本标识语言HTML(HyperText Markup Language)是建立在发表联机文档采用的语言。HTML文档也称为Web文档，每个HTML文档为一个Web页面，页面是浏览器中看到的内容。HTML命令不区分大小写，所有HTML命令标志用“<>”括起。由标志和带斜框的同名标志表示该标志指定的范围。可使用文字编辑器HTML代码，建立的代码文件为文本格式，扩展名必须由Html或Htm。HTML语言在不断发展，元素在不断增加。在以下HTML语言2.0版本为基础，介绍HTML语言主要标记元素。在http://www.pccomputing.com处，可获得有关HTML更新、更丰富的资料。(1)HTML标记和里面包含了整个文档。大多数浏览器都会忽略这两个符号以外的任何文字和符号。若文档中没有和元素，浏览器仍作为HTML文件辨读，但这是一种不好的习惯，会混淆Web浏览器显示其它类型文件的功能。(2)标记指定文档初始信息，如标题、脚本。任何HTML文档的页头部分都应位于Web页的主信息之前。起始符号和结束符号把页头部分的内容封闭其中。和符号之间包含的文字是关于文件的一些常规信息，并且不会作为文档文字本身的一部分显示出来。Head元素可以包含任意数量的六种可能的命令：①Title描述文档的名称，字符数不能大于60个。②Isindex表明可对文档进行检索。③Base显示文档的原始URL。④Nextid建立唯一的文档标识。⑤Link显示与其他文档的关系。⑥Meta嵌入任何附加的信息。其中，只有Title元素是必需的，其余部分可选。事实上，即使最复杂的页也仅需标题栏便可实现完整的Web功能。(3)Body一个Web页的主体是用户在浏览时实际看到的文档正文信息。它可大可小，但是对主体的设置必须正确无误。所有WWW文档的主体部分是由元素定义的。它有一个起始符号用于显示信息起始的位置，一个结束符号<／Body>指出数据终止的地方。在主体内部，我们可以发现文字、超级链接、标题、图形、图像、地图、表格以及用户实际看到的任何东西。(4)文档标题标题将文档分成各个部分，HTML文档也有标题，用标记表示。基中，n为1～6的整数，指定文档标题级别。H1最大，H6最小。(5)格式标记①字符格式标记HTML的基本字符格式标记有P设置黑体、设置斜体、设置下划线、设置打字机字体、以等距显示文本。标记与关键字Face,Size,Color组合，可指定字体、字号和字体颜色。其中：·Face指定字体。在一个Face上同时可指定多种字体，浏览器使用第一个指定的字体，如果没有，则使用第二个，依次类推。如果指定的字体在客户机上不存在，则浏览器换以类似的字体。·Size取值1到7，分别表示由小到大的字号。·Color指定文本颜色，可以使用十六进制数(如#FF00FF)或颜色名称，IE浏览器上可识别的颜色名称有：Black,Green,Olive,Purple,Red,Lime,Fuchsia,White,Maroon,Navy,Gray,Yellow,Tear,Aqua,Silver。例如：
Welcome设置字符串“Welcome”为红色5号Arial字体，如果客户机上没有Arial字体，则浏览器改用Sans字体显示。②段落格式标记在编辑HTML文本时，按下回车键，浏览器上并不会形成段落。必须显式地告诉游览器插入回车符。段落格式采用单个标记而没有结束标记，
产生回车，产生回车和一个空行。③指水平标尺(horizontal rule)，作用是在屏幕的宽度内画一条水平线。 (6)超链接标记可在HTML文档内插入超链接。使其可以切换到另一HTML文档(可以是另一计算机上的文档)。在浏览器中，以特殊颜色或下划线表示链接。定义超链接时，需要用Name或HREF指定链接对象名或对象的URL。其基本格式有以下几种：…使指定的对象成为一个超文本链接的目标。…定义同一文档中的一个目标。…定义链接的另一目标或目标资源。…定义另一文档中的一个目标。…定义查询关键字，可用“+”号连接多个关键字。基本格式中属性Name可改用HREF。例如，在文档内输入如下语句：
SYBEXhome page则浏览器内显示字符串“Vist the SYBEX home page”，并用SYBEX一词作为超连接。当鼠标指向超连接时，鼠标指针变成手指形，当用户单击SYBEX时，可进入sybex主页(由地址http://www.sybex.com提供)。(7)图形连接可用格式在文本中嵌入图形。其属性有：·ALT=″Alternate Text″:如果是非图形终端，或者图形终端的设置不兼容时，或者非自动载入图像时，在图像位置替代图像显示的是字符串。·align=Bottom或者Middle或者top:定义图像的位置。·Width=x,Height=y:定义图像的大小，x，y是x轴、y轴方向的像素数或占整个屏幕大小的百分比。·ISMAP：定义图像为可点图(clickable image)，光标所指的图像的坐标链接到另一文件。其形式为″UEL?m,n″其中m,n为图像的坐标，URL为处理坐标的程序，需要编写GGI(Common Gateway Interface，通用网关接口)程序进行处理，返回相应的文档。(8)表格表格标记元素用于定义文档中可以由用户填写的表格，当用户按下表示“发送”按钮后，表格中的信息传送到要处理表格的服务器。在服务器一端，需要由CGI程序进行处理。表格标记元素主要有：①Form表格定义元素，
元素不能嵌套，其属性和参数有：·Action=″URL″用以说明将要处理表单的服务器的URL。·Method=POST或GET说明客户与服务器的数据交换方式。②Input定义输入域，即由用户填写的信息区。Input元素没有结束标记。其属性和参数有：·Type=″变量类型″说明变量类型，包括text,password,checkbox,radio,submit,reset,hidden等。·Name=″变量名″ 输入变量名称，以区别不同的输入变量。·Value=″变量值″ 变量值，其意义取决于Type的不同类型。·Checked 没有参数，说明checkbox,radio类型的缺省值。·Size=″整数″ password类型显示的字符个数。·Maxlength=″长度″ 当text,password类型为一行时，所允许的最在字符串长度。③Select定义选项集，其属性和参数有：·Name=″变量名″：选项变量名称。·Size=″list-length″：Option元素一次显示的选项数。·Multipel:Multipel属性没有参数，允许多个Optien值。④Optien定义select域的可能值，一个Optien元素指定一选项。
2.在Word中创作Web页Microsoft Word和一些其他的Microsoft Office程序提供了Web页创作工具，可方便地为Internet和“全球广域网”创建Web页。在Word中创作Web页，可以使用许多熟悉的Word功能，如拼写和语法检查、自动图文集和表格。可以将选定的文字设置成粗体、斜体、带下划线、带删除线、上标和下标格式。也可将选定的文字改变成HTML支持的字号。单击“增大字号”按钮或“减小字号”按钮，可迅速转换到下一有效字号。也可以改变字体。“格式”菜单中“文字颜色”对话框中的超级链接和已访问的超级链接设置整页颜色。单击“字体颜色”按钮可改变所选文字(比如一个字或一个句子)的颜色。如果为页设置默认颜色时，不会必变用“字体颜色”按扭修改过的文字颜色。“增加缩进量”和“减小缩进量”按钮，可按0.25英寸的量递增缩进文字。“左对齐”按钮，“居中”按钮或“右对齐”按钮等可改变文字的对齐方式。但不能在Web页上调整文字。HTML不支持的功能在创作Web页时是无效的，比如阳文、阴影和阴文字符格式效果、行间距、页边距、字符间距、字距调整、正文排列设置和段落前后的空间。用这些方法时，Word自定义一些工具栏，菜单命令和选项来提供Web页的创作功能。图形项目符号和绘制线条等功能在进行Web创作时，需要自定义。如果你的计算机还没有安装这些工具，可以重新运行安装程序进行安装，并安装更多的有关如何使用相应的“帮助”主题。在Office的CD-ROM盘的ValuPack文件夹内，有一些有用的文件。“AXPlugin”用于Netscape的插件，可使你在Netscape浏览器中打开Microsoft Office文档。“WebPost”可带你逐步学会将文档寄至Web。“IExplore”提供Internet Explorer浏览器。(1)创建Web页Word提供两种创建Web页的方法。使用向导或模板创建新页，也可以将一个已有的Word文档转换成Web页格式。①将Word文档转化为Web页使用HTML转换方法可将已有的Word内容快速转换成Web页。系统会将HTML支持的格式和功能进行转换。要快速将已有的Word文档转化为Web页，可单击“文件”菜单中的“另存为HTML”命令。这样，就可将Word文档向Internet用户或世界范围的Web开放，任何拥有Web浏览器的人均可进行浏览。②用向导或模板新建Web页Web正如创建常规的Word文档那样，可方便地使用Web页向导或Web模板，创建倍受欢迎的各种格式的Web页，包括表格、项目符号和编号列表及图形对象。该向导提供了自定义Web模板，稍稍加以修改就可适合你的需要。你可以在多种模板中进行选择，这些模板中包含常用的Web页类型。也可以为这些页选择预定义的直观主题，包括个人家庭页、目录、报道或登记表，每种主题包含配好的背景颜色、项目符号、模线及其他元素。用向导或模板新建Web页的操作步骤为：首先单击“文件”菜单中的“新建”命令，然后单击“Web页”标签，双击标签上的“Web页向导”或“空白Web页”。将Word文档转为Web页文件/另存为Html用向导或模板△文件/新建△Web页标签(2)创建超链接超链接既可跳转至当前文档或Web页的某个位置，亦可跳转至其他Word文档或Web页，或者其他项目中创建的文件。甚至可用超链接跳转至声音和图像等多媒体文件。例如，创建超链接，从Word文件跳转到提供详细内容的Microsoft Excel中的图表。有3种方法可以在文档内创建超链接。方法一：①选择作为超链接显示的文本或图形对象，然后单击“插入超级链接”按钮或选择“插入”菜单中的“超级链接”命令，批开“插入超级链接”窗。②如果所做改动尚未保存，Word将给出保存文件的提示。③在“链接到文件或URL”框内，输入要超链接所跳转到的文件路径。④如果有所属地址，则在“文件中有名称的位置”框内键入所属地址。要跳转至其他Office文件中某个特定的、已命名的位置，则需要输入要跳到至的Excel工作表区域、Access数据库对象、PowerPoint幻灯片编号，或者Word书签名。单击“浏览”按钮即可查看选择项列表，插入超链接至Word文档或Web页。方法二：用Word的自动设置格式功能将文件名设置为超链接。使用自动设置格式功能创建超链接，只需键入所欲跳转到文件的地址。网络路径和Internet地址能够自动成为超链接式文字，即“热点”，单击它们即可跳转至超链接的目标。例如，当要创建包含若干Internet电子邮件地址的Word发布时，Word自动将键入的地址转化为超链接。这样，当读者单击此超链接时，将在“收件人”行创建一条包含正确地址的电子邮件消息，告诉他电子邮件程序已经安装。自动设置格式功能的操作步骤为：①单击“工具”菜单中的“自动更正”命令，打开“自动更正”窗口。然后单击“自动功能”标签。②选中“键入时自动替换”下的“Internet和网络路径替换成超链接”复选框。键入位于网络或Internet上的文件的地址时，Word将其转化为超链接。该文件的地址成为可供用户单击选择的显示文本。方法三：通过拖放文本、图片或工作表单元格在Word文档中创建超链接。选定Word文档或PowerPoint幻灯片中的文本或图片，或者Excel的某个范围或Access的数据库对象，将其拖曳至Word文档，即可创建超链接。在你将文本或图片由Office项目拖曳Word文档时，Word能够识别信息位置。操作步骤如下：①在屏幕上显示文件。在两个Word文件间拖放文件时，请打开这两个文件，然后单击“窗口”菜单中的“全部重排”命令。如果是在两个程序间拖放文本，请重新设置这两个程序窗口的尺寸，使它们同时可见。②在目标文档或工作页中，选择要跳转到的文本、图片或其他项。③用鼠标右键将选项拖至目标文档。④单击“创建超链接”按钮。(3)删除超链接①用鼠标右键单击要删除的超链接，指向快捷菜单中的“超级链接”子菜单，选择“编辑超级接”命令。②在对话框内单击“取消链接”按钮。鼠标右键单击要删除的超链接超级链接/编辑超级链接△取消链接△(4)更改文档中超链接的外观更改代表超链接的外观需要区分Word文档和Web文档。在Word文档中更改超链接的文字外观，操作步骤为：①单击“格式”菜单中的“样式”命令。打开“样式”窗。②在“样式”框中单击“已访问的超链接”选项，然后单击“更改”按钮，可修改已访问的超链接的外观。③如果要修改字体，单击“格式”按钮，然后单击“字体”命令。选择所需选项。注意：要使用动态文字效果，请单击“字体”框中的“动态效果”标签，然后在“动态效果”框中单击所需选项。例如，你可用“七彩霓虹”或“闪烁背景”选项来突出文档中的超链接。在Web文档中更改代表超链接的文字或图像外观，就像编辑位于文档或Web页中的文字或图像一样。为避免激活该超链接或打开插入的超链接指向的文档，最好用键盘选定要更改的文字或图像。操作步骤如下：①单击该文字或图像的外部。②按方向键，以使插入点正好位于要改变的文字或图像的左侧或右侧。③按Shift键和方向键选定这些文字或图像。④对这些文字和图像进行编辑。首页 1 2 尾页