网页制作与HTML语言课件.ppt

网页制作与HTML语言 基本概念 万维网 站点与网站 HTML 动态HTML CSS ASP (PHP ,JSP) Javascript (VBscript) CGI 网页制作基本步骤 站点创建 主页创建 创建网页基本元素 利用表单增加交互 网页中使用表格 网页制作原则 尽心筹划 尽量精简 尽量简朴 善用图片 使主页易于漫游 重点突出 循环利用现有信息 保持新鲜感 吸引用户浏览 /html/index.asp 在线编辑测试结果 一、 HTML的概述 HTML(Hypertext Marked Language)，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准. 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作万维网的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。 一、 HTML的概述 所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。 通过HTML可以表现出丰富多彩的设计风格、实现页面之间的跳转 、展现多媒体的效果。 HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序。 二、 HTML的基本结构 一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写. HTML用标签来规定元素的属性和它在文件中的位置。 HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 简单实例 下面是一个最基本的html文档的代码:1－1.html HTML ----------------------------------------〉??? ?开始标签HEAD ? --------------------------------------TITLE 一个简单的HTML示例 /TITLE?? ? ? ? ? ? |???? 头部标签/HEAD? -------------------------------------- BODY --------------------------------------- CENTER??????????????????????????????????? ? | H1欢迎光临我的主页/H1?????????????? ????????| BR?????????????????????????????????????????? |HR????????????????????????????????????????? ?|???? 文件主体FONT SIZE= 7 COLOR= red???????????? ???????| 这是我第一次做主页??????????????????????????? | /FONT?????????????????????????????????????? ?| /CENTER???????????????????????????????????? ?| /BODY ---------------------------------------/HTML ---------------------------------------???? 结尾标签 三、?HTML的标签与属性 用“”和 “”括起来的句