HTML -> 初识HTML
1. 什么是HTML
- HTML:Hyper Text Markup Language(超文本标记语言)
- 超文本包括:文字、图片、音频、视频、动画等
- HTML 5,提供了一些新的元素和一些有趣的新特性,同时也简历了一些新的规则。这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。
- HTML 5的优势:
- 世界知名浏览器厂商对HTML5的支持,如微软、Google、苹果、Opera、Mozilla等;
- 市场的需求;
- 跨平台。
- W3C:
- World Wide Web Consortium(万维网联盟)
- 成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
- http://www.w3.org/
- http://www.chinaw3c.org/
- W3C标准包括:
- 结构化标准语言(HTML、XML)
- 表现标准语言(CSS)
- 行为标准(DOM、ECMAScript)
- 常见的IDE:
- 记事本
- Dreamweaver
- IDEA
- WebStorm
- …
2. HTML基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
成对的标签,分别叫开放标签和闭合标签;
单独呈现的标签叫自闭合标签。
3. 网页基本信息
- DOCTYPE声明
- title
- meta
- body
<!--这里是注释-->
<!--DOCTYPE:告诉浏览器,我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
<!--meta 描述性标签,用来描述网站的一些信息-->
<!--meta一般用来做SEO-->
<meta charset="UTF-8">
<meta name="keywords" content="AnoBabe,Java">
<meta name="description" content="AnoBabe is studying Java!">
<!--title代表网页的标题-->
<title>我的第一个网页</title>
</head>
<!--body标签代表网页主体部分-->
<body>
Hello,World!
</body>
</html>