第3章HTML语言控制.ppt

第3章 HTML语言控制 本章教学目标： HTML是创建网页时使用的语言，是网页设计的基础，虽然使用Dreamweaver可以不写一句代码就能设计出漂亮的网页，但理解和掌握HTML对网页设计大有裨益。本章主要介绍HTML的相关知识，包括什么是HTML及其基本语法、如何定制及清理多余的HTML代码，以及在各种环境中编辑HTML代码的方法。 教学重点与难点： 1. HTML的基本语法 2. 使用代码检查器 3. 设置HTML代码参数 4. 清理多余的HTML代码 5. 编辑HTML代码 3.1 什么是HTML HTML是创建网页时使用的语言。 HTML并不是一种程序设计语言，而是一种页面描述性语言。它通过各种标签描述不同的内容，说明段落、标题、图像及字体等在浏览器中的显示效果。 当用户使用网页浏览器(例如IE)阅读HTML文件时，浏览器将插入到HTML文本中的各种标签解释为需要显示的内容。 Dreamweaver通过“代码检查器”面板、“代码”视图与快速标签编辑器等为HTML提供了通道，为喜欢手写HTML语言编辑网页的用户创造了全方位的代码编辑环境。 3.2 HTML的基本语法 HTML语言由标签和文本组成，其实质是一个基于文本的编码标准，用于指示网页浏览器以什么方式显示信息。下面简单介绍HTML的基本语法: 1. HTML标签 2. head标签 3. title标签 4. body标签 Meta标签 META标签，是HTML语言HEAD区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码： ＜head＞ ＜meta http-equiv=Content-Type content=texthtml; charset=gb2312＞ ＜head＞ 这就是META标签的典型应用，标识page所采用的编码类型,指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据HTML语言标准注释：META标签是对网站发展非常重要的标签，它可以用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等。 例3.1效果图 源代码： !e网情深 html head title心情快递/title /head body background=../My%20Pictures/b_pic8.jpg !背景图片的文件名为backpic.jpg，和该网页保存在同一目录中 h2 align=center祝天下所有人中秋节快乐!/h2 center pa href=libai.htm心怡/a/p font size=4; color=“#400080”; face=华文中宋font color=#660000人有悲欢离合br 月有阴晴圆缺br 此事古难全br 但愿人常久br 千里共婵娟br br 预祝朋友们中秋节快乐！br 不论你家在何方,身在何处,只要你健康快乐,就是家人的幸福和希望。br 愿网络连结起我们心灵的桥梁!/fontbr /font /center /body /html 3.3 使用代码检查器 “代码检查器”面板可以显示当前文档的源代码，并且将按照HTML颜色参数中的设置显示各种标记的颜色。修改的页面内容将立即显示在“代码检查器”面板中。对于不太了解HTML语法的用户来说，“代码检查器”面板是一个非常实用的HTML工具。 3.3.1 认识“代码检查器”面板（窗口|代码检查器） 3.3.2 “代码检查器”面板的功能 “代码检查器”面板的主要功能如下： 1. 默认情况下，重新编写某些重叠的标签，关闭不允许保持打开状态的标签。 2. 使用黄色标识出无效的HTML代码(即不支持的HTML)。 3. 对无法识别的标记不做任何修改(包括XML标记)，因为没有 任何标准可以判断标记是否有效。 4. 不改变ColdFusion语言(简称CFML)或Microsoft Active Server Pages (Microsoft活动服务器页，简称ASP)标记，在文档窗口中会显示图标以标识CFML与ASP的代码块。 5. 允许HTML代码编辑器编辑当前文本，它综合了HomeSite、ColdFusion(针对Windows)与BBEdit(针对Macintosh)等3种编辑器的功能和特性。 3.3.3 设置“代码检查器”面板 代码