最初的网页都是靠编写HTML代码实现的,现在有了很多功能.pptVIP

最初的网页都是靠编写HTML代码实现的，现在有了很多功能强大的网页编辑软件，如Dreamweaver、Frontpage等，使网页制作变得很简单。但是学习HTML语言还是很有必要的。当网页做得很复杂时往往会出现一些错误，通过常规方法已无法纠正，这时候就只能通过修改源代码来改正这些错误了。对于想写脚本语言程序或者服务器端脚本的人来说，就更需要了解HTML语言。 HTML（Hypertext Markup Language）是一种Web网页元素的标记语言规范，称为超文本标记语言。所谓“超文本”，是指页面内可以包含图像、链接、多媒体对象、程序等非文本元素。所谓“标记”，是指它不是程序语言，而是由文字和标签组合而成。HTML文件是纯文本文件，可以由任意文本编辑器编写，文件的扩展名为“html”。 一般的HTML由标签、代码、注释组成。 HTML标签的基本格式是： 标签页面内容/标签 HTML语言中涉及的标签相当多，对于初次接触它的读者来说，只需掌握一些常用的标签。在今后的学习过程中，再逐渐深入学习。 1．文本 2．标题 3．图像 4．链接 5．表格 html !--元素定义了整个 HTML 文档-- body bgcolor=yellow p这是我的第一个网页。/p !--定义段落-- h1标题1/h1 !-- h1 to h6：定义 HTML 标题-- h2标题2/h2 h3标题3/h3 br/ !--换行-- hr/ !--水平线-- a href=“/”新浪网/a !--超级链接-- img src=“w3school.jpg” width=“104” height=“142” / ! --定义图像-- table border=“1” ! --表-- tr ! --表中的行-- tdrow 1, cell 1/td ! –行中的单元格-- tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table /body /html 一个网页无论看上去多么精致漂亮，其实质都是由HTML语言组成的。本节将学习如何查看网页的源代码以及在Dreamweaver cs4中几种查看源代码的方法。 查看别人网页的源代码是学习HTML语言的一种很好方式，其操作步骤也非常简单。 在IE浏览器中的地址栏输入网址“”，打开新浪的首页，如图5.7所示。 单击“查看”|“源文件”命令菜单，此时网页的源代码以记事本的形式打开，如图5.8所示。 5.2.1小节介绍了在IE中如何查看网页的源代码，在Dreamweaver cs4中可以通过多种方式查看当前文档的源代码。本小节将介绍以下几种常用方式：通过拆分“文档”窗口同时显示页面和代码；打开“代码”视图在“文档”窗口中显示源代码；在代码检查器中查看源代码。 学习HTML有一个很好的方法，就是在Dreamweaver中边学边练。 Dreamweaver的所见即所得的特性，可以使我们很容易地学习HTML语法。 要编辑少量的HTML标签，用户可以使用“快速标签编辑器”，在任意时刻实现对源代码的修改，而无需打开HTML源代码面板。“快速标签编辑器”有三种工作模式：编辑标签模式，插入HTML模式，环绕标签模式。根据在“编辑区”中选择的插入点或选中的部分不同，“快速标签编辑器”会启用不同的工作模式。 修改-快速标签编辑器 可以使用代码视图编辑HTML内容