HTML介绍

  • HTML介绍已关闭评论
  • 129 次浏览
  • A+
所属分类:Web前端
摘要

目标:1、什么是HTML HTML:Hyper Text Markup Language(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等

目标:

  • 会使用HTML5的基本结构创建网页
  • 会使用文本相关标签排版文本信息
  • 会使用图像相关标签实现图文并茂的页面
  • 会使用标签创建超链接、锚链接及功能性链接

1、什么是HTML

HTML:Hyper Text Markup Language(超文本标记语言)

超文本包括:文字、图片、音频、视频、动画等

HTML介绍

 

 

1. 网页的组成

2. 标签作用是什么

3. 浏览器打开后,会从上到下解释这些代码,并呈现相应的效果

 

2、发展史、优势

HTML介绍

 

 

  • HTML:Hyper Text Markup Language超文本标记语言,超文本标记语言—在1993年6月互联网工程工作小组工作案发布(并非标准)
  • HTML2.0—1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布过时。
  • HTML3.2—1996年1月14日,W3C推荐标准
  • HTML4.0—1997年12月18日,W3C推荐标准
  • HTML4.01(微小改进)—1999年12月24日,W3C推荐标准,2000年5月15日发布基本严格的 HTML4.01语法,是国标标准化组织和国际电工委员会的标准
  • XHTML1.0—发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
  • XHTML1.1—2001年5月31日发布
  • XHTML2.0是W3C的工作草案,由于改动过大,学习这个新技术的成本过高而最终胎死腹中,因 此,现在最常用的还是XHTML1.0标准。
  • 目前最新的版本为HTML5,它是2004年被提出,2007年被W3C接纳并成立新的HTML工作团队, 2008年1月22日公布HTML5第一份正式草案,2012年12月17日HTML5规范正式定稿,2013年5月 6日,HTML5.1正式草案公布。
  • HTML 5作为最新版本,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。 这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、 图像和动画,以及不需要安装任何插件直接使用网页播放视频等。目前企业开发中也在增大使用 HTML5的力度

HTML5的优势

1.世界知名浏览器厂商对HTML5的支持

通过对Internet Explorer、Google、Firefox、Safari、Opera等主要的Web浏览器发展策略调查,发现 他们都在支持HTMl5上采取措施。

微软:2010年3月16日,微软于拉斯维加斯市举行的MIX10技术大会上宣布已推出IE9浏览器开发者预览 版。此版本将更多的支持CSS3、SVG和HTML5等互联网浏览通用标准。

Google:2010年2月19日,谷歌Gears项目经理伊安一费特通过博客宣布,谷歌将放弃对Gears浏览器 插件项目的支持,以此重点开发HTML5项目。

苹果:2010年6月7日,苹果在开发者大会的会后发布了Safari 5,这款浏览器支持10个以上HTML5新技 术,包括全屏播放、HTML5视频、HTML5地理位置、HTML5的形式验证等功能。

Opera:2010年5月5日,Opera软件公司首席技术官Hakon Wium Lie先生在访华之际,接受中国软件 资讯网等少数几家媒体采访,他认为HTMl5和CSS3将是全球互联网发展的未来趋势。

mozilla firefox:2010年7月,Mozilla基金会发布了Firefox 4浏览器的第一个测试版,从官方文档看, 它对HTML5是完全级别的支持。

以上证据表明,目前这些浏览器已经纷纷朝着支持HTML5、结合HTML5的方向迈进,因此HTML5已经 被广泛的推行开来。

2.市场的需求

现在的市场已经迫不及待的要求有一个统一的互联网通用标准。HTML5之前的情况是,由于各浏览器之 间的不统一,光是修改Web浏览器之间的由于兼容性而引起的bug就浪费了大量的时间。而HTML5的目 标就是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图像、动画以及同电脑的交互 都被标准化。

3.跨平台

HTML5可以做到跨平台开发,用户只用打开浏览器即可访问应用,PC网站、各种移动设备、插件等核心 代码就可以不需要重复编写,极大的减少了开发人员的工作量。

3、W3C标准

  • W3C
    • World Wide Web Consortium(万维网联盟)
    • 成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
    • http://www.w3.org/
    • http://www.chinaw3c.org/
  • W3C标准包括
    • 结构化标准语言(XHTML 、XML)
    • 表现标准语言(CSS)
    • 行为标准(DOM、ECMAScript )

演示示例:静夜思

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>静夜思</title> </head> <body> <h1>静夜思</h1> <em>朝代:唐代</em>&nbsp;&nbsp;作者:<strong>李白</strong></em><br/> <hr/> 原文: <p>     床前明月光,<br/>     疑是地上霜。<br/>     举头望明月,<br/>     低头思故乡。<br/> </p> </body> </html> 

常见的网页编辑工具:

  •  记事本
  • NotePad++
  • Sublime
  • VsCode
  • WebStorm
  • HBuidler
  • IDEA
  • ....