第二章HTML基础知识.pptVIP

教学示例 7.为body增加内容，增加一级标题：彩云之家 教学示例 7.为body增加内容，增加一级标题：彩云之家 8.为字体增加修饰 教学示例 9.为字体增加修饰 教学示例 10.为网页插入图片和超链接 11.创建一个新的页面，命名为home.html，体会超链接的作用 教学示例 12.为标题增加修饰（将h1替换如下） 教学示例 1.某公司产品列表为例，实现表格，示意图如下 教学示例----表格的设计 2.增加cellspacing、cellpadding属性 3.增加tr标签属性 4.增加td标签属性 教学示例----表格的设计 1.见练习中table1所示。 教学示例----复杂表格的设计 1.某公司产品列表为例，实现表格，示意图如下 教学示例----个人简历的设计 Web程序设计 主讲：毕婧 2010-3 第二章 HTML基础 Web 1.什么是HTML？ 2.HTML常用标签 3.HTML的应用 HTML是网页的描述语言，是一种描述文档结构的语言，而不能描述实际的表现形式。 HTML标签可以说明文字、图形、动画、声音、表格、链接等 HTML语言 虽然有很多工具可以自动生成HTML标签，但很多时候需要手动修改，因此必须牢记HTML语言及常用标签 1.什么是HTML语言？ ！ HTML书写基本原则 1.开始标签与结束标签要成对出现(有些标签没有结束标识) 2.切忌不要出现交叉闭合的情况 3.标签及属性用全部采用小写字母 4.适当缩进，增加文档可读性 5.适当增加注释，增加文档可读性 2.HTML常用标签 A 文档基本结构 html head title /title /head body /body /html 网页中标记须包含在html/html之间 head/head是网页头部标识 title /title是head标记的一部分，用于标识窗口标题 浏览器正文需显示的内容包含在body/body之间 2.HTML常用标签 A 示例 html head titleHTML文档 基本标记演示 /title /head body 这是一个HTML文档基本标记演示效果! /body /html 2.HTML常用标签 A 文档类型----DOCTYPE !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “/TR/html4/loose.dtd” HTML文档类型标记”DOCYTPE”指定文档使用哪个版本的HTML，浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。 2.HTML常用标签 A 文档类型----DOCTYPE HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。 HTML文档类型标记”DOCYTPE”指定文档使用哪个版本的HTML，浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。 2.HTML常用标签 A DOCTYPE----HTML Strict DTD 如果您需要干净的标记，免于表现层的混乱，请使用此类型。与层叠样式表(CSS)配合。 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd 2.HTML常用标签 A DOCTYPE----HTML Transitional DTD W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 2.HTML常用标签 A DOCTYPE----Frameset DTD Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN /TR/html4/frameset.dtd 2.HTML常