html课件(全)解读.ppt

HTML 全部内容 基本概念 HTML基本标识符 基本概念 HTTP：超文本传输协议 HTML：超文本标记语言 网页：用于存储网页信息的文件 网络服务器：用于存储网络文件的计算机 客户端：用于浏览网页的一端的计算机 浏览器：用于浏览网页的软件平台 浏览器类型：IE 、Netscape Navigator、MyIE等 用户如何从浏览器获得资源 基本概念 网络分类： 按照范围分：广域网(WAN)、城域网(MAN)、局域网(LAN) 按拓扑结构：总线型结构,星型结构,环形结构,网状结构 网络的拓扑结构是指网络中通信线路(揽线)和计算机、以及其他组件的物理布局。 概述 当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 　 概述 HTML标记是由 和 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 起始标记 ， / 结束标记 所构成 ) 。它是一种介于前台和后台的语言。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成以 .htm 或 .html 为文件后缀保存将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 如何保存一个HTML文件 HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后以 .htm或 .html 为文件后缀保存 编辑工具 FrontPage Dreamweaver 记事本 …… 关于设计模式的解释 C/S模式 B/S模式 MVC模式 C/S模式 C/S （Client/Server）结构，即大家熟知的客户机和服务器结构。 将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构 B/S模式 B/S（Browser/Server）结构即浏览器和服务器结构。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层3-tier结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。 MVC模式 MVC是一种目前广泛流行的软件设计模式，早在70年代，IBM就推出了Sanfronscisico项目计划，其实就是MVC设计模式的研究。近来，随着J2EE的成熟，它正在成为在J2EE平台上推荐的一种设计模型，也是广大Java开发者非常感兴趣的设计模型。 MVC英文即Model-View-Controller，即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离，这样一个应用被分成三个层——模型层、视图层、控制层。 HTML 语法示例1： 基本结构标识 html head /head body /body /html 注意：在HTML中是不分大小写的。 标记要书写规范，包括标记的缩进! HTML基本标识符 HTML文件基本架构 单标识 特殊标识 排版标识 字体标识 列表标识 表格框架表单标识 其他标识 HTML文件基本架构 HTML 文件开始 HEAD 标头区开始 TITLE.../TITLE 标题区 /HEAD 标头区结束 BODY 本文区开始 本文区内容 /BODY 本文区结束 /HTML 文件结束 HTML 网页文件格式。 HEAD 标头区 : 记录文件基本资料，如作者、编写时间。 TITLE 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 BODY 本文区 : 文件资料，即在浏览器上看到的网站内容 单标识 !-- -- 注意：c语言中的两种注释 br hr link img frame input bgsound meta base 特殊标识 P12-13 空格 nbsp; lt; gt; amp; “ quot; ‘ apos; ? copy ? reg; 排版标识 p/p br h1/h1h6/h6 pre/pre hr nobr不强行换行 HTML的文本编辑标记 p：段落标记 pre：预定标记 原封不动的保留空白区域 br：换行标