初识HTML5
1.1HTML5概述
超文本标记语言(Hyper Text Mrakup Language)
1.2HTML5浏览器的支持情况
1.IE浏览器
2.火狐浏览器
3.谷歌浏览器
4.360浏览器
5.Opera浏览器
1.3创建第一个H5的页面
1.3 HTML5基础
1.3.1H5文档的基本格式
1.<!doctype>
标记:位于文档的最前边,用于向浏览器说明当前文档使用哪种HTML标准规范。会触发浏览器以标准兼容模式来显示页面。
2.<html>
标记:根标记,用于告知浏览器其自身是一个HTML文档。在他们之间是文档的头部和主题内容。
3.<head>
标记:用于定义HTML文档头部的信息。也成为头部标记.封装其他头部的标记,例如<title、style >。
4.<body>
标记:主体标记。浏览器中显示的所有文本,图片,音频,视频等信息都必须位于body标记内。
一个HTML文档中 只能含有一对body标记,且body标记必须在html标记以内。
1.3.2 H5语法
1.标签不区分大小写。
例如<p>
这里的P标签大小写不一致</P>
。
2.允许属性值不使用引号。
3.允许部分属性值得属性省略。
1.3.3 HTML标记:在HTML页面中,带有<>符号的元素被称为HTML标记。所谓标记就是放在<>符号中表示某个功能的编码命令。也成为标签。
1.通常将Html标记分为两大类。分别是单标记和双标记
双标记:双标记是指由开头和结束两个标记组成的标记。其基本的语法格式为:
<标记名>内容</标记名>。
开始标记 结束标记
单标记:单标记也叫空标记,是指用一个标记符号即可完整的描述某个功能的标记。其语法格式为:
<标记名/> 例如<hr/>
实例:
2.注释标记:一种特殊的标记-注释标记,便于我们的阅读和理解。
<!--注释内容-->
1.3.4 标记的属性
属性的基本语法:
<标记名 属性1=”属性值1” 属性2=“属性值2” 属性n=“属性值n”>内容</标记名>
标记可以拥有多种属性,必须写在开始标记中,位于标记名和后面,属性之间不分先后顺序。标记名与属性、属性与属性之间均已空格隔开。任何标记的属性都有默认的属性值。省略属性值则取默认值。例如:
<h1 aligh=”center”>
标题文本</h1>
color颜色属性。
1.预定义的颜色值:red green blue等。
2.十六进制:如#FF0000, #2787DF 每两位代表一种颜色分量 分别表示的颜色为红、绿、蓝三个分量。当3个分量的2位16进制数都各自相同时,可以使用简写。
3.RGB代码格式,例如rgb(0,0,255) 0-255