第二阶段 HTML5基础

一. HTML特性简介

1. HTML发展

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。

2. HTML基础

• 声明：< !DOCTYPE html >

  HTML也有不同的版本，只有完全明白页面中使用的确切的HTML版本，浏览器才能完全正确的显示出HTML页面，而这就是声明” < !DOCTYPE html > “的用处
  例如：
  HTML5：
  < !DOCTYPE html >
  XHTML 1.0 Strict：
  < !DOCTYPE htmlPUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd” >

• HEML基础标签：head、body

  

• HTML标题：< h1 >…< h6 >等标签进行定义

  

  实际运行效果：

  

• HTML段落：< p >标签定义段落

• HTML链接：< a >标签定义链接

  

  实际运行效果

  

• HTML图像：< img >标签定义图像

  

  实际运行效果

  

二. HTML5元素、属性和格式化

1. HTML5元素

• 元素指的是从开始标签到结束标签的所有代码

开始标签(开放标签) 元素内容 结束标签(闭合标签) < p > this is my web page < /p > < br / > （换行）

[ 换行和段落：段落之间上下间隔大，而换行的上下字段的间隔小 ]

• HTML语法

  元素的内容是开始标签和结束标签之间的内容
  空元素在开始标签中进行关闭( eg. < br/ >)
  大多数HTML元素可拥有属性

• 嵌套的HTML元素

  大多数HTML元素都是可以嵌套的

2. HTML5属性

• 标签可以拥有属性为元素提供更多的信息
• 属性以键/值对的形式出现，如： href= “www.baidu.com”
• 常见标签属性：

标签 属性 作用 < h1 > align 对齐方式 < body > bgcolor 背景颜色 < body > background 背景图片 < a > target 规定在何处打开链接

• 通用属性

属性 作用 class 规定元素的类名 id 规定元素唯一ID style 规定元素的样式 title 规定元素的额外信息

• 实例操作
  
  
  
  实际效果
  
  

3. HTML5格式化

标签 描述 < b > 定义粗体文字 < big > 定义大号字 < em > 定义着重文字 < i > 定义斜体字 < small > 定义小号字 < strong> 定义加重语气 < sub > 定义下标字 < sup > 定义上标字 < ins > 定义插入字 < del > 定义删除字