1. 网页的组成
• HTML：页面结构
• CSS：页面样式表现
• JavaScript：交互行为
2.HTML简介
• HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记
对网页中的文本、图片、声音等内容进行描述。
3.HTML发展历程
• HTML 1.0 超文本标记语言(第一版) -- 在1993年6月发为互联网工程工作小组(IETF)工作草案发布
(并非标准)
• HTML 2.0 -- 1995年11月作为RFC 1866发布,在RFC2854于2000年6月发布之后被宣布已经过时
• HTML 3.2 -- 1996年1月14日,W3C推荐标准
• HTML 4.0 -- 1997年12月18日,W3C推荐标准
• HTML 4.01(微小改进) -- 1999年12月24日,W3C推荐标准
• XHTML 1.0 -- 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
• XHTML 1.1 -- 于2001年5月31日发布
• HTML5.0 2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于
制定完成【主流】
4.HTML的结构
• 案例创建：第一个页面
• HTML的结构
<html> html文档
<head></head> html头部
<body> html身体 空格:文字分隔符
<h1>My First Heading</h1> 内容
<p>My first paragraph.</p>
</body>
</html>
特点：成对出现，有开有闭合，尖括号括住了标签名。结束标签内增加了斜线。
语法：<标签名> 标签内容</标签名>
第一：标签成对出现。
第二：结束标签内部用/开头。
第三：标签可以嵌套。
5.HTML语法
1.HTML标签以 ”<“开头。
2.紧接着就是标签名（中间没空格）
3.标签名之后如果有属性的话，加空格然后是 属性名=""
4.如果有多个属性，属性间用空格隔开，空格可以有多个。
5.属性结束后可以加一个或多个空格。
6.然后是结束标签">",如果是闭合标签需要在标签名前加”/"，例如：</html>
7.单标签，斜线没有任何意义，可有可无。
8.标签中间可嵌套内容。
6.HTML整体结构标签
• Doctype标签，文档协议声明标签
html:xt(过渡型文档）
html:xs(严格型文档)
– 文档协议声明标签，非常重要
– 协议不同影响整个页面显示的效果
– 目前主流用HTML5的协议文档 （HTML5没有协议）
• html标签，文档标签 根标签(html)，结构化标签（其他标签）
• head，文档头部标签
• body，文档内容部分标签
– p 段落标签
– h1 标题标签
• 案例：新闻详情页面
