学习版第2章 HTML、XHTML标准.ppt

常见的html标记的属性 公共属性： align（对齐方式），border（边框），title（提示文字），src（链接的文件路径），style（引入CSS行内样式），id，name 特有属性：a href（链接的目标），target（窗口打开方式） input type（元素的类型），size（含义依据type而不同） html存在的问题和web标准 HTML语言最开始是用来描述文档的结构的，如标题，段落等标记，后来因为人们还想用它控制文档的外观，HTML又增加了一些控制字体，对齐等方面的标记和属性，这样做的结果是HTML既可以用来描述文档的结构，又能表示文档的外观，但是两方面都描述不好。 于是人们想出了web标准，即结构和表现分离，网页由结构，表现和行为组成。 XHTML是在HTML4.0的基础上，用XML的规则对其进行扩展，一种为了适应XML而重新改造的HTML。用HTML的新版本XHTML描述文档的结构，用CSS控制文档的表现，因此XHTML和CSS就是内容和形式的关系，由XHTML确定网页的内容，而通过CSS来决定页面的表现形式。 XML是The Extensible Markup Language(可扩展标识语言)的简写。是一种能定义其他语言的语言， 用于网络数据的转换和描述 。 什么是web标准？ 表格布局的网页（例子：18-20） DIV+CSS布局的页面 例子：背景应用（样式1.jpg~样式3.jpg） DIV+CSS的优与弊 同样的网页内容，不同的表现形式 2 4 3 3 1 4 2 1 内容文件.html(含有四块div)，形式文件.css 例子参见：样式1.jpg~样式3.jpg Web标准 网页由结构，表现和行为组成， 1．内容：内容就是页面实际要传达的真正信息，包含数据、文档或者图片等。注意这里强调的“真正”，是指纯粹的数据信息本身。 如：忆江南(1)唐.白居易江南好，风景旧曾谙。(2)日出江花红胜火，春来江水绿如蓝，(3)能不忆江南。作者介绍772－846 ，字乐天，太原人。唐德宗朝进士 2．结构：可以看到上面的文本信息本身已经完整。但是混乱一团，难以阅读和理解，我们必须给它格式化一下。把它分成标题、作者、章、节、段落和列表等。 Web标准－结构 标题 忆江南(1)作者 唐.白居易正文江南好，风景旧曾谙。(2)日出江花红胜火，春来江水绿如蓝，(3)能不忆江南。节1作者介绍772－846 ，字乐天，太原人。唐德宗朝进士 Web标准－表现 表现（Presentation）：虽然定义了结构，但是内容还是原来的样式没有改变，例如标题字体没有变大，正文的颜色也没有变化，没有背景，没有修饰。所有这些用来改变内容外观的东西，我们称之为“表现” 行为 行为：就是对内容的交互及操作效果。例如，使用JavaScript可以响应鼠标的点击和移动，可以判断一些表单提交，使我们的操作能和网页进行交互。 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 精选 课件 第二章 HTML、XHTML与Web标准 浏览器看到的是什么? 浏览者看到的google首页 浏览器看到的google首页 浏览器将读取到的页面代码, 翻译成可以被人们阅读的图片文字声音和动画, 这个过程被称为”解释”或”渲染”, 为了确保在各种不同的浏览器中我们都能获得 一致的页面效果, 页面设计兼容性问题是非常重要和关键的. 网 页 网页即是超文本，是通过超文本标记语言HTML（HypeText Markup Language）书写的一种纯文本文件， 客户通过浏览器看到的包含了如文字、图像、声音和动画等多媒体信息的每一个页面，其本质是一个纯文本文件。 浏览器对该纯文本文件进行了解释，才生成了多姿多彩的网页，除文本外，其它媒体素材（图像、声音、动画和影像等），都需要保存成单独的文件，通过URL嵌入到网页文件中。 可以看出，WWW服务主要是通过一个个多媒体网页提供给用户各种信息 HTML超文本标记语言 超文本标记语言HTML作为一种语言，它具有语言的一般特征，即它是一种符号系统，具有自己的词汇（符号）和语法（规则）。 所谓标记，就是作记号。如我们写文章时通常用大体字标记文章的标题，用换行空两格标记一个段落 所谓超文本，就是相比普通文本有超越的地方，如超文本可以通过超链接转到指定的某一页，而普通文本只能一页页翻，超文本还具有图像，视频，声音等元素，并能和用户交互，这些都是普通文本无法达到的 用HTML语言写出第一张网页 【例1-1】使用记事本输入，保存为1_1.htm html !--表示这是HTML文件-- head　 !--文件的题目