HTML5的优点
-
跨平台运行
-
硬件要求低
-
flash之外的选择
HTML5的新特性
-
用于绘画的canvas标签
-
用于媒介回放的ivdeo和audio元素
-
对本地离线储存的更好支持
-
新的特殊内容元素
如：article、footer、header、nav、section
-
新的表单控件
如：calendar、data、time、email、url、search
Safari、Chrome、Firefox以及Opera包括IE9都支持HTML5。
学习HTML5需要掌握：HTML XHTML CSS CSS3 JavaScript JQuery HTML5
首先我们开始学习HTML。
HTML简介
-
HTML指的是超文本标记语言：HyperText Markup Language
-
HTML不是编程语言，而是标记语言
-
标记语言是一套标记标签
-
HTML使用标记标签描述网页
-
HTML文档包含了HTML标签及文本内容
-
HTML文档也叫Web文档
HTML头文件
"<!DOCTYPE>"声明有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明HTML的版本，
浏览器就能正确显示网页内容。
以下三个皆为通用声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
## **HTML基础标签**
HTML元素
HTML元素指的是从开始标签到结束标签的所有代码。
例如
< a href="#">内容</a>
其中“内容”就是< a>标签的元素。
HTML元素语法：
-
元素的内容是开始标签与结束标签之间的内容
-
空元素在开始标签中进行关闭
-
大多数HTML元素可拥有属性
-
大多数的HTML元素都是可以嵌套的。
HTML属性
-
标签可以拥有属性为元素提供更多的信息
-
属性以键值对的形式出现。如：id="id"。
-
常用标签属性：
"< h1>":align对齐方式
"< body>":bgcolor背景颜色
"< a>":target规定在何处打开链接
-
通用属性
class:规定元素的类名
id:规定元素唯一的ID
style:规定元素的样式
title:规定元素的额外信息
HTML格式化
| 标签 | 描述 |
|---|---|
| < b> | 定义粗体文本 |
| < big> | 定义大号字 |
| < em> | 定义着重文字 |
| < i> | 定义斜体字 |
| < small> | 定义小号字 |
| < strong> | 定义加重 |
| < sub> | 定义下标字 |
| < sup> | 定义上标字 |
| < del> | 定义删除字 |
head标签
< head>元素包含了所有的头部标签元素。在< head>元素中你可以插入脚本(scripts)、样式(css)、以及各种meta信息。
可以添加在头部区域的元素标签为: < title>, < style>, < meta>, < link>, < script>, < noscript>, 和< base>.
body标签
< body>标签定义文档的主题。其元素包含文档的所有内容。
HTML标题
h1~h6一共有六个级别的标题，h1是一级标题，h2是二级标题，以此类推。
由代码所示
效果如下：
HTML段落
HTML段落是由< p>标签定义的。浏览器会自动在段落的前后添加空行。< p>标签是块级元素。
<p>段落一</p>
<p>段落二</p>