1 / 97
文档名称:

HTML语言与网页设计.ppt

格式:ppt   页数:97页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML语言与网页设计.ppt

上传人:用户头像没有 2016/6/3 文件大小:0 KB

下载得到文件列表

HTML语言与网页设计.ppt

相关文档

文档介绍

文档介绍:1 语言与网页设计复****要点: ? HTML 通用标记结构、 HTML 文档的基本结构、 meta 标记、超链接标记、字符实体、各种表单标记?什么是 CSS ?样式表定义语法、 CSS 选择符?样式引用的基本方式?样式的优先级? html 与 xhtml 的主要区别 2 语言与网页设计 HTML 语言简介? HTML ,即超文本标记语言,是英文 HyperText Markup Language 的缩写,是一种独立于操作系统的网页编写语言。 HTML 的最大特点就是用标记描述和表现信息的显示格式和内容。所谓标记就是采用一系列的指令符号来控制输出的效果, 通用标记结构通用标记结构为: <元素名属性=“属性值”>内容</元素名> ?元素名即预定义的标记(签) ?属性:用来指定标记的行为确定元素内容的显示方式,如果标记有属性,则将跟在元素名后,属性之间用一个或多个制表符、空格、回车符分开,不区分出现的顺序。?<> :把标记和标记所描述的内容区分开,一般成对出现,结束标记没有属性? HTML 的元素名、属性不区分大小写( xHTML 区分且只能用小写),但最好用小写(有的操作系统大小敏感,如 unix ) ? HTML 的源文件是纯文本文件,可以用任何一种文本编辑器来编写,但后缀应用. htm 。3 HTML 文档的基本结构 HTML 文档包含定义文档内容的文本和定义文档结构及外观的标记,基本结构如下: <html> :容器标记<head> 头标记,用于定义文档标题及其它可能会用于控制文档显示或访问的参数,如<title> 、<base> 、<link> 、< isindex >、<meta> 等</head> <body> 正文,包括要显示的文本和文档的控制标记</body> </html> :容器结束标记 4 HTML 的常用元素和标记 HTML 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 //EN ”“/html4/ ”> , 如 yahoo5 (2) <head> 标记功能:定义文档头区属性: dir, lang , profile 结束标记: </head> 包含: head_content ,如 base 、 object 、 link 、 style 、 script 、 meta 使用范围: html_tag 6 (3) <title> 标记功能:定义文档标题属性: dir, lang 结束标记: </title> 包含: plain_text 使用范围: head_content 说明: ?此标记只能在 head 标记内出现. ? title 的内容通常在浏览器的标题栏中显示. ?浏览器中收藏夹内书签的名称是 title 的内容. ? title 的内容可以方便搜索引擎索引页面. ?从搜索引擎搜索到的内容的标题往往是网页 title 的内容. 示例:当当7 <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 网页缓存过期时间. 结束标记: