第一章：HTML5基础 ①

第一章：HTML 5基础

HTML概念部分：

一，什么是HTML

HTML 是用来描述网页的一种语言

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

二，HTML是如何显示页面的

HTML代码经过浏览器翻译显示页面

三，HTML的发展史

我们尽量选择稳定而且浏览器完全支持的HTML版本，这样我们做出来的东西才能让大部分市场去用，会更有市场需求。

四，HTML 5的优势

1.世界很多知名浏览器厂商都支持HTML 5

• 谷歌
• 微软
• 苹果
• Opera
• Mozilla

2.如上面所说的，世界上有很多知名厂商支持 HTML5，所以就带来了更多市场的需求

3.跨平台：

​ 例如：安卓端的淘宝首页，因为需要经常修改，并且需要修改方便，首页便是使用了HTML，所以HTML是可以跨平台的。

五，W3C标准

W3C:

• World Wide Web Consortium（万维网联盟）
• 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
• http://www.w3.org/
• http://www.chinaw3c.org/

现在的浏览器大部分网址都是以 www. 开头,但是也可以不使用 www. 开头，例如你可以输入www.baidu.com，访问百度，也可以输入baidu.com，进入百度首页，可以理解为，这是一种对World Wide Web Consortium（万维网联盟）的一种致敬，因为W3C制定了很多的标准，例如：

• 结构化标准语言（XHTML 、XML）
• 表现标准语言（CSS）
• 行为标准（DOM、ECMAScript ）。

这让本来为弱类型语言的HTML语言，变成了一个有标准的语言，更利于开发时的交流。

六，网页编辑工具

• 记事本
• Dreamweaver (组件很多，启动很慢，不建议使用)
• WebStorm
• HBuilder （方便快捷，建议使用）

-----------------------------------------------------（这是一段华丽的分割线）

HTML代码部分：

一，HTML的基本结构

1. HTML主要分为两个部分：head和body

• 与 之间的文本描述网页
• 与 之间的文本是可见的页面内容

其中的是为了告诉浏览器使用了什么规范，让浏览器易于翻译

2. HTML主要由两部分组成：
   ​ 标签（元素，节点）+属性

< body>、</body>等成对的标签，分别叫开放标签和闭合标签 单独呈现的标签（空元素），如 <hr/> ；意为用 / 来关闭空元素