《HTMLCSS和JavaScript》由会员分享，可在线阅读，更多相关《HTMLCSS和JavaScript（14页珍藏版）》请在金锄头文库上搜索。
1、HTMLHTML、CSSCSS和和和和JavaScriptJavaScript2021/7/11因特网、因特网、Web和和HTML因特网是相互连接的计算机的集合因特网是相互连接的计算机的集合万维网（万维网（www worldwide web）是虚拟的。它无数不断变）是虚拟的。它无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网的化的、种类不同的文档的集合，这些文档驻留在因特网的某个地方，都是用某种形式的某个地方，都是用某种形式的HTML 编写的。编写的。HTML（超文本标记语言）有两个基本特性（超文本标记语言）有两个基本特性超文本和普超文本和普适性适性什么是什么是HTML2021/7/
2、1超文本和普适性超文本和普适性超文本：意味着可以在网页中创建一个链接，从而将访问超文本：意味着可以在网页中创建一个链接，从而将访问者链接到其他任何网页，实际上可以链接到因特网上的任者链接到其他任何网页，实际上可以链接到因特网上的任何东西何东西普适性：因为普适性：因为HTML 文档保存为纯文本文件，所以实际上文档保存为纯文本文件，所以实际上任何计算机都可以读取网页。任何计算机都可以读取网页。什么是什么是HTML2021/7/1HTML需要的工具需要的工具TXT、WordUltraEdit、EditPlus网页三剑客（网页三剑客（Dreamweaver，Photoshop/Fireworks ，F
3、lash）什么是什么是HTML2021/7/1CSS：层叠样式表：层叠样式表(Cascading Style Sheets)，样式，样式定义如何显示定义如何显示HTML元素，样式通常存储在样式表中，元素，样式通常存储在样式表中，把样式添加到把样式添加到 HTML 4.0 中，是为了解决内容与表中，是为了解决内容与表现分离的问题。外部样式表可以极大提高工作效率。现分离的问题。外部样式表可以极大提高工作效率。什么是什么是CSS2021/7/1CSS的优势：的优势：1：表现和内容相分离：将设计部分剥离出来放在一个独立：表现和内容相分离：将设计部分剥离出来放在一个独立样式文件中，样式文件中，HTML文
4、件中只存放文本信息。这样的页面对文件中只存放文本信息。这样的页面对搜索引擎更加友好。搜索引擎更加友好。2：提高页面浏览速度：对于同一个页面视觉效果，采用：提高页面浏览速度：对于同一个页面视觉效果，采用CSS布局的页面容量要比布局的页面容量要比TABLE编码的页面文件容量小得编码的页面文件容量小得多，前者一般只有后者的多，前者一般只有后者的1/2大小。浏览器就不用去编译大大小。浏览器就不用去编译大量冗长的标签。量冗长的标签。3：易于维护和改版：你只要简单的修改几个：易于维护和改版：你只要简单的修改几个CSS文件就可文件就可以重新设计整个网站的页面。以重新设计整个网站的页面。4: 使用使用CSS布
5、局更符合现在的布局更符合现在的W3C标准标准. 什么是什么是CSS2021/7/1XHTML：同时具有：同时具有HTML 和和XML 两者优点的语言两者优点的语言 XHTML = XML + HTML什么是什么是XHTML2021/7/1XML概述概述可扩展标记性语言可扩展标记性语言XML用于描述数据用于描述数据 张靓靓张靓靓 20 唱歌歌唱歌歌 周杰杰周杰杰 22 耍双节棍棍耍双节棍棍描述的内容描述的内容一目了然一目了然 节点成对出现节点成对出现eXtensible Markup Language 可自由扩展：加入性可自由扩展：加入性别或者身高别或者身高节点区分大小写节点区分大小写所以所以X
6、HTML要关注大小写！要关注大小写！ XHTML危险吗？危险吗？ 2021/7/1站点越大，使用站点越大，使用CSS 和和XHTML 的重要性就越高。的重要性就越高。CSS 允许跨整个站点轻松地应用、编辑和更新格式允许跨整个站点轻松地应用、编辑和更新格式化；化；XHTML 为页面提供所需的结构，确保它能够为页面提供所需的结构，确保它能够适应未来的需要。适应未来的需要。许多公司和政府机构（包括美国政府）要求网页满许多公司和政府机构（包括美国政府）要求网页满足特定的可访问性需求，让残疾人也能够访问网站。足特定的可访问性需求，让残疾人也能够访问网站。在这种情况下，应该尽可能符合严格型在这种情况下，应
7、该尽可能符合严格型XHTML，并且用并且用CSS 进行格式化。一定要了解公司或政府机进行格式化。一定要了解公司或政府机构对网站的具体要求。构对网站的具体要求。在在HTML、XHTML和和CSS之间进行选择之间进行选择2021/7/1大型商务站点希望接触尽可能广泛的访问者，因此大型商务站点希望接触尽可能广泛的访问者，因此可能会选择过渡型可能会选择过渡型XHTML，从而可以利用一些得，从而可以利用一些得到广泛支持的废弃标记，同时又从到广泛支持的废弃标记，同时又从XHTML 坚固的坚固的稳定性获益。随着这些站点的发展，它们很可能转稳定性获益。随着这些站点的发展，它们很可能转而使用更强大的而使用更强大
8、的CSS。小型站点或个人站点可能希望同时利用小型站点或个人站点可能希望同时利用HTML 的简的简单语法和单语法和CSS 强大的格式化功能，而且在需要时使强大的格式化功能，而且在需要时使用废弃标记。用废弃标记。在在HTML、XHTML和和CSS之间进行选择之间进行选择2021/7/1点击浏览器窗口的菜单栏点击浏览器窗口的菜单栏查看查看源代码源代码点击页面空白区点击页面空白区右击右击源代码；源代码；如何查看网页源代码如何查看网页源代码2021/7/1然后回弹出记事簿文件：（显示出页面的然后回弹出记事簿文件：（显示出页面的HTML 代代码）码）如何查看网页源代码如何查看网页源代码2021/7/12021/7/1 结束语结束语若有不当之处，请指正，谢谢！若有不当之处，请指正，谢谢！
