截图

简介

这是html教学ppt，包括了知识要点，什么是 HTML？HTML文档的结构，设置文本格式，使用图像，使用字幕和背景音乐，使用超链接，使用表单，课堂作业等内容，欢迎点击下载。

html教学ppt是由红软PPT免费下载网推荐的一款课件PPT类型的PowerPoint.

知识要点：基本的HTML语法结构常用的HTML 标记的使用 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容 1.什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如和标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签 2. HTML文档的结构 2.1.1 标记基础 1. 基本的HTML语法 (1) 在HTML语言中，所有的标记都必须用尖括号（即小于号“<”和大于号“>”）括起来。例如，、、等。 (2) 大部分标记都是成对出现的，包括开始标记和结束标记，开始标记和相应的结束标记定义了标记所影响的范围；结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开头的。例如，和、和等。 (3) HTML标记不区分大小写，但通常约定使用大写字母来表示，以利于HTML文档的维护。 2. 标记符的属性大多数标记都拥有一个属性集，通过这些属性可以对作用的内容进行更多的控制。在HTML语言中，所有属性都放置在开始标记的尖括号内。心想事成。 2.1.2 HTML文档的基本结构一个基本的HTML文档通常包含3对顶级标记 HTML标记 …是全部文档内容的标记，分别在网页的第一个标记和最后一个标记，其他所有的代码都位于这两个标记之间。可选的。首部标记 … 用语提供与WEB页相关的各种信息。标记指定网页的标题正文标记 .. 标记包含了文档的内容，网页中的文字、图像、动画、超链接以及其他的HTML元素均位于该标记中。文本、图像、动画、HTML其它元素等实例2.1利用HTML标记、首部标记和正文标记，在记事本（或在DeamweaverMX2004的代码编写窗口）中编写一个简单的HTML文档，将文件名指定为2-01.htm，并保存在CH1目录下。图2-2 第一个网页的效果 ------2-01.htm------ 万丈高楼平地起，制作网页刚开始。 2.2 设置文本格式 2.2.1 分段与换行分段标记X2l红软基地

换行标记X2l红软基地
实例2.2 显示分段标记和换行标记的用法以及它们的区别，源代码如下：图2-3 分段标记的效果 ------ 2-02.htm ------ X2l红软基地

高楼万丈平地起，X2l红软基地

蟠龙卧虎高山顶，X2l红软基地

边区的太阳红又红，X2l红软基地
边区的太阳红又红。 3. 标题标记其中n的取值是1－6 实例2.3 演示各种标题标记的使用方法，源代码如下：图2-4 各种标题标记效果 ------ 2-03.htm ------

这是一级标题（最大）

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题（最小）

这是普通文字。X2l红软基地

4. 水平线标记

标记用于在文档中添加一条水平线，以分开文档的两个部分。该标记有以下属性： (1) ALIGN：指定线的对齐方式，取值为left（左对齐）、center（居中对齐）或right（右对齐），默认值为center。 (2) COLOR：指定线的颜色。 (3) NOSHADE：若指定该项，则显示一条无阴影的实线。 (4) SIZE：指定线的宽度，以像素为单位。 (5) WIDTH：指定线的长度，单位可以是像素或百分比（占页面宽度的百分比）。图2-5 插入水平线效果实例2.4 在网页中通过

标记的各种属性来控制水平线的显示效果，源代码如下所示： ------ 2-04.htm ------ 以下是默认的水平线：

以下是SIZE为6、WIDTH为300像素的水平线：

以下是SIZE为1、WIDTH为页面宽度80%的实线水平线：

以下是WIDTH = 90%的红色水平线：

2.2.2 设置段落对齐方式在网页中有四种段落对齐方式：左对齐、右对齐、居中对齐和两端对齐。在HTML语言中，可以使用ALIGN属性来设置段落的对齐方式。 ALIGN属性可以应用于多种标记，例如：分段标记

…X2l红软基地

、标题标记…以及水平线标记

等。 ALIGN属性的取值可以是：left（左对齐）、center（居中对齐）、right（右对齐）以及justify（两边对齐）。两边对齐是指将一行中的文本在排满的情况下向左右两页边对齐，以避免在左、右两边处出现锯齿状。实例2.5 使用ALIGN属性来控制段落的对齐方式，源代码如下所示： ------ 2-05.htm ------

这是左对齐的效果。X2l红软基地

这是居中对齐的效果。X2l红软基地

这是右对齐的效果。X2l红软基地

春夜喜雨

图2-6 段落对齐效果

春眠不觉晓，处处闻啼鸟。X2l红软基地

夜来风雨声，花落知多少。X2l红软基地

2.2.3 设置字体、字号和颜色在HTML语言中，可以使用字体标记…来设置文本的字符格式，为此可以将文本置于和标记之间，并通过FACE、SIZE和COLOR属性来设置文本的字体、字号和颜色。FACE属性指定一种字体，例如：超文本标记语言 ASP动态网页设计 COLOR属性指定文本的颜色，可以用颜色名称表示，也可以用十六进制RGB格式表示。例如：超文本标记语言电子商务网页设计 2.2.4 设置字符样式通过设置字符样式可以为某些字符设置特殊格式，例如粗体、斜体、下划线、删除线、上标、下标等。常用的设置字符样式的标记如下： … 粗体 … 大字体 … 斜体 … 删除线 … 小字体 … 删除线 ^… 上标 _… 下标 … 固定宽度字体 … 下划线实例2.7 使用各种标记来设置字符的样式，源代码如下所示： -- 2-07.htm ------

粗体字：电子商务网页设计X2l红软基地

大字体：电子商务网页设计X2l红软基地

斜体字：电子商务网页设计X2l红软基地

上标示例： a²+b²=c²X2l红软基地

下标示例：H₂SO₄X2l红软基地

2.3 使用图像 2.3.1插入图像标记 1. 标记格式:

其中: 图片可以是*.gif；*.jpg格式的图片，地址可以是相对地址或绝对的地址。主要属性有： Alt：用于设置鼠标移上去显示的文本信息。 Hight和Width：用于设置图片的高度或宽度。如width=200。 Borter：用于设置图象边框的宽度。如Borter=4。 Hspace和Vspace：用于设置图片与文本之间的距离。 Align：用于设置图文混排时的对齐方式。如align=“right”。 2. 实例2.8 使用IMG标记在网页中插入一个图像，源代码如下所示：图 2-9 插入图像效果 ------ 2-8.htm ------ 美丽的海滨城市---青岛

2.3.2 播放多媒体文件标记不仅用于在网页中插入图像，也可以用于播放Video for Windows的多媒体文件（*.avi）。若要在网页中播放多媒体文件，应在标记中设置以下属性： (1) CONTROLS：显示一套视频控件。 (2) DYNSRC：指定要播放的多媒体文件的URL。 (3) START：指定何时开始播放多媒体文件，其取值可以是fileopen或mouseover。 (4) LOOP：整数，指定多媒体文件的播放次数。如果不限播放次数，则应将该属性设置为关键字infinite。 (6) LOOPDELAY：整数，指定两次播放之间的延迟，以毫秒为单位。实例2.10 在网页中播放多媒体文件，源代码如下所示： ------ 2-10.htm ------

播放多媒体文件

2.4 使用字幕和背景音乐 2.4.1滚动字幕标记标记格式：要滚动显示的文本信息 MARQUEE标记的主要属性有： (1) ALIGN：指定字幕与周围文本的对齐方式，其取值可以是top、middle或bottom。 (2) BEHAVIOR：指定文本动画的类型，其取值可以是scroll、slide或alternate。 (3) BGCOLOR：指定字幕的背景颜色。 (4) DIRECTION：指定文本的移动方向，其取值可以是down、left、right或up。 (5) HEIGHT：指定字幕的高度，以像素或百分比为单位。 (6) HSPACE：整数，指定字幕的外部边缘与浏览器窗口之间的左右边距（像素）。 (7) LOOP：指定字幕的滚动次数。 (8) SCROLLAMOUNT：整数，指定字幕文本每次移动的距离，以像素为单位。 (9) SCROLLDEALY：整数，指定与前段字幕文本延迟多少ms后重新开始移动文本。 2. 实例2.11 在网页中插入一个字幕，源代码如下所示：图2-11 滚动字幕效果

在网页中插入一个自下而上移动的字幕

月落乌啼霜满天，X2l红软基地
江枫渔火对愁眠。X2l红软基地
姑苏城外寒山寺，X2l红软基地
夜半钟声到客船。 2.4.2背景音乐标记 1. 标记格式： …… 实例2.12 在网页中插入背景音乐。源代码如下所示： ------ 2-12.htm ------

当页面被打开时，你将会听到美妙的背景音乐。X2l红软基地

2.5 使用表格 1. 格式： ……… …… …

表格标题文字
标题1	标题2	标题n
数据11	数据12	数据1n
数据21	数据22	数据2n
数据n1	数据n2	数据nn

实例2.13 使用HTML语言创建一个基本表格，源代码如下所示：

创建基本表格
第1列标题	第2列标题	第3列标题	第4列标题
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗/TD>
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗

2.6 使用超链接 2.6.1 什么是超链接超链接是由源端点到目标端点的一种跳转。源端点可以是网页中的一段文本或一幅图像或一个按钮等。目标端点可以是任意类型的网络资源，例如可以是一个网页、一幅图像、一首歌曲、一段动画或一个程序等。 2.6.2 超链接标记在HTML语言中，可以使用标记来创建超链接，标记格式如下：文本标记的属性有： (1) HREF：该属性是必选项，用于指定目标端点的URL地址，可以包含一个或多个参数。 (2) TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。 (3) TARGET：该属性是可选项，用于指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开。TARGET属性的取值： “_blank” 指定将链接的目标文件加载到未命名的新浏览器窗口中； “_parent” 指定将链接的目标文件加载到包含链接的父框架页或窗口中，如果包含链接的框架不是嵌套的，则链接的目标文件加载到整个浏览器窗口中； “_self” 指定将链接的目标文件加载到链接所在的同一框架或窗口中； “_top” 指定将链接的目标文件加载到整个浏览器窗口中，并由此删除所有框架。实例2.15 使用标记创建超链接，源代码如下所示： ------ 2-15.htm ------ 创建超链接示例
图2-14 创建超链接效果

查看图文绕排效果X2l红软基地

美丽的海边风光X2l红软基地

X2l红软基地

2.7 使用表单什么是表单？表单是用来收集访问者信息的域集。表单用于用户收集信息，然后将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种控件，例如文本框、列表框、复选框和单选按钮等。 FORM标记的常用属性有： (1) NAME：指定表单的名称，以标识表单。如：NAME = “biao1" 。命名表单后，可以使用脚本语言（如VBScript或JScript）来引用或控制该表单。 (2) METHOD：指定将表单数据传输到服务器的方法，其取值可以是： post：在HTTP请求中嵌入表单数据。 get：将表单数据附加到请求该页的URL中。如：METHOD = "post“ （或者 methot=“get”） (3) ACTION：指定将要接收表单数据的服务器端程序或动态网页的网址。如：ACTION = "字符串" (4) onSubmit：指定提交表单时调用的事件处理程序。 (5) onReset：指定重置表单时调用的事件处理程序。 (6) TARGET：指定一个目标窗口 2.7.2 使用输入型表单控件为了让用户通过表单输入数据，可以使用标记创建各种输入型表单控件。通过将标记的TYPE属性设置为不同的值，可以创建不同类型的输入型表单控件，包括单行文本框、密码框、复选框、单选按钮、文件域以及按钮等。 1. 在表单中添加单行文本框在之间添加一个标记，并将其TYPE属性指定为“text”。其标记格式为： 2. 在表单中添加密码域在之间添加一个标记，并将其TYPE属性指定为“password”。 3. 在表单中添加按钮使用标记可以在表单中添加三种类型的按钮：即提交按钮、重置按钮和自定义按钮。其标记格式为：对该标记的属性说明如下： (1) TYPE：指定按钮的类型，取值可以是： submit：创建一个提交按钮。 reset：创建一个重置按钮。 button：创建一个自定义按钮。 (2) NAME：指定按钮的名称。 (3) VALUE：指定显示在按钮上的标题文本。实例2.16 创建一个登录表单，其中包含有文本框、密码框、提交按钮和重置按钮，源代码如下所示：图2-15 登录表单效果

登录表单
用户名：
密码：

课堂作业编写一个网页，在网页中设置如下的标记并实现相应的效果。使用标记包含了文档的内容，网页中的文字、图像、动画、超链接以及其他的HTML元素均位于该标记中。文本、图像、动画、HTML其它元素等实例2.1利用HTML标记、首部标记和正文标记，在记事本（或在DeamweaverMX2004的代码编写窗口）中编写一个简单的HTML文档，将文件名指定为2-01.htm，并保存在CH1目录下。图2-2 第一个网页的效果 ------2-01.htm------ 万丈高楼平地起，制作网页刚开始。 2.2 设置文本格式 2.2.1 分段与换行分段标记

换行标记X2l红软基地
实例2.2 显示分段标记和换行标记的用法以及它们的区别，源代码如下：图2-3 分段标记的效果 ------ 2-02.htm ------ X2l红软基地

高楼万丈平地起，X2l红软基地

蟠龙卧虎高山顶，X2l红软基地

边区的太阳红又红，
边区的太阳红又红。 3. 标题标记其中n的取值是1－6 实例2.3 演示各种标题标记的使用方法，源代码如下：图2-4 各种标题标记效果 ------ 2-03.htm ------

这是一级标题（最大）

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题（最小）

这是普通文字。X2l红软基地

4. 水平线标记

标记用于在文档中添加一条水平线，以分开文档的两个部分。该标记有以下属性： (1) ALIGN：指定线的对齐方式，取值为left（左对齐）、center（居中对齐）或right（右对齐），默认值为center。 (2) COLOR：指定线的颜色。 (3) NOSHADE：若指定该项，则显示一条无阴影的实线。 (4) SIZE：指定线的宽度，以像素为单位。 (5) WIDTH：指定线的长度，单位可以是像素或百分比（占页面宽度的百分比）。图2-5 插入水平线效果实例2.4 在网页中通过

标记的各种属性来控制水平线的显示效果，源代码如下所示： ------ 2-04.htm ------ 以下是默认的水平线：

以下是SIZE为6、WIDTH为300像素的水平线：

以下是SIZE为1、WIDTH为页面宽度80%的实线水平线：

以下是WIDTH = 90%的红色水平线：

2.2.2 设置段落对齐方式在网页中有四种段落对齐方式：左对齐、右对齐、居中对齐和两端对齐。在HTML语言中，可以使用ALIGN属性来设置段落的对齐方式。 ALIGN属性可以应用于多种标记，例如：分段标记

…X2l红软基地

、标题标记…以及水平线标记

等。 ALIGN属性的取值可以是：left（左对齐）、center（居中对齐）、right（右对齐）以及justify（两边对齐）。两边对齐是指将一行中的文本在排满的情况下向左右两页边对齐，以避免在左、右两边处出现锯齿状。实例2.5 使用ALIGN属性来控制段落的对齐方式，源代码如下所示： ------ 2-05.htm ------

这是左对齐的效果。X2l红软基地

这是居中对齐的效果。X2l红软基地

这是右对齐的效果。X2l红软基地

春夜喜雨

图2-6 段落对齐效果

春眠不觉晓，处处闻啼鸟。X2l红软基地

夜来风雨声，花落知多少。X2l红软基地

2.2.3 设置字体、字号和颜色在HTML语言中，可以使用字体标记…来设置文本的字符格式，为此可以将文本置于和标记之间，并通过FACE、SIZE和COLOR属性来设置文本的字体、字号和颜色。FACE属性指定一种字体，例如：超文本标记语言 ASP动态网页设计 COLOR属性指定文本的颜色，可以用颜色名称表示，也可以用十六进制RGB格式表示。例如：超文本标记语言电子商务网页设计 2.2.4 设置字符样式通过设置字符样式可以为某些字符设置特殊格式，例如粗体、斜体、下划线、删除线、上标、下标等。常用的设置字符样式的标记如下： … 粗体 … 大字体 … 斜体 … 删除线 … 小字体 … 删除线 ^… 上标 _… 下标 … 固定宽度字体 … 下划线实例2.7 使用各种标记来设置字符的样式，源代码如下所示： -- 2-07.htm ------

粗体字：电子商务网页设计X2l红软基地

大字体：电子商务网页设计X2l红软基地

斜体字：电子商务网页设计X2l红软基地

上标示例： a²+b²=c²X2l红软基地

下标示例：H₂SO₄X2l红软基地

2.3 使用图像 2.3.1插入图像标记 1. 标记格式:

其中: 图片可以是*.gif；*.jpg格式的图片，地址可以是相对地址或绝对的地址。主要属性有： Alt：用于设置鼠标移上去显示的文本信息。 Hight和Width：用于设置图片的高度或宽度。如width=200。 Borter：用于设置图象边框的宽度。如Borter=4。 Hspace和Vspace：用于设置图片与文本之间的距离。 Align：用于设置图文混排时的对齐方式。如align=“right”。 2. 实例2.8 使用IMG标记在网页中插入一个图像，源代码如下所示：图 2-9 插入图像效果 ------ 2-8.htm ------ 美丽的海滨城市---青岛

2.3.2 播放多媒体文件标记不仅用于在网页中插入图像，也可以用于播放Video for Windows的多媒体文件（*.avi）。若要在网页中播放多媒体文件，应在标记中设置以下属性： (1) CONTROLS：显示一套视频控件。 (2) DYNSRC：指定要播放的多媒体文件的URL。 (3) START：指定何时开始播放多媒体文件，其取值可以是fileopen或mouseover。 (4) LOOP：整数，指定多媒体文件的播放次数。如果不限播放次数，则应将该属性设置为关键字infinite。 (6) LOOPDELAY：整数，指定两次播放之间的延迟，以毫秒为单位。实例2.10 在网页中播放多媒体文件，源代码如下所示： ------ 2-10.htm ------

播放多媒体文件

2.4 使用字幕和背景音乐 2.4.1滚动字幕标记标记格式：要滚动显示的文本信息 MARQUEE标记的主要属性有： (1) ALIGN：指定字幕与周围文本的对齐方式，其取值可以是top、middle或bottom。 (2) BEHAVIOR：指定文本动画的类型，其取值可以是scroll、slide或alternate。 (3) BGCOLOR：指定字幕的背景颜色。 (4) DIRECTION：指定文本的移动方向，其取值可以是down、left、right或up。 (5) HEIGHT：指定字幕的高度，以像素或百分比为单位。 (6) HSPACE：整数，指定字幕的外部边缘与浏览器窗口之间的左右边距（像素）。 (7) LOOP：指定字幕的滚动次数。 (8) SCROLLAMOUNT：整数，指定字幕文本每次移动的距离，以像素为单位。 (9) SCROLLDEALY：整数，指定与前段字幕文本延迟多少ms后重新开始移动文本。 2. 实例2.11 在网页中插入一个字幕，源代码如下所示：图2-11 滚动字幕效果

在网页中插入一个自下而上移动的字幕

月落乌啼霜满天，X2l红软基地
江枫渔火对愁眠。X2l红软基地
姑苏城外寒山寺，X2l红软基地
夜半钟声到客船。 2.4.2背景音乐标记 1. 标记格式： …… 实例2.12 在网页中插入背景音乐。源代码如下所示： ------ 2-12.htm ------

当页面被打开时，你将会听到美妙的背景音乐。X2l红软基地

2.5 使用表格 1. 格式： ……… …… …

表格标题文字
标题1	标题2	标题n
数据11	数据12	数据1n
数据21	数据22	数据2n
数据n1	数据n2	数据nn

实例2.13 使用HTML语言创建一个基本表格，源代码如下所示：

创建基本表格
第1列标题	第2列标题	第3列标题	第4列标题
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗/TD>
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗
春游芳草地	夏赏绿河池	秋饮黄花酒	冬听白雪诗

2.6 使用超链接 2.6.1 什么是超链接超链接是由源端点到目标端点的一种跳转。源端点可以是网页中的一段文本或一幅图像或一个按钮等。目标端点可以是任意类型的网络资源，例如可以是一个网页、一幅图像、一首歌曲、一段动画或一个程序等。 2.6.2 超链接标记在HTML语言中，可以使用标记来创建超链接，标记格式如下：文本标记的属性有： (1) HREF：该属性是必选项，用于指定目标端点的URL地址，可以包含一个或多个参数。 (2) TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。 (3) TARGET：该属性是可选项，用于指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开。TARGET属性的取值： “_blank” 指定将链接的目标文件加载到未命名的新浏览器窗口中； “_parent” 指定将链接的目标文件加载到包含链接的父框架页或窗口中，如果包含链接的框架不是嵌套的，则链接的目标文件加载到整个浏览器窗口中； “_self” 指定将链接的目标文件加载到链接所在的同一框架或窗口中； “_top” 指定将链接的目标文件加载到整个浏览器窗口中，并由此删除所有框架。实例2.15 使用标记创建超链接，源代码如下所示： ------ 2-15.htm ------ 创建超链接示例
图2-14 创建超链接效果

查看图文绕排效果X2l红软基地

美丽的海边风光X2l红软基地

X2l红软基地

2.7 使用表单什么是表单？表单是用来收集访问者信息的域集。表单用于用户收集信息，然后将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种控件，例如文本框、列表框、复选框和单选按钮等。 FORM标记的常用属性有： (1) NAME：指定表单的名称，以标识表单。如：NAME = “biao1" 。命名表单后，可以使用脚本语言（如VBScript或JScript）来引用或控制该表单。 (2) METHOD：指定将表单数据传输到服务器的方法，其取值可以是： post：在HTTP请求中嵌入表单数据。 get：将表单数据附加到请求该页的URL中。如：METHOD = "post“ （或者 methot=“get”） (3) ACTION：指定将要接收表单数据的服务器端程序或动态网页的网址。如：ACTION = "字符串" (4) onSubmit：指定提交表单时调用的事件处理程序。 (5) onReset：指定重置表单时调用的事件处理程序。 (6) TARGET：指定一个目标窗口 2.7.2 使用输入型表单控件为了让用户通过表单输入数据，可以使用标记创建各种输入型表单控件。通过将标记的TYPE属性设置为不同的值，可以创建不同类型的输入型表单控件，包括单行文本框、密码框、复选框、单选按钮、文件域以及按钮等。 1. 在表单中添加单行文本框在之间添加一个标记，并将其TYPE属性指定为“text”。其标记格式为： 2. 在表单中添加密码域在之间添加一个标记，并将其TYPE属性指定为“password”。 3. 在表单中添加按钮使用标记可以在表单中添加三种类型的按钮：即提交按钮、重置按钮和自定义按钮。其标记格式为：对该标记的属性说明如下： (1) TYPE：指定按钮的类型，取值可以是： submit：创建一个提交按钮。 reset：创建一个重置按钮。 button：创建一个自定义按钮。 (2) NAME：指定按钮的名称。 (3) VALUE：指定显示在按钮上的标题文本。实例2.16 创建一个登录表单，其中包含有文本框、密码框、提交按钮和重置按钮，源代码如下所示：图2-15 登录表单效果

登录表单
用户名：
密码：

课堂作业编写一个网页，在网页中设置如下的标记并实现相应的效果。使用标记的有关属性设置网页的背景图像和文本颜色插入一段文本，设置文字的字体、字号和颜色插入一幅图像，然后设置图像的格式选择一首歌曲作为背景音乐插入一个左右方向移动的字幕在网页中创建一个表格并设置表格、行和单元格的属性。

展开