HTML言概述81.ppt

第4章 HTML语言概述 主要内容 网页程序基本结构 HTML基本标记 4.1网页程序的基本结构 4.1.1网页程序概述 网页程序：包括网页文件、程序文件。 网页文件：负责管理客户端互联网网页页面的布局与效果，以及接收客户端用户输入的数据，涉及的文件有htm、html、css、xml。 程序文件：负责服务器端的数据处理，并返回处理结果至客户端，涉及的文件php、jsp、perl。 网站工作原理图 网页文件保存位置与运行 网页文件保存位置 c:/appserv/www 运行网页文件 方法一：/网页文件名 例：/index.htm 方法二：http://计算机名/网页文件名(推荐) 例：http://nbxp/index.htm 网页文件编辑工具 必须使用纯文本编辑软件。 如：Windows本身携带的记事本工具。 可以选用网页文件专用编辑软件。 如：frontpage、dreamweaver。 其中dreamweaver软件采用所见即所得的方式，并且具有在线提示功能。 网页文件扩展名 网页文件的扩展名为htm。 动态网页的扩展名为php。 4.1.2网页程序框架 html网页程序的框架：由html作为主体，其中head部分构成网页文件头、 body部分构成网页文件体。 网页文件中的每一个语句模块由一个开始标记和一个结束标记括起来。开始标记与结束标记必须配对使用。 每一对标记可以嵌套使用，但是不能交叉使用。 html文件框架例题 html文件名：myfirst.htm 使用dreamweaver编辑myfirst.htm文件，并将其保存在c:/appserv/www文件夹下。 具体操作： 运行dreamweaver。 单击“文件”- “新建”。 选择“基本页”-”HTML”。 单击“创建”。 进入dreamweaver。 打开带基本模版的空白网页文件。 添加基本内容。 框架模版例题 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title我的第一个网页标题/title /head body 我的第一个网页内容 /body /html 运行myfirst.htm网页文件 打开IE浏览器。 在地址栏 输入默认ip：/myfirst.htm 输入计算机名：http://nbxp/myfirst.htm 输入网站ip：2/myfirst.htm 4.2HTML的基本标记 4.2.1html与/html标记 html网页文件开始标记。 /html网页文件结束标记。 语句格式： html 网页文件内容 /html 4.2HTML的基本标记 4.2.2head与/head标记 head网页文件头部开始标记。 /head网页文件头部结束标记。 语句格式： html head 网页文件头（head）部内容 /head /html 4.2HTML的基本标记 4.2.3title与/title标记 title网页文件头部标题开始标记。 /title网页文件头部标题结束标记。 语句格式： html head title网页页面标题/title /head /html 4.2HTML的基本标记 4.2.4meta标记 meta是一个单标记。用于指定字符集，指定作者。 语句格式： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title网页页面标题/title /head /html 4.2HTML的基本标记 4.2.5!- , -标记 注释标记!-为注释的开始 , -为注释的结束。系统不处理注释内容。 语句格式： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 !- meta标记不要修改，保留默认值 - title网页页面标题/title /head /html 4.2HTML的基本标记 4.2.3body与/body标记 body网页文件体部开始标记。 /body网页文件体部结束标记。 语句格式： html head title网页页面标题/title /head body 体部内容 /body /html 4.2HTML的基本标记 4.2.3body与/body标记选项 bgcolor：背景色，=“#CCCCCC” text:网页上的文字颜色，=“#FF0000” link:没有打开过的链接的