亚维JAVA培训课件chapter1.pptVIP

Page ? * 第一课 HTML基础 课程目标 学完本门课程后，你能够： 能制作界面美观大方、面向企业应用的静态商业网站 不含动态脚本功能 本课目标 了解什么是静态网站 了解什么是HTML和HTML标记 了解HTML文件的基本架构 了解html和htm的区别 什么是静态网站 HTML格式的网页通常被称为“静态网页” 静态网页的特点： 每个页面都有一个固定的地址(URL) 每个网页的URL都是以.htm、.html、.shtml等常见形式为后缀 静态网页是实实在在保存在服务器上的文件 每个网页都是一个独立的文件 静态网页的内容相对稳定，因此容易被搜索引擎检索 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难 静态网页的交互性差，在功能方面有较大的限制 HTML和HTML标记 HTML : 超文本标记语言 是一种建立网页文件的语言，透过标记式的指令(Tag)，将影像、声音、图片、文字等连接在一起，进行显示。 演示效果 HTML标记：由 和 括起来的指令。 单标记指令: 指令名/ 双标记指令: 标记名 ……/标记名 HTML(HyperText Markup Language) HTML文件的基本架构 html head title标题部分/title /head body 内容显示部分， 可以插入： flash ，图片，声音，文本 /body /html html:网页文件格式head:标头区：记录文件基本资料，如：作者，时间等title：标题部分，在浏览器的标题部分可以看到body:文本区，即在浏览器上看到的网站内容注意：通常一份HTML网页文件包含两部分：head…/head 标头区body…/body文本区。而：html和/html仅代表是网页格式的文件 演示源代码 HTML文件的基本架构 html和htm的区别 实际上HTM与HTML没有本质意义的区别，只是为了满足DOS操作系统仅能识别8+3的文件名而已，因为一些老的系统不能识别后缀四位的文件名。 浏览器能自动识别和打开这些文件，但编写网页地址的时候必须是完全对应的，也就是说index.htm和index.html是两个不同的文件，对应着不同的地址。 index.html index.htm 总结 什么是静态网站? 什么是HTML和HTML标记? HTML文件的基本架构是怎样？ html 和 htm的区别是什么？ * Page ? * *