第1章 HTML文档基本操作.pptVIP

第1章 HTML文档基本操作 教学目标 HTML是构建Web页面的一种标记语言，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，较为简单。 教学要求 学习重点 Html标记语言的定义、作用和属性 使用工具编写HTML文档 调试HTML文档，用浏览器浏览效果 本章目录 1.1 ?【案例1】简单的HTML文档 1.2 ?【案例2】 HTML文档的常用标记 1.3 综合实训 1.1 ?【案例1】案例效果 使用“记事本”编写如图1.1所示的简单的HTML文档 。 代码设计 主要代码如下： html head title案例1 简单的html文档/title /head body 欢迎学习HTML标记语言。 /body /html 相关知识 Html语言概况 HTML为超文本标记语言(Hyper Text Markup Language)，是用于描述Web页面的格式设计的符号标记语言。通过浏览器识别由HTML标记按照某些规则构成的HTML程序文件，并将HMTL文件翻译成可以识别的信息，即Web网页。 相关知识 编写HTML语言的工具 HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个Web浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序；Web浏览器是用来打开Web网页文件，提供给我们查看Web资源的客户端程序。 1.2 ?【案例2】案例效果 使用Dreamweaver 8.0编写如图1.3所示的简单的HTML文档 。 代码设计 在Dreamweaver8.0的工作区域中输入html代码，并将代码文件保存为“案例2.html” 。 左框架中包含的热点超链接标记为： map name=”Map id=Maparea shape=rect coords=50,92,124,112 href=园舍一角.html target=mainFrame / /map 相关知识 标记用于控制 HTML 文档的内容和外观 HTML 文档由三部分组成：HTML 部分 、头部分和正文部分 可以指定从 H1 到 H6 不同大小的标题 BODY 标记用于执行正文部分。BODY 元素的 BGCOLOR 属性决定网页的背景颜色 P 标记用于标记段落的开始。此标记拥有属性ALIGN，它的值包括 LEFT、RIGHT、CENTER 1.3 综合实训 用文字、超链接、图片等标记，综合创建网页，综合效果图如图2.7所示。 代码设计 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title综合实训练习/title /head body pimg src=images/INDEX_01.JPG width=778 height=209 / div id=Layer3img src=images/INDEX_02.JPG width=186 height=74 //div div id=Layer4 … p /body /html * * 图1.1 用“记事本”编写的html程序 图1.3 使用Dreamweaver8.0编写Html文档 图1.11 综合实训案例运行效果图