第二阶段 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

    第二阶段 HTML5基础

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

    第二阶段 HTML5基础

    实际运行效果:

    第二阶段 HTML5基础

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

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

    第二阶段 HTML5基础

    实际运行效果

    第二阶段 HTML5基础

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

    第二阶段 HTML5基础

    实际运行效果

    第二阶段 HTML5基础

二. 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 规定元素的额外信息


  • 实例操作

    第二阶段 HTML5基础

    实际效果

    第二阶段 HTML5基础

3. HTML5格式化

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