第2章 HTML和XML.ppt

XML语法 元素：标签 文本内容 /标签 处理指令：?xml version= 1.0? 注释：!--这是一个XML注释-- 属性：salary currency= US$ 25000 /salary XML的命名空间（namespace）： * pr:payment xmlns:pr=/payroll pr:employeeLars Peterson/pr:employee pr:descriptionReimburse expenses/pr:description pr:total199.76/pr:total /pr:payment XML数据的显示(1) Demo:使用CSS定制XML文件显示效果 * XML数据的显示(2) Demo:使用XSLT显示HTML数据 * XML数据对象模型——DOM * 第2章 HTML与XML 北京理工大学计算机学院 金旭亮 ASP.NET程序设计教程 主要内容 2.1 超文本标签语言HTML概述 2.2 使用HTML设计网页 2.3 XML技术基础 * 2.1 超文本标签语言HTML概述 HTML是什么？ HTML（HyperText Markup Language） HTML定义了网页的逻辑结构 html标签定义一个网页 head标签定义网页的头部 body标签定义网页的主体 p标签启动一个段落 HTML文档拥有一种“嵌套”结构 * title标签定义网页的标题 HTML网页的基本构成单元 HTML文档结构由元素构成 元素（element）= 开始标签（opening tag） + 内容（content） + 结束标签（closing tag） 例如： p这是一个段落/p * HTML元素的属性 一个元素可以拥有一个或多个属性 例如： a href=/bitfan 请访问作者博客/a * XHTML＝XML+HTML XHTML是“遵循XML规范”的HTML 使用DOCTYPE元素指定所遵循的标准： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd * 遵循XHTML规范编写网页 标签名称必须小写 。 属性名称必须小写，属性值用双引号括起来 。 标签必须严格嵌套 。 标记必须严格配对，即使是空元素也得封闭 。 XHTML区分“内容标签”与“结构标签” ，结构标签不要嵌入到内容标签内。 * DHTML DHTML（动态的HTML）＝HTML/XHTML+CSS+JavaScript HTML/XHTML用于定义文档结构 CSS确定了信息的外在表现形式 JavaScript则用于编程动态操控CSS和HTML * HTML 文档的基本结构 HTML块 * 块元素和内联元素 块元素（block elements）：代表网页中的块，例如由h1、p、blockquote、ol 、li等标签定界的元素。 内联元素（inline elements）： 例如，由a、em、img、br之类标签定界的元素，这些标签仅用于块的内部，不用于定义新块。 * 对于每一个HTML块元素，显示时浏览器都会自动在块元素前进行换行。 HTML文档与浏览器 浏览器（browser）是一个HTML的“翻译官”，它阅读HTML网页，并解释其含义，然后将解释结果显示在屏幕上。 * HTML文档的流式解析方式 Demo: 一个简单的HTML网页Sample.htm 从上到下顺序解析 多线程显示 * 2.2 使用HTML设计网页 网页设计工具 直接使用记事本 使用ADOBE DreamWeaver, Microsoft Expressin Web等网页制作工具 使用Visual Studio 2008 * 处理文字和段落 注释： !--注释的内容-- 段落与换行 : p和br 预先格式化文本: pre 分级标题：h1,h2,…等， 列表：表项li，无序ul，有序ol 常用的字体样式： b：粗体 i：斜体 sub和sup：下标和上标 strike ：删除线 u：下划线 tt：用等宽字体显示文本 * HTML转义字符 符号 说明 转义符 “ 双引号（英文） quot; amp; 小于号 lt; 大于号 gt; ? 版权号 copy; ? 注册商标 reg; ± plusmn; × 乘号 times; § 章节号 sect; ￠ 美分 cent; ￥ 人民币符号 yen; ? 点号（居于中部，常用于人名） middot € 欧元符号 euro; ￡ 英镑符号 pound; ? 注册商标 trade;