^为什么学习html.pptxVIP

HTML 总体课程导航 掌握HTML语言的基本语法 掌握HTML标签的使用规范 掌握网页的基本组成 掌握HTML在网页中与其他组成之间的关系 掌握HTML与其他组成如何互动协作 第一章 为什么要学习HTML 本章节授课目标 了解HTML的工作原理 掌握HTML的基本组成 网页的开发工具及使用 4 HTML是什么 HTML：（HyperText Mark-up Language）超文本标记语言 设计HTML语言的最初目的，是为了能把存放在一台电脑中的文本或图形联系在一起，用于与另一台电脑的发送和接收 HTML是WEB页面标准开发的基础 5 HTML标准的版本历史 HTML 1.0 — 1993年6月 HTML 2.0 — 1995年11月 HTML 3.2 — 1996年1月 HTML 4.0 — 1996年1月 HTML 4.01 — 1999年12月24日，W3C推荐标准 XHTML 1.0 — 2000年1月 HTML 5.0 — 预计将在2010年9月正式向公众推荐 6 HTML的工作原理 HTML其实就是组合成一个文本文件的一系列标签。 浏览器通过对这些标签的解析(DOM)，来呈现给我们最终格式化后的网页效果 HTML标签通常是代表不同含义的英文词汇的缩写 例： 7 p从这里开始我们的HTML之旅/ppP标签是Paragraph的缩写，代表段落/p 为什么要学习HTML 在实际的项目开发中： 8 设计师：“我设计的界面效果不是这样的，细节都没有了。” 程序员：“对，我们是按照默认的结构开发的。” 设计师：“为什么不按我的设计来实现呢？” 程序员：“按照你的设计实现了，如果系统不稳定，我们没法负责啊~~~”(你做的效果我根本实现不了) 设计师草稿（经客户认可） = 100 分 设计师不能还原草稿 = 70 分 程序员加入程序之后 = 50 分 CSS不兼容 = 20 分 JS不兼容 = 0 分 为什么要学习HTML Web2.0时代 ：ajax应用的“泛滥” RIA时代：自定义控件的“泛滥” 前端设计的重要性已经渐渐赶上后台，甚至从某种角度来说，要超过后台 9 将来在工作中要做的事，比你现在想象的要多的多…… 如何学习别人网页中的技术 学习别人网页中的技术，也是必须掌握HTML语言的原因之一 在网页中点击鼠标右键，可以弹出一个菜单，选择查看源文件 10 如何学习别人网页中的技术 11 HTML的编码规范 1.标签闭合：HTML中的所有标签都必须是闭合的 2.标签名小写 : 虽然不是必须的，但我们一定要用小写字母来拼写标签名 3.属性值包含在双引号内：除特殊情况，我们一定要用双引号来包裹属性值。如： 4.标签的嵌套关系：有些标签属于其他标签的子标签，那么如果父标签不存在，则子标签页不应存在。如：td在没有table出现的时候，是绝对不应该出现的 12 div class=“myBox”/div HTML的编码规范 5. 缩进：为了让代码具有良好的可读性，我们需要让一些标签呈现缩进效果，而这些缩进，我们一定要用TAB键来处理，而不是空格。 6.空格：理论上讲，网页中是完全不必要出现空格的。如果非要用的话，用 7.特殊字符的使用：会发生冲突的字符，我们采用特殊字符的方式输出，如： 8.扩展名（htm or html） : 同样不是必须的，但是我们一定要用HTML作为文件的扩展名 13 nbsp; © = copy; 小结 有问题吗？ 14 网页中都会包含哪些内容 1、HTML是基础 2、CSS依靠选择符提供视觉 3、Javascript 依靠HTML事件去驱动行为 4、DOM提供API修改HTML DOM结构的API给javascript调用 5、AJAX提供XMLHTTP API建立客户端和服务器端的通信，而且是异步通讯 6、HTML的语义化使用和微格式提供数据抽取，就是SEO的一部分 15 注：seo = (Search Engine Optimization)，汉译为搜索引擎优化 网页结构图 16 网页结构图 17 网页的基本组成 网页中的信息主要是以文本为主的 在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。这里指的文字是文本文字，而并非图片中的文字 18 网页的基本组成 今天看到的丰富多彩的网页，都是因为有了图像 用于网页上的图片一般为JPG和GIF格式的，即以.jpg(或.jpeg)和.gif为后缀的文件 19 网页的基本组成 超链接是