HTML介绍

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

目标：1、什么是HTML HTML：Hyper Text Markup Language（超文本标记语言）超文本包括：文字、图片、音频、视频、动画等
便宜好用的国外VPS推荐

目标：

  • 会使用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
  • ....
便宜好用的国外VPS推荐