网页的设计制作2章.ppt

第 2 章 HTML基础与文字版面设计 本章知识技能要点： HTML的基本结构组成 简单页面的编排 在HTML中颜色的使用 掌握文字版面编辑的基本要领以及p,br,和hr标签的基本用法 熟练掌握利用font标签设置各种字体样式的方法 掌握各类列表的编排方法 2.1 HTML基础 2.1.1 HTML概述 2. HTML的历史 HTML 3.2——1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。 可以说是HTML4.01的修正版 XHTML 是什么？ XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。目前通常说的web标准一般指网站建设采用基于XHTML语 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 2.1 HTML基础 在HTML中每个用来作标签的符号都是一条命令，它告诉浏览器如何显示文本。这些标签均由“”和“”符号以及一个字符串组成。而浏览器的功能是对这些标签进行解释，显示出文字、图像、动画、播放声音。 HTML的标签由首标签标签名 和尾标签/标签名组成的 2.1 HTML基础 2.1.4 HTML的基本结构 2.1 HTML基础 例2-1：以下是一个超文本文档的源代码 html head title我的第一个网页/title /head body center h3学习HTML网页制作/h3 br hr font size=“2” HTML英语是：Hypertext Marked Language，即超文本标签语言。 /font /center /body /html 2.2 页面的整体编排 2.2.1 页面的头标签head/head 页面的头标签head和/head构成HTML文档的开头部分。头部信息用以说明文件的标题和整个文件的一些公用属性。 标题标签title /title决定了显示在页面标题栏中的文字。使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息。 meta http-equiv=Content-Type content=text/html; charset=gb2312 页面内容的格式 该网页的编码语言 meta name=keywords content=网页制作、Dreamweaver meta name=“author” content=“乐道工作室 2.2 页面的整体编排 2.2.3 主体标签body/body body/body标签是HTML文档的主体部分，其中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。在此标签对之间可包含p、/p、h1、/h1、br、hr等等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。 body标签有自己的属性，设置 body标签内的属性，可控制整个页面的显示方式。 2.2 页面的整体编排 表2-1 body标签的主要属性 2.2 页面的整体编排 仔细阅读下面一个例子，便可以了解以上各个标记对在一个HTML文档中的布局或所使用的位置。 例2-2： html head title显示在浏览器最标题栏中的文本/title /head body bgcolor=red text=blue text=#000000 link=#000000 alink=#000000 vlink=#000000 p红色背景、蓝色文字/p /body /html 2.4 文字版面的编辑 2.4.1 标题标签hn 　　 一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签hn,hn标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。其中n为标题的等级。HTML总共提供六个等级的标题，n越小，标