《PHP基础教程01HTML5》由会员分享,可在线阅读,更多相关《PHP基础教程01HTML5(15页珍藏版)》请在金锄头文库上搜索。
1、HTML5-01主讲: 邮箱: 本章任务1. 什么是HTML2. HTML的新特性3. HTML的兼容性介绍4. 简单HTML实例制作5. HTML语言的语法6. HTML文件的主体结构1. 什么是HTMLHTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编译,直接由浏览器执行 HTML文件是一个文本文件,包含了一些HTML元素,标签等 HTML文件必须使用.html或.htm为文件名后缀 HTML是大小写不敏感的,HTML与html是一样的 HTML是由W3C的维护的为 HTML5 建
2、立的一些规则 新特性应该基于 HTML、CSS、DOM 以及JavaScript 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明2. HTML的新特性HTML5 中的一些有趣的新特性:用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素比如 article、footer、header、nav、section 新的表单控件比如 calendar、date、time、email、url、search3. HTML的兼容性介绍 最新版本的 Safari
3、、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 支持 某些 HTML5 特性,经过测试Internet Explorer10 基本已经支持绝大部分HMTL5标签及属性。 4. 简单HTML实例制作 本 页 面 的 标 题 这 是 第 一 个 HTML实 例 本 页 显 示 黑 色 背 景 , 白 色 的 文 本 HTML文档说明 HTML的文档注释: HTML5的文档类型: HTML标签: 、 HTML标签属性: bgcolor text width 文 档 中 的 黑 色 文 字 属 于 HTML内 容5. HTML语言的
4、语法5.1 HTML标签5.2 HTML标签不区分大小写5.3 HTML标签属性5.4 HTML中颜色值设置5.5 HTML代码格式5.6 HTML字符实体5.1 HTML标签 标签是HTML中最基本单位,也是最重要组成部分。 通常要用两个角括号括起来:“”。 标签都是闭合的(两种形式:成对与不成对) 双标签(成对): 内容如: 即分起始和结束 单标签(不成对): 如: 标签是大小写无关的,跟表示意思是一样的,标准推荐使用小写,这样符合XHTML标准。5.3 HTML标签属性 HTML属性一般都出现在HTML的开始标签中, 是HTML标签的一部分。 标签可以有属性,它包含了额外的信息.属性的值
5、一定要在双引号中。 标签可以拥有多个属性。 属性由属性名和值成对出现。语法格式如下:5.4 HTML中颜色值设置 大多数的浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多。 主要有以下两种:使用英文单词作为颜色值:如:red、green、blue、black、maroon、white、yellow .可以使六位十六进制的颜色值: 如:#000000 - #ffffff其中前两位表示红色,中间两位表示绿色,最后两位表示色。5.5 HTML代码格式任何回车或空格在源代码中都是不起作用,所以在编写HTML代码时,都可以使用回车或者空格进行代码排版,这样可以使代码清晰,也便于团队合作。必须保持严格的缩进规则,以“Tab”键为准。5.6 HTML字符实体 特殊字符(实体):用数值码和引用实体两种方式表示 例如: 6. HTML文件的主体结构标签名称 说明 声明是文档中的第一个成分,位于 标签之前。该标签告知浏览器文档所使用的 HTML 规范。 元素告知浏览器这是一个 HTML 文档。 元素可包含关于文档的信息。浏览器不会向用户显示这些头部信息(head information)。下面这些标签可用在 head 部分:, , , , , 以及 。标签定义文档的标题 元素定义文档的主体。其中包含文档的所有内容(比如文本、图像、颜色、图形等等)。