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

第五章、HTML语言(一)、HTML语言概要HTML文件结构形式HTML通用标签的概要、文件形式标签形式标签形式标签列表标签图像标签标签图像映射多媒体页面、HTML语言概要、 HTML特征HTML : hypertextmarkuplanguageHTML文档通常独立于计算机平台，包括以. html或htm作为文件后缀的纯文本文件、html语言概述、Tata 标签成对出现，一个末尾(结束标签前面加“/”的单标签的标记形式如下。 文档内容属性值应该用双引号括起来，不用引号括起来也没问题，但是如果属性值有空格，则必须用双引号括住属性值。 HTML语言摘要、保留字符、和HTML不支持两个或多个空间，并且可以使用nbsp建立两个或多个空间效果。 HTML语言的概要、颜色定义了字体、页面背景、表背景、超链接的颜色。 使用颜色数据来定义这些对象的颜色属性. 编辑HTML文件时，HTML语言概要、基本颜色名称、HTML语言概要、扩展颜色名称：HTML语言概要、HTML语言概要、长度单位定义了一系列属性，例如水平线、表格、图像等对象的长度、宽度和高度。 HTML语言的概要长度的表现有绝对长度两种方法。 单位：像素相对长度：单位：百分比(% )相对长度表示浏览器窗口中对象的比例、HTML语言的概要、绝对路径和相对路径绝对路径文件在硬盘上的真实路径。 例如，d :/myweb/web1.htmld :/images/tx.gif、html语言的概要、相对于当前网页的相对路径文件的位置等。 /根目录. /上一级././上两级，HTML语言的概要，例如当前的网页文件可以用与web1.htm位于同一文件夹中的文件直接写文件名。 如果将web2.htm下级文件夹中的文件命名为subweb/sub.htm上级文件夹或兄弟文件夹中的文件，则使用. /来指示要移动到上级文件夹，例如，兄弟目录：/images/tx.gif HTML语言的概述，当前网页文件是位于sub.htm的前两层文件夹中的文件，用./表示移动到前两层目录。 例：/./images/tx.gif， HTML文档结构格式，完整的HTML文档结构模板HeaderelementbodyofDocument，1 .缩进格式2 .成对标签一次写成对标签，HTML文档结构格式，简单的HTML示例哲理莲HTML常用标签简介(1)文件形式标签文件本体标签标签的属性，背景属性： BGCOLOR背景色背景模式BGPROPERTIES背景不追随前景(fixed ) 文字属性： TEXT正文文字颜色LINK链接文字颜色ALINK主动链接文字颜色VLINK访问完毕链接文字颜色HTML通用标签配置文件(1)文件形式标签文件主体标签、空白属性LEFTMARGIN页左侧的空白距离TOPMARGIN页HTML通用标签配置文件(1)文件形式标签文件主体标签简单的HTML示例-哲理莲魂- -搜索引擎： Google，HTML常用标签配置文件(2)排版标签， 标题格式标签n:1-6align属性： left，center，right这是级别1的标题这是级别2的标题这是级别3的标题这是级别5的标题这是级别6的标题这是普通文本。 HTML的常用标签基本信息 )组合了标签，强制换行标签HTML不能使用多个换行、空格和制表符来调整文档段落的格式。 可以用HTML标签强制换行、分隔。 这里的两行表示两行吗？换行使用空白行。、HTML常用标记配置 (二)排字标记、段落格式标记设定段落标记属性： align，该段落左对齐的段落为中央的段落为右，HTML常用标记配置 (二)排字标记设定段落格式标记，排字格式标记 这恐怕是文人书房必须的四件宝物。 中国古代文人基本上是能书，还是画，既有书也有画，所以笔墨纸砚这四件宝物是不可或缺的。 HTML通用标签配置文件(2)对标签段落格式标签进行布局，区分显示标签以向设计者提供其他组织能力为目的，具有class、style、title、ID等属性。 应用于样式表后，可以使用更强大的DIV标签将不同的段落格式应用于文档节。 HTML通用标签配置文件(2)合成标签、水平线标签属性： align、size(2pix )、width、noshade、HTML通用标签配置文件(2) 欢迎来到组合标签水平线标签花卉主页- -绿罗的裙子，下着珠饰的相思雨，荷叶的雨流着滚下来。 光的折射透过叶子边缘的水珠，娇翠落下、HTML是常用标记的介绍(三)文字的格式标记，文字的格式标记属性size:取值1-7，取1时最小，默认为3face，color，这里这是五号所有者的书的黑色文字，HTML是常用的标记的介绍 (三)字符的格式标记，作为字体标记的小字体，HTML通用标记的概要(4)列表标记，三个列表：无序列表：秩序列表：定义列表： 其属性值如下表所示。 第一列表项目第二列表项目第三列表项目、HTML通用标签配置文件(4)列表标签、有顺序列表标签属性： type (数值数组模式)、start (数值数组开始值)属性： type (数值数组模式)、value (不连排序列表的type属性值HTML通用标签配置文件(4)列表标签顺序列表标签、HTML通用标签配置文件(4)列表标签顺序列表标签， 第一列表项目第二列表项目第三列表项目第三列表项目第一列表项目第二列表项目第三列表项目、HTML通用标签配置文件(4)列表标签、定义列表标签是定义用语，是列表项目前没有数字或符号的缩进表。:定义列表标签、结束标签：定义术语标签、结束标签：定义描述标签、结束标签可省略，HTML通用标签配置文件(4)列表标签定义列表标签、第一项目列表定义为第二项目列表、定义为第三项目列表、定义为HTML通用图像标签图像标签浏览器通常支持GIF和JPEG格式的文件属性： alt、src、height、width、边框、align、hspace、vspace、HTML通用标签配置文件(5) 图像的上部和文本的对准图像的中央部和文本的对准图像的下部和文本的对准图像的画面左侧的图像的画面右侧的图像的修饰、HTML通用标签的配置文件(6)链接标签、建立超链接的实现方法：某文本列和其他网页的地址(URL 链接的图像和其他网页的地址(URL )的HTML通用标签配置文件(6)链接标签建立超链接，在超链接上，链接同一文件内的同一文件的不同部分的不同文件之间的链接链接链接到其他文件链接到其他Web服务器上的文件链接， HTML通用标签配置文件(6)包含链接标签的链接标签的属性： href=”指定超级链接指向的目标文件的相对或绝对位置(URL )”name=“在当前文档中的位置命名(书籍) 促进长文档的快速目标”“”链接的文档在哪个框架或窗口中显示为title=“”html通用标签配置文件(6)链接标签超级链接，href属性绝对u 当前网页是web1.htm，HTML通用标签配置文件(6)链接标签超级链接，name属性可以使用name属性为长文档设置命名位置。 相当于书签。 位置点的名称称为书籍签名或锚点名称。 示例：定义书签：如果要使用网络打印机跳转到同一文档，请直接使用以下链接。 其他页面上的链接： HTML通用标签配置文件(6)链接标签超级链接，target属性设置显示target属性链接的窗口。 可选值为target=“_blank”或target=“new”，以打开新的浏览窗口。 target=“_parent”在父窗口或框架集中打开。 target=“_self”将在当前窗口中打开。 target=“_top”在没有框架的窗口中显示框架内的超链接。HTML常用标签配置文件(6)链接标签超链接、超链接的实现方法文本超链接Google电子邮件超链接中，有与我们联系的图像超链接，HTML常用标签配置文件 (链接标签超链接超链接是HTML通用标签程序，其链接到同一文件中的链接(同一文件的不同部分的链接)热点不同文件之间的链接本地机器中的文件链接链接到其他文件的热点链接标签超链接其他Web服务器上的文件链接演示示例： HTML-6.htm、HTML-6-1.htm、html-6-2.htm、html通用标签配置文件(7)图像映射、定义映射区域：标签的属性值例如，演示示例： HTML-7-1.htm、html通用标签配置文件(8)多媒体页面、背景音乐可以添加到网页的音乐文件格式为MIDI、MP3、WMA、RAM、WAV、AIFF、AU等标签：属性src=“”表示音乐文件的位置和文件名loop=“n”:指定音乐的重复播放次数n=-1/infinite总是插入标签之间，仅适用于IE演示示例。 HTML-8-1.htm、HTML通用标签配置文件(8