2010 认识  HTML
<ul><li>HTML  指的是超文本标记语言  ( H yper  T ext  M arkup  L anguage) </li></ul><ul><li>HTML  不是一种【编程语言】,而是一种【 标记语言】   (markup la...
<ul><li>HTML  标签是由 尖括号 包围的关键词,比如  <html> </li></ul><ul><li>HTML  标签通常是 成对出现 的,比如  <b>  和  </b> </li></ul><ul><li>标签对中的第一个标...
<ul><li>HTML  文档 描述网页  (Document) </li></ul><ul><li>HTML  文档 包含  HTML  标签 和纯文本 </li></ul><ul><li>HTML  文档也被称为 网页 </li></ul...
<ul><li><!DOCTYPE html …> </li></ul><ul><li><html …> </li></ul><ul><li><head>…</head> </li></ul><ul><li><body>…</body>  </...
<ul><li>HTML 4.01  规定了三种文档类型: Strict 、 Transitional  以及  Frameset 。 </li></ul><ul><li>HTML5 并没有 DTD ,为了向后兼容,定义了在 text/html...
<ul><li>XHTML  的目标是取代  HTML 。 </li></ul><ul><li>XHTML  与  HTML 4.01  兼容,几乎是相同的。 </li></ul><ul><li>XHTML  是更严格更纯净的  HTML  版...
<ul><li>什么是  HTML5 ? </li></ul><ul><li>HTML5  将成为  HTML 、 XHTML  以及  HTML DOM  的新标准。 </li></ul><ul><li>HTML5  仍处于完善之中。大部分现...
<ul><li>CSS  指层叠样式表  ( C ascading  S tyle  S heets) </li></ul><ul><li>样式定义 如何显示   HTML  元素 </li></ul><ul><li>样式表通常放置在 . CS...
更多简介 http://wenku.baidu.com/view/38f304254b35eefdc8d33327.html
<ul><li>不同浏览器下默认样式的存在差异 </li></ul><ul><li>Gecko 引擎 : resource://gre/res/html.css </li></ul><ul><li>http://lifesinger.org/b...
请 看 下 集 &&  提 问 时 间
Upcoming SlideShare
Loading in …5
×

重构Html lesson 1

895 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
895
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

重构Html lesson 1

  1. 1. 2010 认识 HTML
  2. 2. <ul><li>HTML 指的是超文本标记语言 ( H yper  T ext  M arkup  L anguage) </li></ul><ul><li>HTML 不是一种【编程语言】,而是一种【 标记语言】   (markup language) </li></ul><ul><li>标记语言是一套 标记标签   (markup tag) </li></ul><ul><li>HTML 使用 标记标签 来描述网页 </li></ul>HTML 是用来描述网页的一种语言。
  3. 3. <ul><li>HTML 标签是由 尖括号 包围的关键词,比如 <html> </li></ul><ul><li>HTML 标签通常是 成对出现 的,比如 <b> 和 </b> </li></ul><ul><li>标签对中的第一个标签是 开始标签 ,第二个标签是 结束标签 </li></ul>HTML 标记标签通常被称为 HTML 标签 (HTML tag)
  4. 4. <ul><li>HTML 文档 描述网页 (Document) </li></ul><ul><li>HTML 文档 包含 HTML 标签 和纯文本 </li></ul><ul><li>HTML 文档也被称为 网页 </li></ul>Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。 浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
  5. 5. <ul><li><!DOCTYPE html …> </li></ul><ul><li><html …> </li></ul><ul><li><head>…</head> </li></ul><ul><li><body>…</body> </li></ul><ul><li></html> </li></ul><ul><li>< ! DOCTYPE html ..> DTD 描述了文档类型声明( DTD declaration ,简称 doctype ) </li></ul><ul><li><html> 与 </html> 之间的文本描述网页 </li></ul><ul><li><head> 与 </head> 之间提供了不影响文档渲染效果但对于浏览器可能非常有用的信息。 </li></ul><ul><li><body> 与 </body> 之间的文本是可见的页面内容 </li></ul>
  6. 6. <ul><li>HTML 4.01 规定了三种文档类型: Strict 、 Transitional 以及 Frameset 。 </li></ul><ul><li>HTML5 并没有 DTD ,为了向后兼容,定义了在 text/html 中 doctype 是唯一的模式转换声明,除此外没有什么用处。其 doctype 如此简洁: <!DOCTYPE html> 。 </li></ul><ul><li>标准模式,最前沿的验证 <!DOCTYPE html> </li></ul><ul><li>过渡型 DOCTYPE 声明让你不必完全语义化标记就能让文档通过验证 ( http://validator.w3.org/ ) 。它允许文档包含诸如 i 、 b 和 center 等这些不推荐使用的表现性元素。 </li></ul>http://ued.koubei.com/?p=928 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/#xml
  7. 7. <ul><li>XHTML 的目标是取代 HTML 。 </li></ul><ul><li>XHTML 与 HTML 4.01 兼容,几乎是相同的。 </li></ul><ul><li>XHTML 是更严格更纯净的 HTML 版本。 </li></ul><ul><li>XHTML 是基于 XML 的应用 , 更简洁更严紧。 </li></ul><ul><li>XHTML 是一个 WEB 标准之一 。 </li></ul><ul><li>[ 不推荐使用 ] </li></ul>XHTML vs HTML
  8. 8. <ul><li>什么是 HTML5 ? </li></ul><ul><li>HTML5 将成为 HTML 、 XHTML 以及 HTML DOM 的新标准。 </li></ul><ul><li>HTML5 仍处于完善之中。大部分现代浏览器已经具备了某些 HTML5 支持。 </li></ul><ul><li>更多参考 http://www.w3school.com.cn/html5/html_5_intro.asp </li></ul><ul><li><!DOCTYPE html> 告诉浏览器编写页面所用的标记的版本是 HTML5 ,如果不支持则做降级处理,降级为 HTML4.01 标准模式或准标准模式。 </li></ul>
  9. 9. <ul><li>CSS 指层叠样式表 ( C ascading  S tyle  S heets) </li></ul><ul><li>样式定义 如何显示   HTML 元素 </li></ul><ul><li>样式表通常放置在 . CSS 文件或 HTML 文档的某一部分 , 通常为 head 区域 ( 外部和内部 ) </li></ul><ul><li>CSS 解决内容与表现分离的问题 </li></ul><ul><li>CSS 反提高页面浏览速度 , 易于维护和改版 </li></ul><ul><li>CSS 是 WEB 标准之一 </li></ul>
  10. 10. 更多简介 http://wenku.baidu.com/view/38f304254b35eefdc8d33327.html
  11. 11. <ul><li>不同浏览器下默认样式的存在差异 </li></ul><ul><li>Gecko 引擎 : resource://gre/res/html.css </li></ul><ul><li>http://lifesinger.org/blog/2009/03/reset-css-baigua/ </li></ul><ul><li>http://lifesinger.org/blog/2009/07/reset-css-tech/ </li></ul>
  12. 12. 请 看 下 集 && 提 问 时 间

×