HTML语言与网页之间的关系,HTML语言与网页设计介绍.ppt

2.HTML语言与网页设计 复习要点： HTML通用标记结构、HTML文档的基本结构、meta标记、超链接标记、字符实体、各种表单标记 什么是CSS 样式表定义语法、CSS选择符 样式引用的基本方式 样式的优先级 html与xhtml的主要区别 2.HTML语言与网页设计 2.1 HTML语言简介 HTML，即超文本标记语言，是英文HyperText Markup Language的缩写，是一种独立于操作系统的网页编写语言。HTML的最大特点就是用标记描述和表现信息的显示格式和内容。所谓标记就是采用一系列的指令符号来控制输出的效果，通用标记结构为： 内容元素名> 元素名即预定义的标记(签) 属性：用来指定标记的行为确定元素内容的显示方式，如果标记有属性，则将跟在元素名后，属性之间用一个或多个制表符、空格、回车符分开，不区分出现的顺序。 <>：把标记和标记所描述的内容区分开，一般成对出现，结束标记没有属性 HTML的元素名、属性不区分大小写(xHTML区分且只能用小写)，但最好用小写(有的操作系统大小敏感，如unix) HTML的源文件是纯文本文件，可以用任何一种文本编辑器来编写，但后缀应用.htm或.html。 2.2 HTML文档的基本结构 HTML文档包含定义文档内容的文本和定义文档结构及外观的标记，基本结构如下： ：容器标记

头标记，用于定义文档标题及其它可能会用于控制文档显示或访问的参数，如、、、、等 正文，包括要显示的文本和文档的控制标记 ：容器结束标记 2.3 HTML的常用元素和标记 2.3.1 HTML结构标记 (1)标记 功能：界定一个完整的HTML文档 属性：dir, lang, version 结束标记： 包含: head_tag, body_tag, frames dir属性：内容的显示方式，用于本标记用于决定整个文档的显示方向，默认为”ltr”，用于其它标记则用于决定该标记内的内容的显示方向 lang属性：文档或文本的显示语言 version属性：说明支持的html标准的版本，在HTML4中已弃用，并用标记来代替. 例：-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd”> ,如yahoo (2)标记 功能：定义文档头区 属性：dir, lang, profile 结束标记： 包含: head_content，如base、object、link、style、script、meta 使用范围：html_tag (3)标记 功能：定义文档标题 属性：dir, lang 结束标记： 包含: plain_text 使用范围：head_content 说明： 此标记只能在head标记内出现. title的内容通常在浏览器的标题栏中显示. 浏览器中收藏夹内书签的名称是title的内容. title的内容可以方便搜索引擎索引页面. 从搜索引擎搜索到的内容的标题往往是网页title的内容. 示例：当当 标记 功能：提供用户不可见信息，为其它应用程序和搜索引擎访问提供可用信息 属性：meta属性主要分为两组 name属性与content属性 name属性用于是以名称/值形式的名称描述网页,name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找,分类.其中最重要的是description, keywords和robots. http-equiv属性与content属性 http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间. 结束标记：无 使用范围：