第1章HTML基础汇总.ppt

教学内容：在当今社会中，网络已成为人们生活的一部分，网页设计技术已成为学习计算机的重要内容之一。目前大部分网页都采用可视化网页编辑软件来制作的，但是无论采用哪一种网页编辑软件，最后都是将所设计的网页转化为HTML。HTML是搭建网页的基础语言，如果不了解HTML，就不能灵活地实现想要的网页效果。本章就来介绍HTML的基本概念和编写方法以及浏览HTML文件的方法，使读者对HTML有个初步的了解，从而为后面的学习打下基础。 第1章 HTML基础 教学重点 了解HTML的基本概念 掌握HTML文件的编写方法 掌握使用浏览器浏览HTML文件 1.1 HTML的基本概念 HTML的英文全称是Hyper Text Markup Language，它是网页超文本标记语言，也是全球广域网上描述网页内容和外观的标准。 1.1.1 HTML简介 HTML作为一款标记语言，本身不能显示在浏览器中。标记语言经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化，从单一的文本显示功能到多功能互动，许多特性经过多年的完善，已经成为了一款非常成熟的标记语言。 完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。 1.1.2 HTML文件的基本结构 HTML定义了以下3种标记，用于描述页面的整体结构。 !doctype html：告知浏览器文档所使用的HTML规范。 html标记：它放在HTML的开头，表示网页文档的开始。 head标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，其结束标记/head指明文档标题部分的结束。 1.1.3 认识HTML标记 HTML文件的编写方法有两种，一种是利用记事本编写；另一种是在Dreamweaver中编写HTML代码 。 1.2 HTML文件的编写方法 HTML是一款以文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名，将HTML源代码输入到记事本并保存之后，可以在浏览器中打开文档以查看其效果 。 1.2.1 使用记事本手工编写HTML 1.2.2 使用Dreamweaver编写HTML文件 使用Dreamweaver创建HTML文件，具体操作步骤如下 。 1.3 使用浏览器浏览HTML文件 1.3.1 查看网页效果 打开index.htm文件，在IE浏览器窗口中可以看到编辑的HTML页面效果。 1.3.2 查看源文件 在页面空白处，单击鼠标右键，在弹出的快捷菜单中选择【查看源文件】选项； 在页面空白处，单击一次鼠标左键，按下键盘上最下边一行的【右键】快捷键，选择【查看源文件】选项； 在浏览器菜单栏上，选择【查看】|【源文件】命令，可以查看源文件。 1.4经典习题 1.填空题 （1）标记符通常都是成对使用，有一个__________和一个__________。结束标记只是在开头标记的前面加一个__________。当浏览器收到HTML文件后，就会解释里面的标记符，然后把标记符相对应的功能表达出来。 （2）HTML是超文本标记语言，主要通过各种标记来标示和排列各对象，通常由尖括号_________、_________以及其中所包含的标记元素组成 。 2. 操作题 （1）用IE浏览器打开网上的任意一个网页，选择“查看”|“源文件”命令，在打开的记事本中查看各代码，并试着与浏览器中的内容进行对照。 （2）分别利用记事本和Dreamweaver创建一个简单的HTML网页 。 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * * * *