第4讲+第五章HTML语言与网页制作（一）.ppt

1、第五章，HTML语言(1)，HTML语言概要HTML文档结构形式HTML常用标记概要，文档形式标记排版标记字符形式标记列表标记图像标记链接图像多媒体页，HTML语言概要，HTML的特征html:hypertextmarkuplangup通常为“. httml 纯文本文件、HTML语言概述、标记通常成对出现，单个标记格式的一端(结束标记前加“/”)，文档内容属性的可取值可以用双引号括起来，但是如果属性值有空格，则不用双引号括起来、HTML语言的概要、颜色定义字体、页面背景、表背景、超链接的颜色。 这些对象的颜色属性是使用颜色数据定义的。 编辑HTML文件时，可以同时使用HTML语言概述、基本颜色

2、名称、HTML语言概述、扩展颜色名称：HTML语言概述、HTML语言概述和长度单位定义和使用一系列属性，如水平线、表边框和图像等对象的长度、宽度和高度单位：像素相对长度：单位：百分比() 相对长度表示浏览器窗口中对象的百分比、HTML语言概述、绝对路径和相对路径绝对路径文件在硬盘上的真实路径。 示例： d 3360/myweb/web1. htmd 3360/images/tx.gif、HTML语言概述、相对于当前网页的相对路径目标文件的位置。 根目录. /高级. /高级. /高级两级HTML语言概述，例如，当前网页文件是与web1.htm位于同一文件夹中的文件，如果直接写入文件名，则与web

3、2.htm下级文件夹中的文件类似，文件夹名称为Suu 与sub.htm类似：同级条目：/images/tx.gif上级条目：/a.htm、HTML语言概述、当前网页文件是位于sub.htm上两个文件夹中的文件，使用. /。 Header element body of Document，1 .缩排表示式表示法2 .成对表示一次成对表示，HTML文件结构格式，简单的HTML例哲理莲魂搜索引擎： Google，HTML常用表示文件本体标签的属性， 背景属性： BGCOLOR背景色背景模式BGPROPERTIES背景不与前景一起滚动(fixed )文字属性： TEXT正文文字颜色LINK链接文字颜色

4、ALINK主动链接文字颜色VLINK访问完毕链接文字颜色HTML通用标签概要(1) 文件格式标记文件主体标记，空白属性LEFTMARGIN页左侧的空白距离TOPMARGIN页上部的空白距离，HTML通用标记概要(1)文件格式标记文件主体标记简单的HTML示例-哲理莲魂-搜索引擎： Google HTML常用标签介绍() 这是等级1标签这是等级2标题这是等级3标题这是等级5标题这是等级6标题这是普通文本，HTML常用标签概要(2)排版标签，强制换行标签HTML是多个换行、空格、Tab键文档段落的可以用HTML的标签进行强制换行、分隔。 这里的两行表示两行吗？ 换行时使用空行。、HTML常用标签概

5、要(2)排版标签、段落格式标签设定段落标签属性： align，该段落左对齐该段落位于中央该段落位于右侧，HTML常用标签概要(2)排版标签设定段落格式标签、预备格式标签、文房四宝中国书法的工具和材料基本为笔，墨水这大致是文人书中国古代文人大部分能写书，能画画，能书和画，是因为离不开笔墨纸砚这四件宝物。HTML通用标签概述(2)构成标签段落格式标签并显示标签的最终目的是为具有class、style、title、ID等属性的修订者提供不同的组织能力。 应用于样式表后，可以在文档的各个部分使用DIV标签将不同的段落格式应用于文档的不同部分。 HTML通用标签概要(2)排版标签，水平线标签属性： al

6、ign，size(2pix )，width，noshade光的折射透过叶边的水珠，娇翠想滴，HTML常用标记简介(3)文字格式标记，文字格式标记属性size:取值1-7 color，这是第一号宋体红色字的小字体，HTML常用标记简介(4)列表标记，三种列表：无序列表： 定义列表： 无序列表和有序列表的列表项目都是标记，HTML常用标记简介(4)列表标记，无序列表标记属性： type 其属性值如下表所示。 第1列表项目第2列表项目第3列表项目、HTML通用标签概要(4)列表标签、有顺序的列表标签属性： type (数值序列样式)、start (数值序列开始值)属性： type (数值样式)、va

7、lue() HTML通用标签概要(4) HTML通用标签概要(4)列表标签有序列表标签、第一列表项目第二列表项目第二列表项目第三列表项目第一列表项目第二列表项目第三列表项目HTML通用标签概要(4)列表标签定义列表标签:定义列表标签，必须是结束标签3360定义用语标签，结束标签可以省略3360定义描述标签，结束标签可以省略，HTML常用标签配置文件(4)列表标签定义列表标签，第一个项目列表定义为第二个项目列表定义为第三个项目列表定义为HTML常用标签图像标签浏览器通常是GIF和JPEG格式的文件属性(alt、src、height、width、border、align、hspace、vspace

8、、HTML公用标签概述(5)图像标签图像标签) 支持图像的上部和文本对齐图像的中央和文本对齐图像的下部和文本对齐图像的画面左侧的图像的画面右侧的图像的修饰，HTML常用标签的概要(6)链接标签，超链接的实现方法：连接一个文本列和其他页的地址(URL )的图像和其他页的地址HTML常用标记概述(6)链接标记链接同一文件的不同部分链接不同文件之间的链接本地计算机的文件链接到其他文件链接到其他文件其他Web服务器上的文件链接、HTML常用标记概述(6) 链接标记链接标记属性： href=指定超链接指向的目标文件的相对或绝对位置(URL) name=为当前文档中的位置命名(书签)。 长文档的快速目标t

9、arget=指定链接的文档显示在哪个框架或窗口中=浏览器HTML公用标记概述(6)链接标记超链接标记， href属性绝对URL包含识别互联网上的文件所需的所有信息相对URL :当前网页使用web1.htm、HTML公用标签概要(6)链接标签超级链接标签，name属性使用name属性可以为一个长度例如，定义书签：如果要使用网络打印机跳转同一文档，请使用其他网页的链接：HTML公用标记摘要(6)链接标记超链接标记，并设置以target属性target属性显示的窗口。 可选值为target=“_blank”或target=“new”，打开新的浏览窗口。 target=“_parent”在父窗口或框架

10、集中打开。 target=“_self”在当前窗口中打开。 target=“_top”在没有框架的窗口中显示框架中的超链接。HTML常用标签介绍(6)链接标签超链接标签、超链接的实现方法文本超链接Google电子邮件超链接有与我们联系的图像超链接，HTML常用标签介绍(6)链接标签超链接标签超链接标签超链接同一文件中的链接(同一文件的不同部分的链接)热点不同文件之间的链接本地机器中的文件链接链接到其他文件的热点链接到其他文件的热点，以及其他Web服务器上的文件链接演示的html-6-1.htm、html-6-2.htm、html通用标签概要(7)图像地图、定义地图html常用标签介绍(7)影像地图参照地图区域。 例如演示实例： HTML-7-1.htm、html常用标签介绍(8)多媒体页面、背景音乐能够追加到网页的音乐文件形式是MIDI标签：属性src=“:指定音乐文件的位置和文件名loop=“n”:指定音乐的重复播放次数n=-