网页设计语言
第一页，共28页
HTML是网页制作的一种规范、一种标准。是编写网页的最基本的语言，也是网页设计师的必备基本功之一。
本章介绍了用HTML制作网页的各种标记符的设置方法，包括网页数据的编辑与格式化、在网页中使用超链接和插入图片、网页中的表格设计以及表格与文字的混排等。
第二页，共28页
教学重点与难点
在网页中使用超链接
图片与多媒体的编排
表格与文字的混排
交互网页的制作
第三页，共28页
1 HTML概述
HTML（HyperText Markup Language）超文本标记语言，几乎所有的网页都是以HTML格式书写的。
HTML以标识符来标识、排列各对象。标识符本身以“<”和“>”标识，标识符内的内容称为元素（element），也成为属性。元素代表了标识符的意义，元素是与大小写无关的。
第四页，共28页
标识符代表了网页中的对象，如<img>代表图像、<table>代表表格；元素代表了网页对象的属性，如width、height代表了对象的宽和高，color代表了对象的颜色等。
标志符大部分是成对出现的：起始标记符和结束标记符。如<body>和</body>、<table>和</table>等。大小写均可，不过最好为大写。
HTML的基本语法格式：
<标记符 元素1=属性值1 元素2=属性值2 …… 元素n=属性值n>
第五页，共28页
HTML文件的基本结构
<html>
<head>
文件头
</head>
<body>
文件体
</body>
</html>
头部
主体
第六页，共28页
用超文本标记语言（HTML）编写的网页文件其实只是很平常、很普通的文本文件。可以用你所熟悉的文字编辑器来编辑它，如Edit、Word、写字板、记事本等，但一定要以纯文本方式保存，浏览器只能识别纯文本格式的文件。
<HTML>标记HTML的开始，在文件结束处要有对应的符号</HTML>。
第七页，共28页
创建HTML文档
1．用工具软件创建HTML文档
用比较完善的工具软件来制作网页，象FronPage2000，Dreamweaver 4等
2．用编辑工具编写HTML文档
EDIT、记事本、写字板、Word等编辑工具可以用来编辑HTML文档。
第八页，共28页
2 HTML的头部标记和主体标记
1 HTML的头部标记
<head>标记
出现在HTML网页的开头部分。<head>与</head>之间的内容不在浏览器窗口中显示。
<title>标记
网页标题，出现在浏览器标题栏中。
<meta>标记
用于提供HTML网页的字符编码、关键字、描述、作者、自动刷新等信息
第九页，共28页
例1 <html>
<head>
<title>html的头部标记应用</title>
</head>
<meta http-equiv=“Content-Type” content=“text/html;charset=gb2312”>
<meta name=“description” content=“这是一个有关搜索引擎的主页”>
<meta name=“keywords” content=“电影，电视剧，VCD，DVD，MTV”>
<meta name=“author” content=“张三星”>
<meta http-equiv=“refresh” content=“5;URL=”>
</head>
<body>
</body>
</html>
第十页，共28页
网页设计语言 来自淘豆网m.daumloan.com转载请标明出处.
