第2章 HTML与XHTML PPT演示文档
合集下载
第2章 HTML入门(网页制作案例教程课件)
2020/7/26
2.2 创建第一个HTML文件
• HTML可以使用任何文本编辑器，如Windows“ 记事本”或“写字板等”进行编辑，代码输入 后，一定要把文件的扩展名保存为“.htm”或 “.html”。
图2-2 2020/7/26 编辑HTML文档
图2-3 IE显示HTML网页内容
2.3 HTML编码基础
属性值，这里是颜色值(粉红色)
bgcolor就是<body>标记的属性，用于设置背景色
2020/7/26
2.1.2 标记及其属性
• 如果一个标记有多个属性，属性和属性之间用 空格隔开 。
• 标记在使用时，应注意以下几点：
– HTML标记不区分大小写
– 使用“<!--”和“-->”标记将HTML文档中注解内容括 起来
</head>
<body> <font size=1>1号字体</font><p> <font size=2>2号字体</font><p> <font size=3 color=red>3号字色红体</font><p> <font size=4 color=blue>4号蓝色字体</font><p> <font size=5 color=orange>5号橙色字体</font><p> <font size=6 color=yellow face="黑体">6号黄色黑体字体</font><p> <font size=7 color=green face="隶书">7号绿色隶书字体</font><p> <font size=+2 color=purple face="宋体">+2号紫色宋体字体</font><p
2.2 创建第一个HTML文件
• HTML可以使用任何文本编辑器，如Windows“ 记事本”或“写字板等”进行编辑，代码输入 后，一定要把文件的扩展名保存为“.htm”或 “.html”。
图2-2 2020/7/26 编辑HTML文档
图2-3 IE显示HTML网页内容
2.3 HTML编码基础
属性值，这里是颜色值(粉红色)
bgcolor就是<body>标记的属性，用于设置背景色
2020/7/26
2.1.2 标记及其属性
• 如果一个标记有多个属性，属性和属性之间用 空格隔开 。
• 标记在使用时，应注意以下几点：
– HTML标记不区分大小写
– 使用“<!--”和“-->”标记将HTML文档中注解内容括 起来
</head>
<body> <font size=1>1号字体</font><p> <font size=2>2号字体</font><p> <font size=3 color=red>3号字色红体</font><p> <font size=4 color=blue>4号蓝色字体</font><p> <font size=5 color=orange>5号橙色字体</font><p> <font size=6 color=yellow face="黑体">6号黄色黑体字体</font><p> <font size=7 color=green face="隶书">7号绿色隶书字体</font><p> <font size=+2 color=purple face="宋体">+2号紫色宋体字体</font><p
第2章 HTML网页设计PPT课件
</TABLE>
2.3 HTML 表格标记
2.3.2 表格应用举例
<table border="0" width="260" bgcolor="skyblue"> <tr> <th width="112" align="left">商品名称</th> <th width="72">单位</th> <th width="87" align="right">单价</th></tr> <tr> <td width="112">平板电视机</td> <td align="center" width="72">台</td> <td align="right" width="87">$12,699</td></tr> ……
<hr>
2.2 HTML 常用标记
2.2.4 文字格式标记
1．字体标记
<FONT size = 大小 face = 字体名称 color = 颜色> 文字 </FONT>
2．文字修饰标记 <b>、<i>、<u>
2.2.5 特殊字符标记
在HTML文档中， <、>、& 、空格等特殊字符需要 用特定字符串来表示。
</html>
2.3 HTML 表格标记
2.3.2 表格应用举例
<table border="0" width="260" bgcolor="skyblue"> <tr> <th width="112" align="left">商品名称</th> <th width="72">单位</th> <th width="87" align="right">单价</th></tr> <tr> <td width="112">平板电视机</td> <td align="center" width="72">台</td> <td align="right" width="87">$12,699</td></tr> ……
<hr>
2.2 HTML 常用标记
2.2.4 文字格式标记
1．字体标记
<FONT size = 大小 face = 字体名称 color = 颜色> 文字 </FONT>
2．文字修饰标记 <b>、<i>、<u>
2.2.5 特殊字符标记
在HTML文档中， <、>、& 、空格等特殊字符需要 用特定字符串来表示。
</html>
《HTML基础》PPT课件
• <title>欢迎访问我的主页</title>
• <style type="text/css">
• .STYLE11 {FONT-SIZE: 12px; color: #666666; }
• </style>
• <script type="text/JavaScript">
• <!--
• function MM_jumpMenu(targ, selObj, restore){ //v3.0
3. 开头部分用以存载重要信息，而只有本文部分会被显示。所以 大部分标记会运用于本文部分。
4. <TITLE>所标示的是文件的标题。会出现于浏览器顶部及为 别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。
h
9
实例 • <HTML>
• <head>
• <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
HTML就没有WWW“世界” 。
• HTML 不是程序设计语言，而是一种结构
语言。
h
4
2.1 HTML概述
• HTML有许多元素，文档通过元素置标就 形成了所谓的HTML文档。
• HTML 也是文本文件，所以可以用纯文本 编辑器来编辑（如Windows 的记事本、 写字板)
• 其后缀名必须是 .html 或 .htm
h
1
第2章 HTML语言基础
• 2.1 HTML概述 • 2.2 文本的编辑 • 2.3 图像编辑 • 2.4 建立超链接 • 2.5 表格与框架 • 本章小结
第2章 HTML入门PPT教学课件
2.2.4 HTML链接标签<link>
<link>标签可以设定外部文件的链接，可定义当前文档和其
他文件之间的关系。
Href：指定要定义关系文件的URL。
ID：指定某个链接的标识符。
Title：说明链接的关系。
Rel：指定当前文档和Href域中文档之间的关系。
Байду номын сангаас
例如：
<link rel="stylesheet" href="style.css"> <!--调入样式表， 链接样式表文件”style.css” -->
2.2 HTML头标记
HTML头标记指的是<head>标签。在浏览器窗口中，头部信 息是不显示在正文中的，在标记中可以插入其他的用来说 明文件的标题或公共属性的标记。<head>和</head>标 签中包含了许多信息，如文档类型、语言编码、 JavaScript和Vbscript的函数和变量、搜索引擎的关键字 和内容提示等。
<body alink="color value" link="color value" vlink="color value">
语法说明： alink是指鼠标在超链接上按下时文本的显示颜色。 link是指默认的超链接文本颜色，即超链接没有被单击过的
状态。 vlink是指连接过的超链接文本的显示颜色。其中color value
2.2.1 HTML标题标签<title>
<title>标签定义页面标题，在<title>和</title>之间加入页面 的标题文字就会在浏览器的标题栏显示出来，如果与动态 程序相结合，可以实现实时显示文章标题。例如，在ASP 编程时，在文章显示页的<title>和</title>标签中加入 News_rs（“News_Title”），当浏览者单击新闻标题时 ，文章显示页面的标题栏上就会显示这条新闻的标题。
第2章 HTML、XHTML、HTML5
第2章 HTML、XHTML、HTML5
第14页
2.2.5 命名空间
在XHTML文档中，还有一句常见的代码： <html xmlns="/1999/xhtml" > xmlns，即XHTML Namespace的缩写，即命名空间。 该属性声明了html顶级元素的命名空间，用来定义该顶级元 素以及其包含的各级子元素的唯一性。由于XML语言允许用 户自定义标签，使用命名空间，可以避免自己定义的标签和 别人定义的标签发生冲突。比如，如果两个人定义了一个一 模一样的文档，若文件头部没有xmlns命名空间的区分，就 会发生冲突，如果在文档头部加上了不同的命名空间，则文 档不会冲突。通俗地讲，命名空间就是给文档做一个标签， 标明该文档是属于哪个网站的。对于HTML文档来说，由于 它的元素是固定的，不允许用户进行定义，所以指定的命名 空间永远是/1999/xhtml。
第20页
2.4 新增和废除的属性
2.4.1 新增的属性 2.4.2 废除的属性
第2章 HTML、XHTML、HTML5
第21页
2.4.1 新增的属性
HTML5中新增的属性主要体现在表单属性、链接 属性以及其他属性。
第2章 HTML、XHTML、HTML5
第22页
2.4.1 新增的属性
第2章 HTML、XHTML、HTML5
第2页
本章的学习目标
了解H TML语言的作用、结构和语法 了解XHTML和XML的关系，及XHTML的 语法特点 掌握HTML5的语法和元素 掌握HTML5中新增的以及废除的元素 掌握HTML5中新增的和废除的属性 掌握HTML5新增的全局属性 掌握HTML5新增的事件
《HTMLXHTML介绍》课件
网站开发
网站架构
使用HTML/XHTML构建 整个网站的结构和框架， 确保页面间的关联和一致 性。
网站内容管理
通过HTML/XHTML编写 内容，并使用CMS（内容 管理系统）进行管理和发 布。
网站优化
利用HTML/XHTML语义 化标签和SEO优化技巧， 提高网站在搜索引擎中的 排名。
移动端开发
XHTML 2.0 尝试引入更多XML规则 ，但并未得到广泛应用。
XHTML（eXtensible HyperText Markup Language）是HTML的改 进版，于2000年推出，旨在解决 HTML的某些局限性。
HTML5 成为当前最流行的标准，它 结合了HTML和XHTML的优点，并 引入了更多新功能和元素。
与JavaScript的结合
JavaScript是一种用于实现网页交互性的脚本语 言，与HTML/XHTML结合可以实现动态内容、 表单验证、动画效果等功能。
与SVG和Canvas的结合
SVG和Canvas是用于在网页上绘制图形的技术 ，与HTML/XHTML结合可以实现更复杂的图形 和动画效果。
THANKS
点击的文本，用户可以点击它来访问链接的目标地址。
图像元素
总结词：插入图像
详细描述：`<img>`元素用于在HTML/XHTML文档中插入图像。它具有`src`属 性，指定图像的来源（URL）。此外，还可以使用`alt`属性提供图像的替代文本 ，以便在图像无法显示时使用。
表单元素
总结词
创建交互式表单
《htmlxhtml介绍》 ppt课件
xx年xx月xx日
• HTML/XHTML基础 • HTML/XHTML元素 • HTML/XHTML属性 • HTML/XHTML的使用场景 • HTML/XHTML的未来发展
第二章HTML和XHTML精品PPT课件
• 1995年欧洲核能研究所主持下在瑞士日内 瓦举行的第一次WWW会议上成立了一个 HTML工作小组。它的主要任务是把HTML 形式化成为一种SGML DTD，称之为 HTML2.0标准。
2.1.1 标记语言的发展
• W3C联盟在1996年对WWW技术中出现的 一些成果进行总结，并领导制订了著名的 HTML3.2标准。
2.1.2 HTML文件的页面结构
• 2．html文件的基本结构
• 一个简单的HTML网页示例。代码见程序清单21,运行结果。
2.1.3 HTML的基本标签
• html
• 定义一个HTML页面
• head
• 定义HTML的首部实体
• title
• 定义网页的标题
• body
• 定义网页的正文
2.1.3 HTML的基本标签
• 2000年，W3C联盟推荐了XHTML1.0。XHTML 是用XML语法优化和改进的HTML。
• 2007年，WHATWGa（Web Hypertext Application Technology Working Group）推 出了HTML5.0标准草案。该标准增加了新的特性， 主要帮助WEB上日益增多的网络著述、表达等方 面的应用。
• <br>标签是一种特殊的非封闭标签，它没有结束标签。 如果要写成</br>则是错误的表达形式。
• br标签的换行与p标签的换行不同，p标签的换行带有一 定的段落格式，段落与段落之间存在间距。而br标签仅
仅是换行。行与行之间的文字不存在空隙。 • 一个换行的应用实例。代码见程序清单2-4，运行结果。
第2章 HTML和XHTML
教学目的
• 了解HTML • 了解XHTML • 比较HTML与XHTML的异同
2.1.1 标记语言的发展
• W3C联盟在1996年对WWW技术中出现的 一些成果进行总结，并领导制订了著名的 HTML3.2标准。
2.1.2 HTML文件的页面结构
• 2．html文件的基本结构
• 一个简单的HTML网页示例。代码见程序清单21,运行结果。
2.1.3 HTML的基本标签
• html
• 定义一个HTML页面
• head
• 定义HTML的首部实体
• title
• 定义网页的标题
• body
• 定义网页的正文
2.1.3 HTML的基本标签
• 2000年，W3C联盟推荐了XHTML1.0。XHTML 是用XML语法优化和改进的HTML。
• 2007年，WHATWGa（Web Hypertext Application Technology Working Group）推 出了HTML5.0标准草案。该标准增加了新的特性， 主要帮助WEB上日益增多的网络著述、表达等方 面的应用。
• <br>标签是一种特殊的非封闭标签，它没有结束标签。 如果要写成</br>则是错误的表达形式。
• br标签的换行与p标签的换行不同，p标签的换行带有一 定的段落格式，段落与段落之间存在间距。而br标签仅
仅是换行。行与行之间的文字不存在空隙。 • 一个换行的应用实例。代码见程序清单2-4，运行结果。
第2章 HTML和XHTML
教学目的
• 了解HTML • 了解XHTML • 比较HTML与XHTML的异同
Dreamweaver网页设计第2章_HTML简介PPT教学课件
2.1 HTML文档的基本结构—标记和属性
Hale Waihona Puke ⑵ 其他常用属性属性名 background
text link alink vlink leftmargin topmargin
属性用法 background="图像url"
text="颜色" link="颜色" alink="颜色" vlink="颜色" Leftmargin="像素值" topmargin="像素值"
2.1 HTML文档的基本结构—标记和属性
⑴ bgcolor属性 用法二：bgcolor="颜色标识符" “颜色标识符”在HTML的预定义颜色符中取值。 常用的预定义颜色符： black、olive、teal、red、blue、maroon、navy、 gray、lime、fuchsia、white、green、purple、 sliver、yellow、aqua 例如： <body bgcolor=" yellow">
2.1 HTML文档的基本结构—标记和属性
⑵ meta标记 描述网页说明 <meta name="description" content="网页说明信息"> “网页说明信息”是一段文本，它将作为搜索引擎对网页 的描述信息。 搜索引擎就能够根据这些关键字搜索到相应网页，并显 示关于网页的说明信息。
2.1 HTML文档的基本结构—标记和属性
⑴ title标记 title标记用于标识网页标题。 格式如下： <title>字符串</title> 格式中的“字符串”是网页的标题内容，浏览网 页时该内容显示在网页顶部的标题行中。 ⑵ meta标记 meta标记用于描述网页关键字和网页说明、定义 网页语言编码、页面刷新设置等，进行网页浏览 时，这些标记信息是不可见的。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
动态网页设计
2.1 Web标准与脚本发展概述 2.1.1 Web标准 2.1.2 脚本描述及其发展概述
动态网页设计
2.1.1 Web标准
网页设计最有代表性的（语言）就是HTML。随着 Internet的普及，出现一些制定标准的组织，其中最典 型的就是W3C、ECMA等。 W3C是World Wide Web Consortium的简称，即 全球万维网联盟的简称。W3C创建于1994年，从 1998年开始，为了让软件生产厂商重视这些规范， W3C将“推荐规范”重新命名为“Web标准”。 CSS、XML、XHTML和DOM（Document Object Model，文档对象模型）都属于W3C制定的Web标准。
动态网页设计
第2章 HTML与XHTML
2.1 Web标准与脚本发展概述 2.2 HTML 2.3 XHTML
动态网页设计
初识HTML和XHTML 运行效果
点击图例看代码
动态网页设计
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml" > <head runat="server"> <title>唐诗三百首</title> </head> <body bgcolor=silver text=blue link=red> <h1 align=center>游子吟</h1> 例2-2 HTML实例源代码 <h3 align=center>孟郊</h3> <hr width=100% size=2 align=left /> <div align=center > <font size=6> 慈母手中线，<br /> 游子身上衣。<br /> 临行密密缝，<br /> 意恐迟迟归。<br /> 谁言寸草心，<br /> 报得三春晖。<br /> </font> <p> <img alt ="替换文本" src="images/SendChat.gif" /> <a href ="HTMLPage.htm">更多唐诗</a> </p> </div> </body> </html>
动态网页设计
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <a id="top"></a> <h1 style="text-align: center"> <span style="color: #3300ff"> 游子吟</span></h1> <h3 style="text-align: center"> <span style="color: #3300ff"> 孟郊</span></h3> <hr style="color: #3300ff" /> <div style="text-align: center"> <span style="font-size: 24pt; color: #3300ff; font-family: 华文新魏"> 慈母手中线，<br /> 游子身上衣。<br /> 临行密密缝，<br /> 意恐迟迟归。<br /> 谁言寸草心，<br /> 报得三春晖。<br /> </span> <p style="text-align: center"> <img alt="替换文本" src="images/ESC_key.gif" style="color: #3300ff" /><span style="color: #3300ff"> </span> <a href="Default.aspx"><span style="color: #3300ff; font-family: 华文行楷">更多唐诗</span></a><span style="color: #3300ff; font-family: 华文行楷"> </span> <a href ="#top">返回顶部</a> </p> </div> </body> </html>
第2章 HTML与XHTML 章 HTML与
动态网页设计
网页设计与网站开发 章节目录
第1章 与VS 2005开发平台 第2章 HTML与XHTML 第3章 样式控制与页面布局 第4章 状态管理 第5章 控件 第6章 页面切换与导航 第7章 主题与母版页 第8章 与数据访问 第9章 中的数据绑定 第10章 AJAX 第11章 Web服务 第12章 项目开发实例
动态网页设计
2.1.1 Web标准
为什么要求Web开发必须符合这些标准呢？ 这是因为客户端浏览器并不是只有一种，除了 我们熟知的IE（Internet Explorer）浏览器外， 市场上流行的还有其他客户端浏览器，例如， Netscape、Mozilla、FireFox以及Opera等，如 果开发者设计的网站不符合Web标准，使用其他 浏览器的用户，就可能无法正常显示网页的内容。 换句话说，Web标准是国际上的通用标准，凡是 符合这些标准的网站，都能用任何一种浏览器正 常浏览。
动态网页设计
2.1.1 Web标准
在Web标准中，为了清晰地描述网页的各种特 性，W3C把一个网页分为，结构、表现和行为3 个部分。 与此对应的标准也分为3个方面：
a) 结构化标准（XHTML、XML） b) 表现标准（CSS） c) 行为标准（DOM、ECMAScript）。
动态网页设计
动态网页设计
2.1.1 Web标准
Web标准是指一系列标准的集合。除了 W3C之外，还有其他制定标准的组织， ECMA是其中比较有代表性的组织之一 ECMA是European Computer Manufacturers Association-的简称，即欧 洲计算机制造商协会。我们平时所说的 “标准JavaScript”就是指符合ECMA规定 标准的JavaScript，也叫ECMAScript”。
动态网页设计
2.2 HTML
HTML的基本格式 2.2.1 HTML的基本格式 HTML标记 2.2.2 HTML标记
动态网页设计
2.2 HTML
① 1990年，HTML语言和WWW（万维网）一起诞 生，它是众多标记语言的一种。 ② 1993年，IETF（因特网工程部）起草了HTML的 第1个版本，采用SGML。 ③ 1995年，IETF推出了和浏览器相适应的 HTML2.0作为正式的Internet标准。 ④ 1996年由W3C联合几大公司共同开发的 HTML3.2建议标准 。 ⑤ 1997年1月被发布为正式标准。 ⑥ 1999年12月，W3C又推出HTML4.01。
动态网页设计
2.1.1 Web标准
表现标准（CSS）的作用主要有以下几方面: （1）以前必须通过图片转换才能实现的功能，可以 用CSS轻松实现，从而使页面的下载速度更快。 （2）采用CSS技术，可以有效地对页面的布局、字 体、颜色、背景和其他效果进行更加精确的控制。 利用CSS，只需对相应的代码做一些简单修改， 就可以改变同一页面多个部分的格式，或者同时 改变多个网页的外观。 （3）Web开发人员可以通过CSS统一控制页面的 布局。
例2-2 XHTML格式的源代码
动态网页设计
第2章 HTML 与 XHTML
HTML（Hypertext Markup Language，超文本标记语言） 是一种基本的Web网页设计语言，主要用于实现静态的万 维网文档。 为了适应XML（Extensible Markup Language，可扩展标 记语言）的需要，随后又出现了XHTML（Extensible Hypertext Markup Language，可扩展超文本标记语言）。 XML是一种结构化的、使用文本格式存储的数据描述，可 以将数据表示为具有层次结构的结构化文本形式。 XHTML是一种基于XML的标记语言，带有从HTML升级为 XML的过渡性质，是目前流行的网页设计语言之一。
2.1 Web标准与脚本发展概述 2.1.1 Web标准 2.1.2 脚本描述及其发展概述
动态网页设计
2.1.1 Web标准
网页设计最有代表性的（语言）就是HTML。随着 Internet的普及，出现一些制定标准的组织，其中最典 型的就是W3C、ECMA等。 W3C是World Wide Web Consortium的简称，即 全球万维网联盟的简称。W3C创建于1994年，从 1998年开始，为了让软件生产厂商重视这些规范， W3C将“推荐规范”重新命名为“Web标准”。 CSS、XML、XHTML和DOM（Document Object Model，文档对象模型）都属于W3C制定的Web标准。
动态网页设计
第2章 HTML与XHTML
2.1 Web标准与脚本发展概述 2.2 HTML 2.3 XHTML
动态网页设计
初识HTML和XHTML 运行效果
点击图例看代码
动态网页设计
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml" > <head runat="server"> <title>唐诗三百首</title> </head> <body bgcolor=silver text=blue link=red> <h1 align=center>游子吟</h1> 例2-2 HTML实例源代码 <h3 align=center>孟郊</h3> <hr width=100% size=2 align=left /> <div align=center > <font size=6> 慈母手中线，<br /> 游子身上衣。<br /> 临行密密缝，<br /> 意恐迟迟归。<br /> 谁言寸草心，<br /> 报得三春晖。<br /> </font> <p> <img alt ="替换文本" src="images/SendChat.gif" /> <a href ="HTMLPage.htm">更多唐诗</a> </p> </div> </body> </html>
动态网页设计
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <a id="top"></a> <h1 style="text-align: center"> <span style="color: #3300ff"> 游子吟</span></h1> <h3 style="text-align: center"> <span style="color: #3300ff"> 孟郊</span></h3> <hr style="color: #3300ff" /> <div style="text-align: center"> <span style="font-size: 24pt; color: #3300ff; font-family: 华文新魏"> 慈母手中线，<br /> 游子身上衣。<br /> 临行密密缝，<br /> 意恐迟迟归。<br /> 谁言寸草心，<br /> 报得三春晖。<br /> </span> <p style="text-align: center"> <img alt="替换文本" src="images/ESC_key.gif" style="color: #3300ff" /><span style="color: #3300ff"> </span> <a href="Default.aspx"><span style="color: #3300ff; font-family: 华文行楷">更多唐诗</span></a><span style="color: #3300ff; font-family: 华文行楷"> </span> <a href ="#top">返回顶部</a> </p> </div> </body> </html>
第2章 HTML与XHTML 章 HTML与
动态网页设计
网页设计与网站开发 章节目录
第1章 与VS 2005开发平台 第2章 HTML与XHTML 第3章 样式控制与页面布局 第4章 状态管理 第5章 控件 第6章 页面切换与导航 第7章 主题与母版页 第8章 与数据访问 第9章 中的数据绑定 第10章 AJAX 第11章 Web服务 第12章 项目开发实例
动态网页设计
2.1.1 Web标准
为什么要求Web开发必须符合这些标准呢？ 这是因为客户端浏览器并不是只有一种，除了 我们熟知的IE（Internet Explorer）浏览器外， 市场上流行的还有其他客户端浏览器，例如， Netscape、Mozilla、FireFox以及Opera等，如 果开发者设计的网站不符合Web标准，使用其他 浏览器的用户，就可能无法正常显示网页的内容。 换句话说，Web标准是国际上的通用标准，凡是 符合这些标准的网站，都能用任何一种浏览器正 常浏览。
动态网页设计
2.1.1 Web标准
在Web标准中，为了清晰地描述网页的各种特 性，W3C把一个网页分为，结构、表现和行为3 个部分。 与此对应的标准也分为3个方面：
a) 结构化标准（XHTML、XML） b) 表现标准（CSS） c) 行为标准（DOM、ECMAScript）。
动态网页设计
动态网页设计
2.1.1 Web标准
Web标准是指一系列标准的集合。除了 W3C之外，还有其他制定标准的组织， ECMA是其中比较有代表性的组织之一 ECMA是European Computer Manufacturers Association-的简称，即欧 洲计算机制造商协会。我们平时所说的 “标准JavaScript”就是指符合ECMA规定 标准的JavaScript，也叫ECMAScript”。
动态网页设计
2.2 HTML
HTML的基本格式 2.2.1 HTML的基本格式 HTML标记 2.2.2 HTML标记
动态网页设计
2.2 HTML
① 1990年，HTML语言和WWW（万维网）一起诞 生，它是众多标记语言的一种。 ② 1993年，IETF（因特网工程部）起草了HTML的 第1个版本，采用SGML。 ③ 1995年，IETF推出了和浏览器相适应的 HTML2.0作为正式的Internet标准。 ④ 1996年由W3C联合几大公司共同开发的 HTML3.2建议标准 。 ⑤ 1997年1月被发布为正式标准。 ⑥ 1999年12月，W3C又推出HTML4.01。
动态网页设计
2.1.1 Web标准
表现标准（CSS）的作用主要有以下几方面: （1）以前必须通过图片转换才能实现的功能，可以 用CSS轻松实现，从而使页面的下载速度更快。 （2）采用CSS技术，可以有效地对页面的布局、字 体、颜色、背景和其他效果进行更加精确的控制。 利用CSS，只需对相应的代码做一些简单修改， 就可以改变同一页面多个部分的格式，或者同时 改变多个网页的外观。 （3）Web开发人员可以通过CSS统一控制页面的 布局。
例2-2 XHTML格式的源代码
动态网页设计
第2章 HTML 与 XHTML
HTML（Hypertext Markup Language，超文本标记语言） 是一种基本的Web网页设计语言，主要用于实现静态的万 维网文档。 为了适应XML（Extensible Markup Language，可扩展标 记语言）的需要，随后又出现了XHTML（Extensible Hypertext Markup Language，可扩展超文本标记语言）。 XML是一种结构化的、使用文本格式存储的数据描述，可 以将数据表示为具有层次结构的结构化文本形式。 XHTML是一种基于XML的标记语言，带有从HTML升级为 XML的过渡性质，是目前流行的网页设计语言之一。