Html语言入门(多媒体).docxVIP

Html语言入门（多媒体） Html语言入门（多媒体） 教学章节：1.1 html基本知识 教学目的：1、了解一些关于网页的基础知识 2、 了解HTML语言，并掌握一个 简单的HTML文件的写法 3、 掌握几个常用HTML标记 浏服 浏 服 教学重点： HTML语言标记的掌握 教学难点： HTML语言标记的理解 教学方法： 讲演法 教学课时： 1课时 教学过程： 复习：1、 WWW( World Wide Web)万维网 2、URL （全球统一资源定位器）也就是 新课： 1、 Hypertext （超文本） 是一种可以指向其他文件的文字或图片。 这样可以在网上链接千万台计算机，世界 范围内的大量信息通过Hypertext （超文 本）的方式相互链接。 2、 动态网页技术 ASP、PHP、JSP 3、 HTML HyperText Markup Language 超文本标记语言 一、HTML入门 1、 基本的格式是 标记符 内容/标记符 双容器 标记符 单容器 2、 一个简单的HTML文件 html 网页开始 head title无标题文网页头，放网页标 档/title 题等 /head body /body 网页体，网页的内 容都在这儿 /html 网页结束 3、 扩展名 ? html, ? htm html代码的特点 网页以html开始，以/html结束，网页由 vhead和vbody (网页头和网页体)两部分组 成，网页中的内容全部在网页体中 网页代码中含有vbody这样的标记，每个标 记代表一种含意，有些标记中还有属性值如 vfont size=3 标记一定要放在 ...之间，许多标记有对应的 结束标记，应成对使用，如 vbody…v/body, 也有个别 单独使用。 HTML源代码中的一个或多个半角空格，一 个或多个换行在网页显示时只当一个半角空格 显示 5?学习 网页属性”的设置，了解body标记的属 性 在网页属性”中可以对整张网页的效果进 行设置，对它的设置，在 HTML文件中体现在 BODY标记的属性中。打开网页属性”设置的方 法是：单击菜单 修改一网页属性” 要求掌握以下属性的含义：background （背 景图像），bgcolor（背景），text （文本），link （链 接），leftmargin （左边界） 6.颜色代码为6位数XXXXXX , X为十六进制 数即0-9, A-F（不分大小写）。 颜色由红、绿、蓝”三原色调合而成，每2 位数代表一种颜色的浓度，00代表颜色浓度最 小，FF代表颜色浓度最大。 三种颜色的顺序为红、绿、蓝。 理解几种常用的颜色代码：ff0000代表纯 红、OOffOO代表纯绿、OOOOff代表纯蓝、000000 代表纯黑、ffffff代表纯白、ffff00代表黄色。 考考你： OOffff代表什么颜色？ fOfOfO代表什么颜色？ 101010代表什么颜色？ 颜色代码的表示形式： #ff0000 ff0000 red 双引号可以换成单引号或不加引号， 小写字母 可以改成大字字母 7.常用的HTML标记及属性 (1)网页开始与结束：vhtml…./html ⑵网页头：vhead...v/head〉 (3)网页标题(位于网页头)：vtitle???/title〉 ⑷网页体：vbody???/body〉 段落:vp…v/p 左对齐：vp align=left...v/p 居中对齐：vp align=center ...v/p 右对齐：vp align=right...v/p 默认为左对齐 换行：vbr (单独使用) 水平线：vhr (单独使用) 标题：Hn (n= 1到6, hl标记的字体最大， h6最小) 字体：vfont face=黑体size=5 color=#ff0000 ...v /font〉 图像：vimg src=图像的路径和文件名 width=宽度height=高度 (单独使用) (11)表格 v table〉 v tr vtd…单元格内容???v /td v /tr v tr vtd…单元格内容???v /td v /tr v /table 跨行属性rowspan v TD ROWSPAN=单元格 跨的行数〉 跨列属性colspan v TD ROWSPAN=单元格 跨的列数〉 (12)段落标记 vP……v /P 转行标记 v BH …?…v /BH 其它如：项目列表、编号列表、仅对该文档的 CSS样式等HTML语法，请自行查看，暂不要 求熟记。 用HTML的眼光看DW软件，它的功能是 什么？ 就是把用户设计的网页转换成 HTML文 件。所以我们通过属性面板用鼠标对网页的设置 与在源代码视图方式下直接改代码的效果是完 成相同的。其实，早