HTML5简介

一、WEB标准的概念及组成1、web的标准：WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布。2、web的组成：3、组织的解析：（1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域昀具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准；（2）ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准；4、网页的组成：二、HTML及相关概念的介绍1、HTML概念：HTML 指的是超文本标记语言 (Hyper Text Markup Language) 万维网的描述性语言。XHTML指可扩展超文本标记语言（Extensible  HyperText  Markup  Language）是一种置标语言，表现方式与超文本标记语言（HTML）类似，语法上更加严格。HTML5指的是HTML的第五次重大修改（第5个版本）2、HTML的发展史：3、HTML5的介绍：HTML5 是 W3C 与 WHATWG 合作的结果WHATWG网页超文本应用技术工作小组是：一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。三、网站建站流程（扩展）1、网站建设流程：四、HTML5的基本结构XHTML架构:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN  声明文档类型以及可查阅文档路径有三种：  Strict（严格型)、              Trasitional（过渡型）、              Frameset（框架型）HTML5 基本结构 ：!doctype html命名文档类型html/html说明我们写的是标记语言head/head文件头部title/title文件标题（显示在状态栏上的内容）meta charset=utf-8 /编码格式body/body文件主体(所有要写的内容)五、开发工具1、dw常用快捷键： ctrl+U:首选参数，更改代码视图文字大小 更改新建文档默认类型 取消或开启代码提示 F12：预览页面      ctrl+n: 新建文件      ctrl+s: 保存 ctrl+shift+s: 另存为   ctrl+z: 撤销     ctrl+c ： 复制 ctrl+v :粘贴    ctrl+x ：剪切     ctrl+a ：全选 ctrl+tab：  编辑窗口切换    ctrl+f 查找替换2、ps常用快捷键：c  裁剪、 m  选框、i  吸取、h 抓手、z 缩放、x 前景和背景切换、ctrl+s 保存、ctrl+shift+s  另存、 ctrl+z  返回上一步、 ctrl+t 自由变换、 ctrl+c 复制、ctrl+v 粘贴ctrl+n 新建文件    ctrl+r  显示标尺3、命名规范：A、小写英文字母、数字、下划线的组合；B、其中不得包含汉字、空格和特殊字符；C、必须以英文字母或下划线（_）开头，不可以数字开头；4、调试工具：（1）PC端调试工具的使用 -浏览器         测试浏览器(chrome,ie,firefox，opera)（2）移动端调试工具chrome可以测试移动端页面（有很多模拟器）5、建立站点：目的：规划网站的所有内容和代码整合资源站点——新建站点——（站点名称用英文昀好和本地站点文件夹保持一致性）五、HTML基本语法：1、普通标记：标记名称 属性1名=属性1值 属性2名=属性2值 ………… /标记名2、空标记：标记名 属性1名=属性1值 /标记有两种形式，我们分别称单标记和双标记,或者叫空标记和普通标记；说明：1）写在尖角号里的第一个单词，叫做标记，也叫做标签，也称作元素；2）标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号内3）一个标记可以有多个属性，属性和属性之间用空格隔开，属性不分先后顺序；4）空标记是指没有结束标签的标记，必须使用/ 关闭 例如：hr /六、HTML基础标签：1、标题标签：2、段落标签：p段落标记，标识一个段落/p 段落与段落之间默认空一行文字的距离3、物理字体：加粗：倾斜：下划线：删除线：上角标：下角标：强制换行：水平线：常用元素：HTML注释：4、HTML中的列表：无序列表：有序列表：自定义列表：5、HTML图片的插入6、超链接：7、HTML中的表格：注：一对tr表示一行;一对td表示一个单元格（一列）*表格的基本属性1）width=表格的宽度  2）height=表格的高度3）border=表格的边框4）cellspacing=单元格与单元格之间的间距5）cellpadding=单元格与内容之间的距离6）align= 表格水平对齐方式“               取值：left、right、center、  7）合并单元格属性：( td )  合并列： colspan=“所要合并的单元格的列数  合并行： rowspan=“所要合并单元格的行数