第1章HTML的基本概念.pptVIP

第1章 HTML的基本概念 随着网络的不断普及，网页已经被大多数人所熟悉。大家每天浏览的各大站点都是由一页一页的网页构成的。但是这些页面是怎样搭建起来的呢？又是怎样显示的呢？其实网页是由一种简单的标记语言HTML构成的。本章将讲解HTML的基本概念，以及开发HTML所使用的软件的相关知识。 1.1 什么是HTML HTML的英文全称是Hyper Text Markup Language，直译为超文本标记语言，它是全球广域网上描述网页内容和外观的标准。大家在浏览网页的时候可能注意到很多页面的后缀名为.html，事实上，HTML是一种因特网上较常见的网页制作标注性语言，它并不能算做一种程序语言，因为他缺少语言所应有的特征。HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排部展现在用户眼前。 1.2 HTML的发展历史 HTML的雏形是由蒂姆·本尼斯李创建的，用来解决科学家们共享网络信息的问题。最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为网络创建或转换文本，仅有不多的几个标签。 到现在为止，HTML已经发展到了比较成熟的HTML4.0版本，在这个版本下的语言中，规范更加统一，浏览器之间的兼容性也更加完好。 HTML包含了一对打开和关闭的标记，在当中并有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格、或图像。在本书中，主要讲解HTML语言各住属性和应用。 1.3 一个简单的HTML示例 一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素，在HTML中使用标签来分割并描述这些元素。一个HTML文件的基本结构如下： html 文件开始标记 head 文件头开始的标记 …… 文件头的内容 /head 文件头结束的标记 body 文件主体开始的标记 …… 文件主体的内容 /body 文件主体结束的标记 /html 文件结束标记 在HTML文件中，所有的标记都是相对应的，开头标记为 ，结束标记为/ ，在这两个标记中间可添加属性、数值、嵌套结构等各种类型的内容。 1.4 HTML与网页的关系 HTML的代码并不直接显示在网页上，而是通过某种对应的关系以网页的形式显示出来。HTML代码的作用就是建立起网页内容与最终效果之间的关系，并通过对这些关系的调整达到构建和美化内容的目的。平时所看到的网页当然还要比这个复杂的多，在以后的学习要不断总结，就能做出精美的网页了。 1.5 用什么来编写和开发HTML Dreamweaver是最常见的编写HTML的工具，这个工具里可以随心所欲的编写代码、设计网站网页以及进行高级开发。无论是喜欢手写HTML代码还是习惯于可视化环境，Dreamweaver都是能提供方便快捷、功能强大的工具，。在易用、创新、规范等优点的基础上，Dreamweaver还拥有更先进的网页布局和设计环境以及更为强大的代码编辑功能等卓越特性。 1.5.1 标题栏 标题栏主要包括Dreamweaver标记、应用程序的名称、当前正在编辑文档的标题和名称等信息，还包括最小化按钮、最大化按钮以及关闭按钮。注意，文档的标题和文档的文件名称是不同的概念。 1.5.2 插入栏 对于一些经常使用的操作，如从菜单项中选择还是很不方便。插入栏是Dreamweaver提供的一些菜单命令的快捷方法，其按钮一般都和菜单中的命令相对应，运用插入栏可以更方便快捷。插入栏集成了多种网页元素，包括图像、文字等等，默认的插入栏中的各种选项是隐藏起来的。 1.5.3 文档工具栏 “文档”工具栏包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些常用操作（如浏览器中预览）。 1.5.4 实例练习 下面在Dreamweaver中可以直接书写HTML的代码，通过一个HTML小实例进行说明。 1.6 本章习题 1．HTML编写的页面要在什么环境下才能显示？ 2．使用Dreamweaver软件制作内容为“进入HTML的世界”，文档名称为“index”，标题为“HTML练习”的页面。