web第2讲HTML概述.pptVIP

第二讲 HTML概述 一、 HTML语言简介 1、什么HTML HTML语言是超文本标记语言(HyperText Markup Language)的缩写，用来描述WWW上的超文本文件, 当用户使用浏览器下载文件时（通常使用http协议进行传输），就把这些标识解释成它应有的含义，并按照一定的格式将其显示在屏幕上。 HTML语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。 2、Html发展过程 在20世纪90年代Web网络的迅速兴起，使得HTML空前繁荣。当时，HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑，迫切需要制定一个公认的HTML语言规范。 1995年11月，Internet Engineering Task Force（IETF，Internet工程任务组）整理了以前的各种版本，倡导并主持开发HTML2.0规范，同年推出HTML3.0技术规范。1996年，World Wide Web Consortium（W3C）的HTML Working Group开始组织编写新的规范，于1997年1月推出了HTML3.2。 后来，在HTML3.2中做了许多重要改动。到99年下半年推出到现在依然使用的HTML4.0 二、HTML文件的特点： 1、脚本语言，易学： HTML语言作为一个脚本语言，比任何一种计算机编程语言都简单，学习起来非常容易。 2、跨平台：HTML文档是独立于平台的，对多平台兼容。HTML语言是一种标记语言，它不需要编辑。只要有一个可以阅读和解释HTML文件的浏览器，就能够在任何平台上阅读此文件。 3、纯文本文件：HTML文件是纯文本文件，它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普通文本文件。 三、HTML的总体结构 从结构上看，HTML文件由多种元素构成，用于组织文件的内容和指导文件的输出格式，一个HTML应具有下面的结构： HTML HEAD … /HEAD BODY … /BODY /HTML 四、HTML文档结构特点： 1、html的元素有四种表示方法 。 （1） 元素名称 文本或超文本 /元素名称： 如：title 网站首页 /title （2）元素名称 属性名＝“属性值”…文本或超文本 /元素名称： 如：font color=“red”第num个人访问/font （3） 元素名称 如：br （4） 元素名称 属性名＝“属性值” … 如：hr width=80%, img src=“/img/1.jpg”… 四、HTML文档结构特点： 2、HTML文件仅由一个html元素组成，其元素体分为头元素和体元素两部分。 3、绝大多数元素是成对出现的，有起始标记和结尾标记，少量没有。 起始链接签（Starttag）元素名称 结尾链接签（Endtag） /元素名称 4、每一个元素都有自己的名称，多数元素具有可选择的属性，元素的名称和属性都在起始链接签内标明，属性出现的顺序是不重要的。属性和属性之间用空格隔开，属性和只之间用等号连接。 四、HTML文档结构特点： 5、html的元素的常用属性和值 。 Height：高度＝数值 Width：宽度＝数值 Color：颜色＝RGB(000000~FFFFFF) Align/Valign：对齐＝（left、center、right） BackGround：背景图片＝（“图片地址”） BGColor：背景颜色 Border：边框粗细 6、Html文件的命名 *.html 或 .htm 五、常用结构元素介绍： 1、HTML…/HTML HTML表示页面开始，开始用HTML标准进行解释文本； /HTML表示页面结束。 2、HEAD…/HEAD 包含页面的一般性说明信息，如标题、主题介绍、字符集、作者信息等，必须在BODY元素之前。 3、TITLE…/TITLE 放于HEAD元素内；提供页面的名称。 五、常用结构元素介绍： 4、META META放于HEAD元素内，提供该文档的媒体信息。 如作者名、搜索引擎关键字等 META元素的属性：( name ， content ，http-equiv） “keywords” “你的关键字” meta name= “description” content= “你的网页内容” “author” “作者署名” “refresh” “跳转时间地址” meta http-equiv=