1 / 98
文档名称:

html语言与网页设计.ppt

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

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

分享

预览

html语言与网页设计.ppt

上传人:1485173816 2021/2/17 文件大小:1.92 MB

下载得到文件列表

html语言与网页设计.ppt

相关文档

文档介绍

文档介绍:HTML语言与网页设计

HTML语言简介
HTML,即超文本标记语言,是英文HyperText Markup Language的缩写,是一种独立于操作系统的网页编写语言。HTML的最大特点就是用标记描述和表现信息的显示格式和内容。所谓标记就是采用一系列的指令符号来控制输出的效果,通用标记结构为:
<元素名 属性=“属性值”>内容</元素名>
元素名即预定义的标记(签)
属性:用来指定标记的行为确定元素内容的显示方式,如果标记有属性,则将跟在元素名后,属性之间用一个或多个制表符、空格、回车符分开,不区分出现的顺序。
<>:把标记和标记所描述的内容区分开,一般成对出现,结束标记没有属性
HTML的元素名、属性不区分大小写(xHTML区分且只能用小写),但最好用小写(有的操作系统大小敏感,如unix)
HTML的源文件是纯文本文件,可以用任何一种文本编辑器来编写,。
HTML文档的基本结构
HTML文档包含定义文档内容的文本和定义文档结构及外观的标记,基本结构如下:
<html>:容器标记
<head>
头标记,用于定义文档标题及其它可能会用于控制文档显示或访问的参数,如<title>、<base>、<link>、<isindex>、<meta>等
</head>
<body>
正文,包括要显示的文本和文档的控制标记
</body>

</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” “”> ,如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属性表示,便于搜索引擎机器人查找,, keywords和robots.
http-equiv属性与content属性
http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.
结束标记:无
使用范围: head_content
<meta>标记应用:name属性与content属性组合
定义网页关键词
<meta name="ke