第2讲 HTML基础(选讲).ppt

第2章 HTML基础（选讲） 教师：陈海挺 chenht80@ HTML简介 什么是HTML HyperText Markup Language超文本标记语言，并不是一种程序，它只是一种控制网页中资料显示的标记语言，就是指定如何在浏览器中显示网页，易学易懂，非常简单。 HTML作用 HTML中定义了一系列标签，这些标签用于控制网页出版的文档格式、字符格式、段落格式等，还包括为达到网页交互效果而对脚本语言、Java小程序。 在一个HTML编写的Web页中，可以链接图形、图像、声音等多媒体文件，并且可通过超级链接与Internet上的其他计算机和服务器中的信息相连接。 HTML文档编辑环境 根据HTML语法所写出来的文件称为HTML文件。因为HTML是一个文本文件，所以可以使用任何一个文本编辑器进行编写，它通过浏览器来解释执行。我们一般采用纯文本文档编辑器（记事本、UltraEdit）。HTML文件在保存时，需保存为纯文本文件，并用.html或.htm作为扩展名。完成后将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 一、HTML的基本结构 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML 　　　HEAD　　　　　　头 部 信 息　　　/HEAD 　　　BODY　　　　　文 档 主 体， 正 文 部 分　 /BODY /HTML 范例：html head title第一节课/title /head body 欢迎大家来到银河学习! /body /html 二、超文本中的标签 用“”和“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素 。1.单标签　　某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是： 标签名称 最常用的单标签是BR，它表示换行 ，hr，它表示插入一行水平线。 2.双标签　　另一类标记称为“双标签”，它由“开始标签”和“结束标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 　　　　　　　　　　　　　标签 内 容/ 标签 　　其中“内容” 部分就是要被这对标记施加作用的部分。例如粗体显示文本： 　　　　　　　　　　　　　　strong粗体显示/strong 3.标签属性 　　 许多单标记和双标记的始标记内可以包含一些属性， 其语法是： 　　　　　　　　 标签名字 属性1 属性2 属性3 … 　　 各属性之间无先后次序，属性也可省略（即取默认值） 三、页面布局及文字设计 换行br在编写HTML文件时，编写者根据自己的需要在要换行的地方，应加上br标签。 范例一：没有换行显示效果htmlheadtitle无换行示例/title/head body网页美工图像处理，GIF动画完成网页广告，网站LOGO图像设计等利用FIREWORKS设计网页美工效果图/body /html范例二：换行的显示效果 三、页面布局及文字设计 段落标签p 为了排列的整齐、清晰，文字段落之间，我们常用P/P来做标记。文件段落的开始由P来标记，段落的结束由/P来标记，/P是可以省略的，因为下一个P的开始就意味着上一个P的结束。范例：htmlheadtitle/title/headbody p第一部分br 数码艺术设计，网页三剑客，三维设计，数码视频设计，套餐组合br 街道口校区：武汉市洪山区武珞路720号（省军区正对面）br 鉴湖校区：武汉理工大学西院南门 p第二部分br 数码艺术设计，网页三剑客，三维设计，数码视频设计，套餐组合br 街道口校区：武汉市洪山区武珞路720号（省军区正对面）br 鉴湖校区：武汉理工大学西院南门 /body /html 三、页面布局及文字设计 水平线段hr这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。HR有三个属性：　　　size　水平线的粗细；　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示；　　　align 水平线的对齐方式，有”LEFT”,” RIG