第二阶段 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 > | 定义删除字 |