跟我学html+css 第1章HTML的基本概念.ppt

,Click to edit Master title style,Click to edit Master text styles,第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,文件中，所有的标记都是相对应的，开头标记为,，结束标记为,，在这两个标记中间可添加属性、数值、嵌套结构等各种类型的内容。,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,练习,”,的页面。,