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文档包含定义文档内容的文本和定义文档结构及外观的标记，基本结构如下： html：容器标记 head 头标记，用于定义文档标题及其它可能会用于控制文档显示或访问的参数，如title、base、link、isindex、meta等 /head body 正文，包括要显示的文本和文档的控制标记 /body /html：容器结束标记 2.3 HTML的常用元素和标记 2.3.1 HTML结构标记 （1）html标记 功能：界定一个完整的HTML文档 属性：dir, lang, version 结束标记：/html 包含: head_tag, body_tag, frames dir属性：内容的显示方式，用于本标记用于决定整个文档的显示方向，默认为”ltr”，用于其它标记则用于决定该标记内的内容的显示方向 lang属性：文档或文本的显示语言 version属性：说明支持的html标准的版本，在HTML4中已弃用，并用！doctype标记来代替. 例：!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd” ,如yahoo （2）head标记 功能：定义文档头区 属性：dir, lang, profile 结束标记：/head 包含: head_content，如base、object、link、style、script、meta 使用范围：html_tag （3）title标记 功能：定义文档标题 属性：dir, lang 结束标记：/title 包含: plain_text 使用范围：head_content 说明： 此标记只能在head标记内出现. title的内容通常在浏览器的标题栏中显示. 浏览器中收藏夹内书签的名称是title的内容. title的内容可以方便有哪些信誉好的足球投注网站引擎索引页面. 从有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站到的内容的标题往往是网页title的内容. 示例：当当 meta标记 功能：提供用户不可见信息，为其它应用程序和有哪些信誉好的足球投注网站引擎访问提供可用信息 属性：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网页缓存过期时间. 结束标记：无 使用范围： head_content meta标记应用：name属性与content属性组合 定义网页