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 标题标签
• 案例:新闻详情页面