动态网页制作–HTML.ppt

HTML+CSS+JAVA 动态网页制作 学习目标 掌握HTML基本概念、格式，理解其与网页的关系； 掌握常见HTML TAG（标签）的作用与用法； 能看懂普通网页的源代码，并能根据要求在文本编辑器中做适当修改。 HTML语言的概念 概念：HTML语言（Hyper Text MarkUp Language，中文叫做“超文本标记语言”。 ） 作用：是WWW（万维网）上的通用语言，网页几乎都是用HTML语言描述、编辑和传递的。 常见的HTML标签 基本结构标签 Html标记：html/html 头部信息：head/head 主体标记：body/body 文字标签 p/p一个段落，对应的编辑操作是回车 br紧凑换行,对应的编辑操作是按shift+回车 文字风格标签 font/font定义字体 可加参数有:face、size、color 等 b/b加粗 u/u下划线 i/i斜体 查看网页代码 查看正在Frontpage中编辑的网页：在Frontpage中点“HTML” 查看正在IE中浏览的网页:IE窗口中“查看”菜单?“源文件” * * * * * * DHTML+ASP Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 静态网页与动态网页的区别: 网页类别 动态 静态 是否需要实时生成 有交互功能,能响应用户请求 风格灵活多样 有无动画 是 否 是 否 一般 灵活 有 有 静态网页与动态网页的区别: 在于网页的交互功能，不只是指动画和动态效果。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 学习方法建议： 1、首先掌握HTML主体结构； 2、逐步学习各类标签的作用及常用属性设置； 例如：p align=“left”显示文字内容/p 3、通过自学、讨论，不断积累，并灵活运用。 对齐方式属性名 对齐方式属性值 = Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. html head meta name=“description” content=“机器人网站 meta name=“keywords” content=“机器人,学习 meta name=“author” content=“站长稻草人 title欢迎进入机器人做学玩网站/title /head body 欢迎进入机器人做学玩网站 /body /html 网页代码开始 网页代码结束 头部代码开始 头部代码结束 标题部分代码 主体代码开始 主体代码结束 头 部 主 体 HTML语言的特点： 1、包含在标签名中的标签语言； 2、大多成对出现，以标签名开始，以/标签名结束； 3、书写上不区分大小写，可以在同一行也可不同行，中间留空不限； 4、所用标点符号为英文符号。 一个完整网页的HTML结构 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 图片标签 img src=”图片文件的路径及文件名” 可加参数有：border、width、height等 表格标签 table/table表格标记 tr/tr表格的一行 td/td单元格 超级链接标签 a href=”链接路径及文件名”链接文字/a 设置背景颜色 在body中加 bgcolor=“……“参数 加背景音乐:在head区中写 bgsound src=“音乐文件路径及文件名” 框架设置frameset /frameset 表单 form /form Evaluation only. Cr