项目二Dreamweaver CS4网页设计平台.pptx

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