项目二DreamweaverCS4网页设计平台.pptx

项目二 HTML一、HTML概述HTML（Hyper Text Markup Language 超文本标识语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文件称为HTML文件，也称Web文件。一、HTML概述htmlheadtitle一个简单的HTML示例/title/headbodycenterh1欢迎光临我的主页/h1brhrfont size=“7” color=“red”这是我第一次做主页/font/center/body/html一、HTML概述一、HTML概述HTML 文件结构htmlhead文档头部信息 /headbody文档正文内容/body /html一个完整的HTML文档必须包含3个部分：一个由html元素定义的文档版本信息，一个由head定义的各项声明的文档头部和一个由body定义的文档主体部分。一、HTML概述HTML文档的创建工具HTML编辑器记事本等可视化HTML编 辑 器：Dreamweaver等Web浏览器二、HTML的标签与属性标签用“”和“”括起来的句子，我们称他们为标签。HTML标签分单标签和成对标签两种。成对标签格式：标签名……/标签名；成对标签的作用域只作用于这对标签中的文档；单独标签格式：标签名在响应的位置插入元素即可二、HTML的标签与属性标签属性属性写在始标签内；属性用于进一步改变显示的效果；各属性之间无先后次序；属性是可选的，可以省略，而采用默认值；大多数属性值不用加双引号，但是包括：空格、%号、#号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。例如：font color=“#ff00ff”face=“宋体”size=“30”字体设置/font三、HTML基本标记头部标记head在HTML语言的头部元素中，一般需要包括标题、基础信息和元信息等。head元素的作用范围是整篇文档，定义在HTML语言头部的内容往往不会在网页上直接显示。三、HTML基本标记头部标记head1.标题标记titleHTML页面的标题一般是用来说明页面的用途，它显示在浏览器的标题中。语法：title……/title“…….”就是标题的内容；页面的标题只有一个三、HTML基本标记%@LANGUAGE=VBSCRIPT CODEPAGE=65001%htmlheadtitle标题标记title/title/headbody/body/html头部标记head1.标题标记title三、HTML基本标记头部标记head2.元信息标记meta元素提供的信息不显示在页面中，一般用来定义页面信息的说明、关键字、刷新等；meta标记不需要设置结束标记，在一个尖括号内就是一个mata内容；在一个HTML页面中可以有多个meta元素。meta元素的属性有：name和http-equivname属性主要用于描述网页，以便于搜索引擎查找、分类；http-equiv可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容三、HTML基本标记头部标记head2.元信息标记meta（1）设置页面关键字语法：mata name=“keywords” content=“输入具体的关键字”说明：name为属性名称，这里是keywords，也就是设置网页的关键字属性，而在content中则定义具体的关键字。三、HTML基本标记头部标记head2.元信息标记meta（1）设置页面关键字%@LANGUAGE=VBSCRIPT CODEPAGE=65001%htmlheadmata name=“keywords” content=“计算机教学”title插入关键字/title/headbody/body/html三、HTML基本标记头部标记head2.元信息标记meta（2）设置页面说明语法：mata name=“description” content=“设置页面说明”说明：name为属性名称，这里是description，也就是设置页面说明的意思，而在content中则定义具体的描述语言。三、HTML基本标记头部标记head2.元信息标记meta（2）设置页面说明%@LANGUAGE=VBSCRIPT CODEPAGE=65001%htmlheadmata name=“description” content=“页面说明”title设置页面说明/title/headbody/body/html三、HTML基本标记头部标记head2.元信息标记meta（3）定义编辑工具语法：meta name=“generator” content=“编辑软件的名称”说明：name为属性名称，这里是generator，也就是设置编辑工具意思，而在content中则定义具体的编辑工具名称。三、HTML基本标记头部