|
|
|
|
|
|
|
|
|
超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言，是建立电子商务网站页面的基础。
|
|
|
|
HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。HTML之所以称为超文本标记语言，是因为文本中包含了“超链接”点。所谓超链接，就是一种URL指针，通过单击它，可使浏览器方便地获取新的网页。
|
|
|
|
HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其主要功能：
|
|
|
|
.利用HTML语言格式化文本。例如，设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。
|
|
|
|
.利用HTML语言可以在页面中插入图像。使网页图文并茂，还可以设置图像的各种属性。例如，大小、边框、布局等。
|
|
|
|
.利用HTML语言可以创建列表，把信息用一种易读的方式表现出来。
|
|
|
|
.利用HTML语言可以建立表格。表格为浏览者提供了快速找到需要信息的显示方式。
|
|
|
|
.利用HTML语言可以在页面中加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。
|
|
|
|
.HTML语言可以建立超链接通过超链接检索在线的信息，只需用鼠标单击，就可以链接到任何一处。
|
|
|
|
|
|
|
|
（1）HTML5概述。HTML5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，希望通过HTML5轻松实现许多丰富的网络应用需求，减少浏览器对插件的依赖，并且更多能有效增强网络应用的标准集。
|
|
|
|
在HTML5中添加了许多新的应用标签，其中包括 |
|
|
|
（2）HTML5的文档结构。编写HTML文件时，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素，HTML标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。
|
|
|
|
|
|
|
|
可以看到，HTML中用一对标签（即一个开始标签和一个结束标签）来标识一个元素。开始标签由一个字符“<”、一个标签名和一个字符“>”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“／”。标签名并不区分大写和小写。
|
|
|
|
HTML网页文档以标签开始，到标签结束，一对表示一个页面，也称为HTML文档的根标签或根元素。一个完整的页面由文档头部标签和文档主体标签两部分构成。
|
|
|
|
（3）HTML5的基本语法。绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体，例如，...。每一个元素都有名称和可选择的属性，元素的名称和属性在起始标签内进行设置。
|
|
|
|
①普通标签。普通标签是由一个起始标签和一个结束标签所组成的，其语法格式如下：
|
|
|
|
|
|
其中，x代表标签名称。和就如同一组开关：起始标签为开启某种功能，而结束标签（通常为起始标签加上一个斜线/）为关闭功能，受控制的内容放在两个标签之间，例如代码：加粗文字
|
|
|
|
标签之中还可以附加一些属性，用来实现或完成某些特殊效果或功能，例代码：
|
|
|
|
|
|
其中，a1，a2，…，an为属性名称，而V1，V2，…，Vn则是其所对应的属性。
|
|
|
|
②空标签。虽然大部分的标签是成对出现的，但也有一些是单独存在的，这些单独存在的标签称为空标签。其语法格式如下：。同样，空标签也可以附加一些属性。
|
|
|
|
|
|
①结构标签。HTML5中新增的结构标签说明如下表所示。
|
|
|
|
|
|
|
|
②文本标签。HTML5中新增的文本标签说明如下表所示。
|
|
|
|
|
|
|
|
③应用和辅助标签。HTML5中新增的应用和辅助标签说明如下表所示。
|
|
|
|
|
|
|
|
④进度标签。HTML5中新增的进度标签说明如下表所示。
|
|
|
|
|
|
|
|
⑤交互性标签。HTML5中新增的交互性标签说明如下表所示。
|
|
|
|
|
|
|
|
⑥在文档和应用中使用的标签。HTML5中新增的在文档和应用中使用的标签说明如下表所示。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
⑧其他标签。HTML5中新增的其他标签说明如下表所示。
|
|
|
|
|
|
|
|
|
|
在HTML5中也废弃了一些以前HTML中的标签，主要是以下几个方面的标签。
|
|
|
①可以使用CSS样式替代的标签。在HTML5之前的一些标签中，有一部分是纯粹用作显示效果的标签。而HTML5延续了内容与表现分离，对于显示效果更多地交给CSS样式去完成。所以这方面废弃的标签有：和。
|
|
|
|
②不再支持frame框架。由于frame框架对网页可用性存在负面影响，因此在HTML5中已经不再支持frame框架，但是支持iframe框架。所以HTML5中废弃了frame框架的和<![CDATA[标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③其他废弃标签。在HTML5中其他被废弃的标签主要是因为有了更好的替代方案。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<bgsound>标签，可以使用HTML5中的<audio>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<marquee>标签，可以在HTML5中使用JavaScript程序代码来实现。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<apet>标签，可以使用HTML5中的<embed>和<object>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<rb>标签，可以使用HTML5中的<ruby>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<acronym>标签，可以使用HTML5中的<abbr>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<dir>标签，可以使用HTML5中的<u>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<isindex>标签，可以使用HTML5中的<form>标签和<Input>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<listing>标签，可以使用HTML5中的<pre>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<xmp>标签，可以使用HTML5中的<code>标签替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<nextid>标签，可以使用HTML5中的GUIDs替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .废弃<plaintext>标签，可以使用HTML5中的"text/plain"MIME类型替代。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
HTML/HTML5常用标签
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
HTML文档头部<head>标签设置
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 文档头部的相关标签必须嵌入在<head></head>标签内，用于设置页面的功能，包括页面标题及各种参数，这些标签内容不会显示在页面上。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）设置页面标题<title>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0107.jpg" target="_blank"><img alt="" width="785.05" height="39.2" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0107.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：一个网页最多一个<title>标签，也可以省略，但如果使用则必须是<head>中的第一个。<title>标签用于将指定文本显示在页面标题栏。<title>可用属性：dir表示文本方向，language表示语言。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）定义页面元信息<meta />。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在<head>头部中可以包含任意数量的<meta/>标签，用于定义该页面的相关参数信息。例如为搜索引擎提供信息、为浏览器设置显示该页面的相关参数等，语法格式如下所示：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①<meta name="键名"content="键值"/>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 搜索引擎会根据网页META标签提供的信息进行搜索，例如按关键字、作者姓名、内容描述等进行搜索。在<meta />标签中使用name/content属性可为网络搜索引擎提供信息，常见应用形式如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0108.jpg" target="_blank"><img alt="" width="774.55" height="119.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0108.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②<meta http-equiv="键名"content="键值"/>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 使用http-equiv/content属性可设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关的参数。其中http-equiv属性提供参数类型，content提供对应的参数值。常见应用形式如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0109.jpg" target="_blank"><img alt="" width="782.6" height="176.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0332_0109.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）引用外部文件<link />。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 一个页面往往需要多个外部文件配合，在<head>中使用<link />标签可引用外部文件，一个页面允许使用多个<link />标签引用多个外部文件。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0110.jpg" target="_blank"><img alt="" width="784.0" height="82.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0110.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：href为该属性指定引用外部文件的URL。Type为该属性规定目标文件类型。rel/rev这两个属性表示当前源文档与目标文档之间的关系和方向。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置文字与段落
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在网页中添加文字，只要在<body></body>之间，需要插入文字的地方输入文字就可以实现。其他文字段落相关标签语法如下。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
添加注释使用<！-->
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0111.jpg" target="_blank"><img alt="" width="771.4" height="87.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0111.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：给代码添加注释语句时，<！-->放在HTML文件的任何地方，都不会在网页中被显示出来。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
添加空格 及特殊符号
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML文件中，添加空格需要使用代码“ ”控制。在HTML文件中，特殊符号对应特殊的代码，常见的特殊符号对应代码如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0112.jpg" target="_blank"><img alt="" width="779.8" height="203.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0112.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 部分特殊符号与对应代码
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
编辑网页文字样式<font>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0113.jpg" target="_blank"><img alt="" width="786.1" height="40.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0333_0113.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，利用成对<font></font>标签就可以将网页中的文字根据需要，对其进行样式的编辑。face代表字体，size代表字号，color代表颜色。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文字修饰标签
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0114.jpg" target="_blank"><img alt="" width="778.75" height="118.65" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0114.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，利用成对字体样式编辑标签就可以将网页中的文字根据需要，显示为不同样式。各标签实现效果见标签对内的文字。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文字上下标
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0115.jpg" target="_blank"><img alt="" width="775.6" height="61.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0115.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，成对的<sup></sup>标签可以表示上标，利用成对的标签<sub></sub>表示下标。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
段落<p>和预格式化<pre>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML文件中，<p>标签是一个段落标签符号，利用<p>标签可以对网页中的文字信息进行段落的定义，但不能进行段落格式的定义。利用<pre>标签不仅可以定义网页文字中的段落，还可以对段落格式进行定义。例如可以实现没有<br>的自然换行。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文字居中显示<center>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 利用成对<center></center>标签，对齐标签之间在内容将会在网页中居中显示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
水平线<hr>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 利用单标记<hr>标签可以插入水平线。同时利用水平线标签本身的属性，可以对水平线进行一些简单的设置。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
列表
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML文件中，除了文字修饰标签修饰网页文字外，我们还可以使用列表来组织文字，以实现更好的布局。所谓列表，就是在网页中将项目有序或者无序罗列显示。常见的列表标签如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0116.jpg" target="_blank"><img alt="" width="780.15" height="120.75" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0334_0116.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 列表类型及标签符号
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）插入定义列表<dl>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0117.jpg" target="_blank"><img alt="" width="770.35" height="113.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0117.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<dt>标签定义了组成列表项名称部分，<dd>用于解释说明<dt>标签定义的项目名称。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）插入无序列表<ul>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0118.jpg" target="_blank"><img alt="" width="777.7" height="116.55" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0118.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，利用成对<ul></ul>标签可以插入无序列表，但<ul>标签之间必须使用成对<li></li>标签添加列表项值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）插入有序列表<ol>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0119.jpg" target="_blank"><img alt="" width="776.65" height="113.75" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0335_0119.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，利用成对<ol></ol>标签可以插入有序列表，但<ol>标签之间必须使用成对<li></li>标签添加列表项值。根据Type的取值不同，有序列表的列表项标号也不同，例如取值“a”代表小写字母，取值“I”代表大写罗马数字。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建表格
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 设计网页的过程中，为了以一定形式将网页中的内容组织起来，同时使网页更便于阅读和美观，需要确定一个页面的布局。表格就是网页制作中最常见的一种布局工具，它可以将网页分成任意多个矩形区域。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置基本表格结构<table><tr><td>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0120.jpg" target="_blank"><img alt="" width="778.75" height="192.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0120.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<table>定义表格结构。<tr>定义行结构，一个表格可以有一行或者多行。<td>定义列结构，一个<tr>行中可以有一列或者多列。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置表格标题<caption>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0121.jpg" target="_blank"><img alt="" width="776.65" height="162.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0121.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，使用成对<caption></caption>标签给表格插入标题。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置表格表头<th>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0122.jpg" target="_blank"><img alt="" width="777.7" height="141.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0122.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，要将某一行作为表格文件的表头，只要将该行包含的列标签<td>改为<th>即可。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置表格标签属性
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 表格是网页文件中布局的重要元素，制作网页的过程中常常要对表格做一些设置，对表格的设置其实是对表格标签属性的一些设置。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0123.jpg" target="_blank"><img alt="" width="769.3" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0337_0123.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，<table>标签中的width用于设置表格的宽度，height属性用于设置表格的高度，单位可以是像素或者是百分比，border属性用于设置边框的粗细；bordercolor设置表格边框的颜色。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置表格行与单元格
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML文件中，插入表格行<tr>标签的属性主要用于设定表格中某一行的属性，<td>标签包含的属性主要用于设置表格单元格的属性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0338_0124.jpg" target="_blank"><img alt="" width="775.6" height="178.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0338_0124.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，设置行内容水平对齐方式常用的有：Left设置内容左对齐；Right设置内容右对齐；Center设置内容居中对齐。常用的4种垂直对齐方式有：top内容顶端对齐；middle内容居中对齐；bottom内容底端对齐；baseline内容基线对齐。设置单元格的跨行，只要设置<td>标签中的rowspan的属性值即可实现，属性值一般为数字。设置单元格的跨列，只要设置<td>标签中的colspan的属性值即可实现，属性值一般为数字。设置<table>标签中的cellspacing属性值就可以设置表格中单元格的间距。单元格间距以像素为单位。设置<table>标签中的cellspacing属性值就可以设置单元格中内容与边框之间的间距。单元格间距以像素为单位。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
表格的嵌套
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 所谓表格的嵌套，就是指在一个表格某个单元格中又包含一个或者多个表格。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建图片标签页面
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
图像的插入和编辑
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 图片是网页设计中必不可少的元素，在HTML中我们可以在网页的任何位置插入图片，并且对图片进行设置及建立超链接和热区等操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）图片的基本用法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0338_0125.jpg" target="_blank"><img alt="" width="782.6" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0338_0125.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：img标签的作用就是插入图片，src属性用来指定图片文件所在的路径，这个路径可以是相对路径，也可以是绝对路径。当鼠标移动至图片区域内停留时会显示提示文字，alt属性的提示文字可以是中文也可以是英文。width和height属性分别代表图片的宽和高，单位可以是像素，也可以是百分比。如果在使用宽度和高度属性中，只设置了其中一个属性，那么另一个属性会按原始图片宽高等比例显示。但是如果两个属性没有按原始大小的缩放比例设置，图片可能变形。border为边框线的宽度，用数字表示，单位为像素。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）超链接及设置图片链接<a>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 超链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，超链接通过<a>标签来实现。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①插入超链接。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0126.jpg" target="_blank"><img alt="" width="785.05" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0126.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文件中，需要使用超链接时用<a>标签将需要建立链接的内容包括起来，href属性的URL值可以设置为相对路径或者绝对路径。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②设置图片链接。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0127.jpg" target="_blank"><img alt="" width="776.65" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0127.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：href属性是用来设置图片的链接地址URL，target属性用来设置目标窗口的打开方式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③设置图片热区链接。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0128.jpg" target="_blank"><img alt="" width="769.3" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0128.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 热区图像及热区链接属性的定义如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0129.jpg" target="_blank"><img alt="" width="781.2" height="108.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0339_0129.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：《img》标签用来插入图片和引用映射图片名称，即用usemap属性来引用在<map>标签中所定义的映射图片名称，并且要在名称前加上#号。<map>标签只有一个name属性，用来定义映射图片的名称。<area>标签有三个属性，shape属性、coords属性和href属性。href属性用来定义超链接的目标地址；shape属性用来定义热区的形状，可以取3个属性值；coords属性用来定义热区的坐标，不同的形状其coords属性的设置方式也不同，shape属性值对应的coords属性值如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0130.jpg" target="_blank"><img alt="" width="783.65" height="122.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0130.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> shape属性值对应的coords属性值
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
音频和视频的插入和编辑
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）插入音频或视频文件<embed>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0131.jpg" target="_blank"><img alt="" width="782.6" height="61.6" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0131.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：src属性用来指定插入的多媒体文件地址或多媒体文件名，同时文件一定要加上后缀名；width和height属性用来设置多媒体文件的宽度和高度，单位为像素；autostart属性用来设置多媒体文件的自动播放，有两个取值true和false，true表示在打开网页时自动播放多媒体文件，false是默认值，表示打开网页时不自动播放；loop属性用来设置多媒体文件的循环播放，只有两个取值true和false，true表示多媒体文件将无限循环播放，false表示多媒体文件只播放一次。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）添加HTML5新增的多媒体标签<audio>/<video>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 为了能够更加方便地在页面中嵌入音频和视频文件，HTML5新增了<audio>和<video>标签，用于统一HTML页面中多媒体应用的规范。HTML5对多媒体的支持是顺势发展，但是目前还没有规范得很完整，各种浏览器支持的差别也很大。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 检查浏览器是否支持<audio>和<video>标签，检查浏览器是否支持<audio>和<video>标签，可以通过JavaScript脚本代码动态地创建标签，脚本代码如下。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0132.jpg" target="_blank"><img alt="" width="779.1" height="36.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0132.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 这段脚本代码会动态创建audio元素，然后检查canPlayType()函数是否存在。通过执行两次逻辑非运算符“！”，将其结果转换成布尔值，就可以确定音频对象是否创建成功。同样，video元素也可以采用这种方法检查。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①使用音频<audio>标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0133.jpg" target="_blank"><img alt="" width="774.2" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0340_0133.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：src属性用来指定音频文件的地址或文件名，而且文件要加上后缀名；controls属性向用户显示控件，例如播放按钮。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②使用视频<video>标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0134.jpg" target="_blank"><img alt="" width="784.0" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0134.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：src属性用来指定视频文件的地址或文件名，而且文件要加上后缀名；width和height属性设置，从而控制视频的宽度和高度。controls向用户显示控件，例如播放按钮。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③套接<source>标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 由于各种浏览器对音频和视频的编解码器的支持不一样，为了能够在各种浏览显示音频和视频效果，可以提供多种不同格式的音频和视频文件。这就需要使用<source>签为<audio>或<video>提供多个备用多媒体文件，代码如下。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0135.jpg" target="_blank"><img alt="" width="776.65" height="109.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0135.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 或
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0136.jpg" target="_blank"><img alt="" width="776.65" height="111.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0136.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 由上面可以看出，使用<source>代替了<audio>或<video>标签中的src属性，这样，浏览器可以根据自身的播放能力，按照顺序自动选择最佳的源文件进行播放。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建框架页结构
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 框架是一种在一个页面中显示多个网页的技术，通过超链接可以为框架之间建立内容之间的联系，从而实现页面导航的功能。<frame>和<frameset>标签虽然在浏览器中可以正常显示，但是HTML5已经不支持这两个标签，因此尽量用div+<iframe>方式取代这两个标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0137.jpg" target="_blank"><img alt="" width="782.6" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0137.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0138.jpg" target="_blank"><img alt="" width="781.55" height="216.65" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0341_0138.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：调用了三个div，其中"left"实现左边的scr调用的left.html显示布局，"right"实现右边的scr调用的main.html显示布局，至于css如何写div的布局这里就略过了。浮动框架在表现形式上和框架不同，属性设置和框架类似。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建表单
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 表单是网页中提供的一种交互式操作手段，在网页中的使用十分广泛。用户可以通过提交表单信息与服务器进行动态交流。表单主要可以分为两部分：一是用HTML源代码描述的表单，可以直接通过插入的方式添加到网页中；二是提交后的表单处理，需要调用服务器端编写好的程序对客户端提交的信息作出回应。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
插入表单<form>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0139.jpg" target="_blank"><img alt="" width="778.05" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0139.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：name设置表单名称；method设置表单发送的方式，可以是“post”或者“get”；action设置表单处理程序；enctype设置表单编码方式；target设置表单显示目标。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
信息输入<input>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 表单是网页中提供的交互式操作手段，HTML中也提供了很多用于交互的控件，用户必须在表单控件中输入必要的信息，发送到服务器请求响应，然后服务器将结果返回给用户，这样才体现了交互性。这主要通过<input>标签来实现。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0140.jpg" target="_blank"><img alt="" width="772.8" height="36.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0140.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在<input>标签中，name属性显示插入的控件名称，type属性显示插入的控件类型，例如：文本框、单选按钮、复选框等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 下面分别介绍常用的表单控件的使用语法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）插入文本框text和密码框password。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 文本框：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0141.jpg" target="_blank"><img alt="" width="776.3" height="58.1" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0141.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 密码框：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0142.jpg" target="_blank"><img alt="" width="775.25" height="63.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0342_0142.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入文本框和密码框，只要将<input>标记中type属性值设为text或者password就可以插入单行的文本框或者密码框。设置为密码框之后输入内容不会出现，以符号代表。maxlength代表文本框的最大长度，size代表宽度，value显示文本框默认值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）插入文件域file。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0143.jpg" target="_blank"><img alt="" width="780.15" height="47.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0143.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入文件域，只要将<input>标记中type属性值设为file就可以插入文件域。可以利用文件域选取文件。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）插入复选框checkbox和单选框radio。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 复选框：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0144.jpg" target="_blank"><img alt="" width="768.25" height="64.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0144.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 单选框：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0145.jpg" target="_blank"><img alt="" width="780.15" height="59.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0145.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入复选框，只要将<input>标记中type属性值设为checkbox就可以插入复选框。其中的id为可选项。在表单中插入单选按钮，只要将<input>标记中type属性值设为radio就可以插入单选按钮。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）插入按钮。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0146.jpg" target="_blank"><img alt="" width="776.65" height="86.1" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0146.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入按钮，<input>标记中type属性值设为button就可以插入标准按钮。设为submit代表提交按钮，当用户填完表单对象中的信息后，需要有一个提交信息的动作，可以使用提交按钮，这会引起页面的刷新。设为reset代表重置按钮，当用户填完表单对象中的信息后，对自己填过的信息不满意时，想清除所填内容，可以使用重置按钮。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （5）插入图像域image。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0147.jpg" target="_blank"><img alt="" width="789.6" height="68.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0343_0147.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：为了美观效果，可以用一张图片做提交或者其他类型的按钮，可以通过插入图像域来实现。在表单中插入图像域，只要将<input>标记中type属性值设为image。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （6）插入文字域textarea。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0148.jpg" target="_blank"><img alt="" width="775.25" height="61.6" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0148.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：如果需要输入多行文字，行间可以换行，可以使用文字域。在表单中插入文字域，只要插入成对的文字域标记<textarea></textarea>即可。其中的“wrap”和“id”为任选项。rows代表文字域行数，cols代表文字域列数，取值都为数字。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （7）插入下拉菜单<select>和列表项<option>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0149.jpg" target="_blank"><img alt="" width="780.15" height="186.55" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0149.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入下拉菜单和列表项，只要插入成对的<select></select>，其中嵌套<option>代表具体的列表项。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
HTML5新增表单控件类型
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> HTML5大幅改进了<input>标签的控件，不同控件的表单元素所附加的功能也不相同。到目前为止，对HTML5新增表单控件支持最多、最全面的浏览器是Opera浏览器。对于不支持新增表单类型的浏览器来说，会默认识别为text控件，即显示为普通文本。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 下面分别介绍新增的表单控件的使用语法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）输入地址定义的文本框url。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0150.jpg" target="_blank"><img alt="" width="774.2" height="88.2" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0150.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入url地址定义的文本框，只要将<input>标签中type属性值设为url。在验证输入文本的格时，如果该文本框中的内容不符合url地址的格式，会提示验证错误。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）插入地址定义文本框email。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0151.jpg" target="_blank"><img alt="" width="775.6" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0344_0151.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入email，只要将<input>标签中type属性值设为email就可以插入E-mail地址定义的文本框。在验证输入文本的格式时，如果该文本框中的内容不符合E-mail地址的格式，会提示验证错误。email的<input>元素还有一个multiple属性，表示在该文本框中可输入隔开的多个邮件地址。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）插入范围选择器range。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0152.jpg" target="_blank"><img alt="" width="776.65" height="84.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0152.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入range，只要将<input>标签中type属性值设为range就可以插入数值选择器滑动条，表明为某一特定范围内的数值选择器。它还具有min和max属性，表示选择范围的最小值（默认为0）和最大值（默认为100）；还有step属性，表示拖动步长（默认为1）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）插入数字文本框number。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0153.jpg" target="_blank"><img alt="" width="795.9" height="86.1" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0153.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入专门为输入特定的数字而定义的文本框，<input>标签中type属性值设为number。与range控件类似，都具有min、max和step属性，表示允许范围的最小值、最大值和调整步长。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （5）插入电话文本框tel。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0154.jpg" target="_blank"><img alt="" width="787.5" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0154.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中插入电话文本框，只要将<input>标签中type属性值设为tel就可以插入专门为输入电话号码而定义的文本框。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （6）插入搜索文本框search。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0155.jpg" target="_blank"><img alt="" width="781.2" height="66.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0345_0155.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中只要将<input>标签中type属性值设为search就可以插入专门为输入搜索引擎关键词定义的文本框。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （7）插入颜色选择器color。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0346_0156.jpg" target="_blank"><img alt="" width="772.8" height="41.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0346_0156.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中只要将<input>标签中type属性值设为color就可以插入颜色选择器，可以看到颜色表单元素的效果。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （8）插入时间有关的选择器date/month/week/time/datetime-local。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0346_0157.jpg" target="_blank"><img alt="" width="786.1" height="193.55" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0346_0157.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在表单中只要将<input>标签中type属性值设为相应的选择器就可以显示相应的控件。其中，date会提供日期选择器；month会提供月选择器；week会提供周选择器；time会提供时间选择器；datetime会提供完整的日期和时间（包含时区）的选择器。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建画布
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML5中新增了<canvas>画布标签是为客户端矢量图形而设计的，通过该标签可以在网页中绘制各种几何图形。<canvas>有一个基于JavaScript的绘图API函数库，有多种绘制路径、矩形、圆形、字符以及添加图像的方法，使用<canvas>标签与JavaScript脚本代码相结合，可以绘制出相应的图形。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
插入画布<canvas>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0348_0158.jpg" target="_blank"><img alt="" width="781.55" height="47.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0348_0158.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：id属性决定了<canvas>的唯一性，方便查询。width和height设置了画布的宽和高。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建<canvas>的绘图流程
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）获得canvas对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在绘图之前，首先要从页面获取canvas对象。一般使用document对象的getElementById()方法获取。例如下面的代码获取页面上的id名称为"myCanvas"。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0159.jpg" target="_blank"><img alt="" width="781.55" height="35.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0159.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）创建二维的绘图上下文对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> canvas对象包含了不同类型的绘图AP1，还需要使用getContext（"2d"）方法获取要使用的绘图上下文对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0160.jpg" target="_blank"><img alt="" width="781.2" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0160.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> getContext（"2d"）对象是内建的HTML5对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）在canvas上绘制文字或图形。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 设置绘制文字的字体样式、颜色和对齐方式。例如下面代码：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0161.jpg" target="_blank"><img alt="" width="777.7" height="114.8" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0161.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 绘制一个红色的矩形，例如下面代码：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0162.jpg" target="_blank"><img alt="" width="770.7" height="57.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0349_0162.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
创建HTML5文档结构
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在HTML页面中通常会包含头部、导航、主体内容、侧边内容和页脚等区域。以前的HTML页面中，这些区域全部都使用<div>标签进行标识，这种方式并不易于用户的识别和浏览器引擎的分析。在HTML5中新增了描述文档桔构的相关标签，通过使用这些标签，可以很清晰地在HTML代码中标识出页面的结构。下面主要介绍常用的几种文档标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
标题<header>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0163.jpg" target="_blank"><img alt="" width="772.8" height="112.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0163.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<header>标签是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内一个内容区块的标题，但也可以包含其他内容，如数据表格、搜索表单或相关的Logo图片因此整个页面的标题应该放在页面的开头。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文章<article>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0164.jpg" target="_blank"><img alt="" width="775.25" height="113.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0164.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<article>通常有自己的标题，一般放在一个<header>标签中。网页中常常出现大段的文章内容，通过文章结构元素可以将网页中大段的文章内容进行标识，使网页的代码结构更加整齐。在HTML5中新增的<article>标签便可以在网页中定义独立的内容，包括文章、博客和用户评论等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
章节<section>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0165.jpg" target="_blank"><img alt="" width="777.7" height="113.75" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0351_0165.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：section标签用于对页面上的内容进行分块，例如将文章分为不同的章节、页面内容分为不同的内容块。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
页脚<footer>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0166.jpg" target="_blank"><img alt="" width="766.85" height="40.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0166.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：使用<footer>标签分别为页面中的文章和整个页面加相应的页脚信息。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
联系信息<address>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0167.jpg" target="_blank"><img alt="" width="781.2" height="33.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0167.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<address>用来描述电子邮箱或地址等联系信息，还可以用来描述与文档相关的联系人的相关信息以及网站链接信息。例如下面的代码：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0168.jpg" target="_blank"><img alt="" width="781.2" height="135.8" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0168.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
导航<nav>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 一个页面中可以拥有多个<nav>标签，作为页面整体或不同部分的导航。具体来说，<nav>标签可以用于以下位置：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .传统导航条。常规网站都设置有不同层级的导航条，其作用是将当前页面跳转到网站的其他主要页面上去。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .侧边栏导航。主流博客网站及电商网站上都有侧边栏导航，其作用是将页面从当前页面跳转到其他页面上去。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .页内导航。页面导航的作用是在本页面几个主要的组成部分之间进行跳转。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .翻页操作。翻页操作是指在多个页面的前后页或博客网站的前后篇文章滚动。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0169.jpg" target="_blank"><img alt="" width="780.5" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0169.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<nav>标签标识的是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。注意，并不是所有的链接组都需要被放置在<nav>标签中，只需要将主要的、基本的链接组放进<nav>标签中即可。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
辅助内容<aside>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0170.jpg" target="_blank"><img alt="" width="780.5" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0352_0170.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<aside>标签用来表示当前页面或文章的辅助信息内容部分，包含与当前页内容相关的引用、侧边栏、广告、导航条等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
日期时间<time>
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0171.jpg" target="_blank"><img alt="" width="780.15" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0171.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<time>表示能够以机器可读的方式对日期和时间进行编码，例如用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS3样式表
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS和CSS3基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）CSS格式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0172.jpg" target="_blank"><img alt="" width="776.65" height="36.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0172.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：selector代表选择符，property代表属性，value代表属性值。选择符包括多种形式，所有的HTML标签都可以作为选择符，如body、p、table等都是选择符。但在利用CSS的语法给它们定义属性和值时，其中属性和值要用冒号隔开。如果属性的值由多个单词组成，并且单词间有空格，那么需给值加上双引号。如果需要对一个选择符指定多个属性时，用分号将属性分开。例如：p｛text-align:center；color:#FF0000；font-size:10px｝。相同属性和值的选择符组合起来称为选择符组。如果需要给选择符组定义属性和值，只要用逗号将选择符分开即可，这样可以减少重复定义样式。例如：p，table｛text-align:center；font-size:10px｝。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）CSS选择符类型。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①类选择符。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0173.jpg" target="_blank"><img alt="" width="778.75" height="45.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0173.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：用类选择符可以把相同的元素分类定义成不同的样式。在定义类选择符时，在自定义类名称的前面加一个点“.”。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②id选择符。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0174.jpg" target="_blank"><img alt="" width="781.55" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0353_0174.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在HTML文档中，需要唯一标识一个元素时，就会赋予它一个id标识，以便在对整个文档进行处理时能够快速地找到这个元素。而id选择符就是用来对这个单一元素定义单独的样式。其定义方法与类选择符大同小异，只需要把点“.”改为井号“#”。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③伪类。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 伪类不属于选择符，它是让页面呈现丰富表现力的特殊属性。之所以称为“伪”，是因为它指定的对象在文档中并不存在，它们指定的是元素的某种状态。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 应用最为广泛的伪类是链接的4个状态：未访问的链接状态（a:link）；已访问链接状态（a:visited）；鼠标指针悬停在链接上的状态（a:hover）；被激活（在鼠标单击与释放之间发生的事件）的链接状态（a:active）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）插入CSS的4种方式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 插入CSS到HTML文件有四种方式，分别为：链入外部样式表、内部样式表、嵌入样式表和导入外部样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①链入外部样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0175.jpg" target="_blank"><img alt="" width="774.2" height="89.6" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0175.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：rel="stylesheet"是指在HTML文件中使用的是外部样式表；type="text/css"指明该文件的类型是样式表文件；href中的样式表文件地址，可以为绝对地址或相对地址；外部样式表文件中不能含有任何HTML标签，如<head>或<style>等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②内部样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0176.jpg" target="_blank"><img alt="" width="771.75" height="85.75" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0176.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：<style>标签用来说明所要定义的样式；type="text/css"说明这是一段CSS样式表代码。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③嵌入样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0177.jpg" target="_blank"><img alt="" width="777.7" height="41.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0177.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：HTML标签就是页面中标签HTML元素的标签，例如body、p等。style参数后面引号中的内容就相当于样式表大括号里的内容。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ④导入外部样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0178.jpg" target="_blank"><img alt="" width="778.75" height="197.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0354_0178.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：Import语句后面的“；”是不可省略的；外部样式表文件的文件扩展名必须为.css；样式表地址可以是绝对地址，也可以是相对地址。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS3基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）CSS3概述。CSS3是CSS技术的升级版本，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。CSS3规范的一个新特点是被分为若干个相互独立的模块。一方面分成若干较小的模块较利于规范及时更新和发布，及时调整模块的内容，这些模块独立实现和发布，也为日后CSS的扩展奠定了基础。另外一方面，由于受支持设备和浏览器厂商的限制，设备或者厂商可以有选择地支持一部分模块，支持CSS3的一个子集，这样有利于CSS3的推广。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> CSS3的语法也是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS选择器中的大部分并不是在CSS3中新添加的，只是在之前的版本中没有得到广泛的应用。如果想实现一个干净的、轻量级的标签以及结构与表现更好的分离，CSS3高级选择器是非常有用，它们可以减少在标签中的class和ID的数量并让设计师更方便地维护样式表。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）CSS3全新功能简介。与之前的CSS版本相比，CSS3的改进是非常大的。CSS3不仅进行了修订和完善，更增加了很多新的特性，把样式表的功能发挥得淋漓尽致。之前的很多效果都借助图片实现，CSS3只需要几行代码就能搞定了。这样不仅简化了设计师的工作，页面代码也会更加简洁和清晰。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> CSS3的全新功能简介如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0355_0179.jpg" target="_blank"><img alt="" width="793.45" height="401.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0355_0179.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> CSS3的全新功能简介
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS/CSS3设置文字效果
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文字字体的设置
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）设置字体font-family。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0180.jpg" target="_blank"><img alt="" width="765.45" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0180.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：应用font-family属性可以一次定义多个字体，而在浏览器读取字体时，会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体，则自动读取第二种字体，以此类推。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）设置字号font-size。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0181.jpg" target="_blank"><img alt="" width="771.75" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0181.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化，也不会随着显示设备的不同而变化。绝对尺寸可以使用的单位包括in（英寸）、px（像素）、cm（厘米）、mm（毫米）、pt（点）、pc（皮卡）。相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。百分比是基于父元素中字体的大小为参考值的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）设置字体样式font-style。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0182.jpg" target="_blank"><img alt="" width="775.25" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0182.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal代表正常显示（浏览器默认的样子）；italic代表斜体显示文字；oblique代表歪斜体显示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）设置字体加粗font-weight。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0183.jpg" target="_blank"><img alt="" width="782.6" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0183.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal表示正常粗细；bold表示粗体；bolder表示加粗体；lighter表示细体（比正常字体还细）；number取值为数字，一般都是整百，有九个级别（100～900），数字越大字体越粗。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文字排版的设置
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）调整字符间距letter-spacing。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0184.jpg" target="_blank"><img alt="" width="785.05" height="38.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0356_0184.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal表示间距正常显示，是默认设置；长度包括长度值和长度单位，长度值可以使用负数。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）调整单词间距word-spacing。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0185.jpg" target="_blank"><img alt="" width="760.9" height="43.75" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0185.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal表示间距正常显示，是默认设置；长度包括长度值和长度单位，长度值可以使用负数。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）添加文字修饰text-decoration。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0186.jpg" target="_blank"><img alt="" width="778.05" height="40.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0186.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：语法中的属性值可以是上面所列的一个或多个。依次代表下画线、上画线、删除线。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）设置文本排列方式text-align。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0187.jpg" target="_blank"><img alt="" width="781.55" height="40.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0187.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：该语法中的4个属性值可以任意选择其中一个。其中，left代表左对齐方式；right代表右对齐方式；center代表居中对齐方式；justify代表两端对齐方式。该属性可应用于HTML中的任何模块级标签。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （5）设置段落缩进text-indent。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0188.jpg" target="_blank"><img alt="" width="786.1" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0188.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：长度包括长度值和长度单位，长度单位同样可以使用之前提到的所有单位。百分比则是相对上一级元素的宽度而定的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （6）调整行高line-height。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0189.jpg" target="_blank"><img alt="" width="781.2" height="36.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0189.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal为浏览器默认的行高，一般由字体大小属性来决定；数字表示行高为该元素字体大小与该数字相乘的结果；长度表示行高由长度值和长度单位确定；百分比表示行高是该元素字体大小的百分比。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文本溢出处理text-overflow（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0190.jpg" target="_blank"><img alt="" width="779.1" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0357_0190.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：clip规定对溢出的文本进行裁切。ellipsis规定使用"…"替代溢出的文本。string规定使用指定的字符串替代溢出的文本。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
控制文本换行overflow-wrap和word-break（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> overflow-wrap基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0191.jpg" target="_blank"><img alt="" width="776.3" height="40.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0191.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal默认值，保持浏览器的默认处理。break-word规定当字符串过长时，允许在单词间断行。anywhere规定当字符串过长时，允许在单词任意字符处内断行。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> word-break基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0192.jpg" target="_blank"><img alt="" width="776.65" height="42.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0192.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：normal默认值，保持浏览器的默认处理。break-all强制将单词截断实现换行效果。keep-all规定不允许字断开。break-word属性值用于确保文本不会溢出。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文本阴影text-shadow（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0193.jpg" target="_blank"><img alt="" width="775.25" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0193.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：颜色表示阴影的颜色值。x轴为水平方向的偏移量，单位是像素。y轴为垂直方向的偏移量，单位是像素。模糊半径为阴影的影响范围，不能为负值，值越大越模糊。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
使用服务器端字体@font-face（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0194.jpg" target="_blank"><img alt="" width="780.15" height="88.2" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0194.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：@font-face的作用可以引入服务器端网络字体，如果不使用此属性，那么只能够使用本机已经安装的字体WebFontName必需，自定义字体的名称。source必需规定自定义字体的路径，可以是相对路径也可以是绝对路径。format规定自定义字体的格式。font-weight规定字体是否为粗体。font-style规定字体的样式，例如斜体。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS/CSS3设计图像和背景
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置颜色color
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0195.jpg" target="_blank"><img alt="" width="781.55" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0358_0195.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：颜色关键字就是用颜色的英文名称来设置颜色。例如：red代表红色，black代表黑色等；RGB值有多种表示方式，如十六进制的RGB值和RGB函数值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置背景颜色background-color
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0196.jpg" target="_blank"><img alt="" width="765.8" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0196.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：关键字和RGB值可参颜色设置中的语法说明。transparent表示透明值，是背景颜色background-color属性的初始值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
插入背景图片background-image
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0197.jpg" target="_blank"><img alt="" width="785.05" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0197.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：url指定要插入的背景图片路径或名称，路径可以为绝对路径也可以为相对路径。图片的格式一般以GIF、JPG和PNG格式为主。none是一个默认值，表示没有背景图片。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
插入背景附件background-attachment
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0198.jpg" target="_blank"><img alt="" width="787.5" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0198.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：scroll表示背景图片是随着滚动条的移动而移动，是浏览器的默认值；fixed表示背景图片固定在页面上不动，不随着滚动条的移动而移动。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置重复背景图片background-repeat
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0199.jpg" target="_blank"><img alt="" width="780.15" height="35.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0199.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：repeat表示背景图片在水平和垂直方向上平铺（默认值）；repeat-x表示背景图片在水平方向上平铺；repeat-y表示背景图片在垂直方向上平铺；no-repeat表示背景图片不平铺。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置背景图片位置background-position
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0200.jpg" target="_blank"><img alt="" width="785.05" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0359_0200.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：利用百分比和长度设置图片位置时，都要指定两个值，并且这两个值要用空格隔开。一个代表水平位置，一个代表垂直位置。水平位置的参考点是网页页面的左边，垂直位置的参考点是页面的上边。关键字在水平方向的主要有left、center、right，表示居左、居中和居右。关键字在垂直方向的主要有top、center、bottom，表示顶端、居中和底端。其中水平方向和垂直方向的关键字可相互搭配使用。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
渐变背景颜色处理（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 线性渐变基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0201.jpg" target="_blank"><img alt="" width="776.65" height="30.1" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0201.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：direction表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个color-stop1和第三个color-stop2参数分别是起点颜色和终点颜色。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 径向渐变基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0202.jpg" target="_blank"><img alt="" width="782.6" height="64.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0202.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：center表示渐变起点的位置，可以为百分比，默认是图形的正中心。shape表示渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。size是渐变的大小，即渐变到哪里停止，它有四个值。closest-side：最近边；farthest-side：最远边；closest-corner：最近角；farthest-corner：最远。后面参数和线性渐变含义一致。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置多背景图像（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0203.jpg" target="_blank"><img alt="" width="776.65" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0203.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：在第一个url1声明之后用逗号分开加入第二个url2，以此类推，可以加入重叠的背景图像。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置背景图像大小background-size（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0204.jpg" target="_blank"><img alt="" width="780.15" height="38.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0204.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：length是背景的宽度如200px，percentage是背景的高度取值在0～100%，cover将图片等比例放大或者缩小，背景图片等比缩放至完全覆盖容器，超出容器的尺寸将会被裁切。contain只要求某一个方位上将容器覆盖，比如纵向或者横向能够最小程度将容器覆盖。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置背景图像原点background-origin（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0205.jpg" target="_blank"><img alt="" width="781.2" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0360_0205.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：①padding-box的值为background-origin的默认值，决定background-position的起始位置，从padding的外边缘（border的内边缘）开始显示背景图片；②border-box的值决定了background-position的起始位置从border的外边缘开始显示背景图片；③content-box的值决定了background-position的起始位置从content的外边缘（padding的内边缘）开始显示背景图片。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置背景图像显示区域background-clip（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0361_0206.jpg" target="_blank"><img alt="" width="777.7" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0361_0206.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：border-box（默认值）规定背景图片可以在边框范围内显示。padding-box规定背景图片可以在padding范围内显示。content-box规定背景图片可以在content区域。text从前景内容的形状（例如文字）作为裁剪区域向外裁剪，也就是说只有前景内容的形状内显示背景图片，例如只有文字内显示背景。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS/CSS3设置不透明级别和色彩
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置元素的不透明级别
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0207.jpg" target="_blank"><img alt="" width="772.8" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0207.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：opacity设置元素的透明度。value介于0～1的数字。inherit继承父元素的opacity属性值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置色彩模式
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0208.jpg" target="_blank"><img alt="" width="777.7" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0208.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：RGBA是在RGB的进化版本，通过增加一个参数来控制透明度。R为红色值。G为绿色值。B为蓝色值。这三个值取正整数或百分数。A（Alpha）：Alpha透明度，取值0～1之间，0表示完全透明，1表示完全不透明。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS/CSS3设置边框和边距
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 边框属性包括边框样式、边框颜色和边框宽度，主要用来设置网页中各个元素的边框。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设计边框样式border-style
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0209.jpg" target="_blank"><img alt="" width="775.25" height="139.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0209.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：边框样式属性中border-style是一个复合属性，其他4个都是单个边框的样式属性，只能取一个值，而复合属性border-style可以同时取1到4个值。下面分别说明border-style属性的4个取值方法：取一个值，四条边框均使用这一个值；取两个值，上下边框使用第一个值，左右边框使用第二个值，两个值一定要用空格隔开；取三个值，上边框使用第一个值，左右边框使用第二个值，下边框使用第三个值，取值之间要用空格隔开；取第四个值，四条边框按照上、右、下、左的顺序来调用取值。取值之间也要用空格隔开。具体的样式取值和说明如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0210.jpg" target="_blank"><img alt="" width="789.95" height="126.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0362_0210.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 边框样式属性取值说明
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0211.jpg" target="_blank"><img alt="" width="789.6" height="213.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0211.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
调整边框宽度border-width
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0212.jpg" target="_blank"><img alt="" width="787.5" height="60.55" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0212.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：基本语法中边框宽度属性border-width是一个复合属性，可以同时设置四条边框的宽度。具体使用方法和边框样式的复合属性border-style是一样的。长度包括长度值和长度单位，不可以使用负数。长度单位可以使用绝对单位也可使用相对单位，如px、pt、cm等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置边框颜色border-color
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0213.jpg" target="_blank"><img alt="" width="786.45" height="89.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0213.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：如果只设置1种颜色，则四条边框的颜色一样；设置2种颜色，则边框的上下为一个颜色，左右为另一个颜色；设置3种颜色，边框的颜色顺序为上、左右、下；设置4种颜色，边框的颜色顺序为上、右、下、左。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置外边距margin-top/margin-bottom/margin-left/margin-right/margin
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0214.jpg" target="_blank"><img alt="" width="783.65" height="59.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0214.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：margin用来设置元素到上一级元素的外边距。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置填充内边距padding-top/padding-bottom/padding-left/padding-right/padding
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0215.jpg" target="_blank"><img alt="" width="782.6" height="56.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0363_0215.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：padding用来设置元素的内边距。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置图像边框border-image属性（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0216.jpg" target="_blank"><img alt="" width="775.25" height="40.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0216.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：source用于规定是否用图片定义边框样式或者规定图像来源路径。slice用于规定图片的切割位置。width用于规定边框图片宽度。repeat用于规定切割后的边框图片中间部分（演示图片中的黄色部分）在元素对应部分的存在方式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置圆角边框border-radius属性（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0217.jpg" target="_blank"><img alt="" width="780.15" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0217.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：两者之间用"/"分隔，如果只设置水平半径，那么垂直半径的值和水平半径值相同，例如在以上实例中只设置了水平半径，那么水平半径的值也应用于垂直半径。水平半径和垂直半径都可以分别设置四个值：如果只设置了一个值，那么四个圆角都使用这个值。如果设置了两个值，第一个值作用于左上角和右下角，第二个值作用于右上角和左下角。（如果设置了三个值，第一个值作用于左上角，第二个值作用于右上角和左下角，第三个值作用于右下角。如果设置了四个值，那么分别作用于四个角，从左上角开始，按顺时针。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置图像边框border-image属性（CSS3新增）
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0218.jpg" target="_blank"><img alt="" width="785.05" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0364_0218.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：h-shadow设置元素阴影水平偏移量，可以为负值，单位是像素。v-shadow设置元素阴影垂直偏移量，可以为负值，单位是像素。blur设置阴影模糊半径，只能够为正值，如果为0，表示不具有模糊效果，单位是像素。spread设置阴影的扩展半径尺寸，可以为负值，单位是像素。color设置阴影的颜色；省略此参数，浏览器选取默认颜色，浏览器的默认可能不同，有的为透明。inset可以将外部阴影改为内部阴影。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS3新增的多列布局
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置列数column-count
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0365_0219.jpg" target="_blank"><img alt="" width="762.3" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0365_0219.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：列数number取正整数。auto为默认值，将取决于其他属性，例如："column-width"。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置列宽column-width
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0220.jpg" target="_blank"><img alt="" width="759.5" height="38.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0220.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：length指定列宽的长度。auto为默认值，由浏览器决定列的宽度。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置列数column-rule
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0221.jpg" target="_blank"><img alt="" width="772.8" height="43.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0221.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：column-rule-width设置列中之间的宽度。column-rule-style设置列中之间的样式。column-rule-color设置列中之间的颜色。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
使用CSS3实现动画animation和过渡transition效果
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
动画animation的实现
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0222.jpg" target="_blank"><img alt="" width="793.45" height="66.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0222.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：name规定动画的名称，利用它可以与@keyframes关联起来。duration规定动画的时长，时间是秒，例如5s。timing-function规定动画的过渡类型，可以使用内置固定的关键字，也可以自定义数据。delay规定动画开始前的延迟时间。iteration-count规定动画的重复次数。direction规定动画循环中是否会反向运动。fill-mode规定对象动画时间之外的状态。play-state规定动画是否正在运行或暂停。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
过渡transition
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0223.jpg" target="_blank"><img alt="" width="780.15" height="63.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0223.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：transition-property设置要进行过渡的CSS属性。transition-duration设置过渡效果持续的时间。transition-timing-function设置过渡效果动画类型。transition-delay设置过渡效果延迟的时间。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
CSS与DIV
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DIV层是网页制作中用于定位元素或者布局的一种技术，层的布局比表格更加灵活，它能够将层中的内容摆放到浏览器的任何位置，同时放入到层中的HTML元素可以为：文字、图像、动画或者是另一个DIV层。一个网页中也可以使用多个层，层与层之间可以重叠。同时配合CSS样式表可以对层进行精确定位和显示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
层的创建
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0224.jpg" target="_blank"><img alt="" width="782.6" height="119.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0366_0224.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：层由成对的<div>标签来定义，在进行层的定义时，需要将层的样式同时定义，否则在网页中不会显示出来。position属性代表定位方式，可以是绝对定位或者相对定位等。left和top属性进行左边距和顶端间距的设置。width和height属性进行宽度和高度设置。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
定位方式position
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0225.jpg" target="_blank"><img alt="" width="775.25" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0225.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：static表示为静态定位，是默认设置；absolute表示绝对定位，与位置属性top、bottom、right、left等结合使用可实现对元素的绝对定位；relative表示相对定位，对象不可层叠，但也要依据top、bottom、right、left等属性来设置元素的具体偏移位置。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置位置top/bottom/right/left
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0226.jpg" target="_blank"><img alt="" width="785.05" height="64.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0226.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：top、bottom、right、left分别表示对象与其他对象的顶部、底部、左边和右边的相对位置；auto表示采用默认值；长度值包括数字和长度单位；百分比作为属性，可以是相对值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置层的宽width和高height
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0227.jpg" target="_blank"><img alt="" width="775.25" height="36.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0227.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：width表示的是宽度，而height表示的是高度。长度包括长度值和单位，长度也可使用相对值中的百分比。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
设置层可见visibility
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0228.jpg" target="_blank"><img alt="" width="778.05" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0367_0228.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：visible表示该层是可见的；hidden表示该层被隐藏，是不可见的；inherit表示子层或子元素会继承父层或父元素的可见性，父级元素可见则子级元素也可见。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript语法基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript是一种网页的脚本编程语言，同时也是一种基于对象的编程语言。它只能通过浏览器实现网络的访问和动态交互。在HTML中嵌入JavaScript小程序后，提高了网页的动态性。JavaScript可以直接对用户提交的信息在客户端做出回应。它的运行环境与操作系统没有关系，它是一种依赖浏览器本身运行的编程语言。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
基本数据类型
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript提供了4种数据类型：数值型、字符型、布尔型和空值。四种数据类型的数据可以是常量也可以是变量。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript和其他编程语言一样，变量的命名也必须符合以下的变量命名规则：只能由字母、数字和下画线组成，并且第一个字符必须是字母或者下画线；JavaScript语言区分大小写；不能使用已有的关键字作为变量名。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
运算符
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript中运算符主要分为：算数运算符、比较运算符和逻辑运算符等。JavaScript中的算数运算符和其他编程语言差异不大。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
程序结构
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript语言的程序结构与其他语言一样，也是顺序、选择及循环等三种结构，其中，选择结构也是分为if语句和switch语句，循环结构分为，while、do…while和for语句，结构与语法与前文C#语言基本相同。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript中的事件
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript是一门基于对象的编程语言，虽然没有面向对象编程语言那样规范和严格，但有面向对象的编程必须要有事件的驱动，才能执行程序。例如，当用户填写完表单数据，点击提交按钮时，就发生了一个鼠标单击（onClick）事件，需要浏览器做出处理，返回给用户一个结果。使用语法如：<input name="按钮名称"type="button"onClick="处理语句或是函数"value="按钮文字">，其他事件使用语法类似。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 常见的事件和说明如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0370_0229.jpg" target="_blank"><img alt="" width="779.8" height="285.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0370_0229.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 常见的事件和说明
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript中的函数和对象
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在编写程序的过程中，为了提高运行效率，方便后期的组织和调试以及更新维护，并不是把所有程序堆积在一起，而是将一个大程序分解为多个小程序块，也就是函数。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript中的函数
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）有参函数的定义。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0371_0230.jpg" target="_blank"><img alt="" width="780.15" height="57.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0371_0230.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：function是定义函数的关键字，函数的形参可以有一个或者多个，具体的函数内容写在一对花括号之中。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）无参函数的定义。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0372_0231.jpg" target="_blank"><img alt="" width="760.9" height="63.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0372_0231.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：function是定义函数的关键字，具体的函数内容写在一对花括号之中。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JavaScript中的对象
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript脚本语言是一门基于面向对象的编程语言，它也有一些预定义对象支持的简单对象模型。JavaScript中有浏览器内部对象，也有内置对象，现对一些重要的对象进行介绍。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）Navigator对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> Navigator对象管理着浏览器的基本信息，如版本号、操作系统等。例如显示版本号可以使用<script>document.write（navigator.appVersion）</script>。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）Location对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> Location是浏览器内置的一个静态的对象，它显示的是一个窗口对象所打开的地址。使用此对象是要考虑权限问题，不同的协议或者不同的主机不能互相引用彼此的Location对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）Window对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> Window是一个优先级很高的对象，该对象包含了丰富的属性、方法。程序员可以简单地操作这些属性方法，对浏览器窗口进行控制。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）Document对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript的输入和输出需要通过对象来完成，Document对象就是输出对象其中之一。Document对象最主要的方法是write()。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （5）内置对象和方法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JavaScript脚本语言也提供了一些内置的对象，程序员可以利用这些对象以及对象的属性和方法更好的编程。内置对象包括Date对象、String对象、Math对象等。使用内置对象的语法格式如下：对象名.方法名称（参数）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery概述
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery是轻量级库的JavaScript库，它兼容CSS3，还兼容各种浏览器，jQuery 2.0及后续版本将不再支持IE 6/7/8浏览器。jQuery使用户能更方便地处理HTML、events实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户不用再在HTML通过<script>标签插入一大堆JavaScript语句来调用命令，只需要定义id即可。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件，其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery的主要功能包括：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .HTML的元素选取。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .HTML的元素操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .DOM遍历和修改。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .JS特效和动画效果。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .CSS操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .HTML事件操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .Ajax异步请求方式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery库的引用
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery是一个轻量级的JavaScript库，里面包含所有的jQuery方法。如果要使用这些方法，那么必须首先引用这个库。引用分为在线引用和本地引用，本地引用就要事先把jQuery下载到本地，src指定引用地址路径。一般推荐在线引用，如直接引用官方地址：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0373_0232.jpg" target="_blank"><img alt="" width="791.35" height="89.6" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0373_0232.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 其中latest表示最新官方版本。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery语法基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery基本结构由两个部分组成：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）获取jQuery对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）对jQuery对象执行的操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0373_0233.jpg" target="_blank"><img alt="" width="785.05" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0373_0233.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：$定义jQuery，将被选的DOM对象转换成jQuery对象，$是jQuery的简写，也可以直接用jQuery代替$。selector是选择器，类似于CSS选择器。action()是要对jQuery对象行的操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery选择器
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery元素选择器和属性选择器允许通过标签名、属性名或内容对HTML元素／元素组进行选择和操作。jQuery选择器也允许对DOM元素组或单个DOM节点进行操作。分为基本选择器、层次选择器、伪类选择器、属性选择器。使用最多的是基本选择器，其用法如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery元素选择器
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery使用CSS选择器来选取HTML元素。例如以下代码：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0234.jpg" target="_blank"><img alt="" width="772.8" height="89.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0234.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery属性选择器
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> jQuery使用XPath表达式来选择带有给定属性的元素。例如以下代码：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0235.jpg" target="_blank"><img alt="" width="769.3" height="117.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0235.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
jQuery中的事件
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> HTML页面对不同访问者的响应叫做事件。事件处理程序指的是当HTML中发生某些事件时所调用的方法。例如在元素上移动鼠标、选取单选按钮、点击元素等动作触发的相应都可以对应相应的事件（处理程序）。jQuery的本质就是为这些事件处理特别设计的API库。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 常见的DOM事件如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0236.jpg" target="_blank"><img alt="" width="786.45" height="174.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0236.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 常见的DOM事件
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在jQuery中，大多数DOM事件都有一个等效的jQuery方法。例如jQuery文档load事件基本用法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0237.jpg" target="_blank"><img alt="" width="780.15" height="39.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0237.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 鼠标单击click事件基本用法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0238.jpg" target="_blank"><img alt="" width="785.05" height="38.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0374_0238.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
AJAX
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
AJAX概述
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> AJAX的全称是Asynchronous JavaScript and XML，中文翻译为“JavaScript和XML异步网络请求”，它是Web 2.0技术的核心，由多种技术组合而成。使用AJAX技术不必刷新整个页面，只需对页面的局部进行更新，可以节省网络带宽，提高网页加载速度，从而缩短用户等待时间，改善用户体验。AJAX技术主要包括：客户端脚本语言JavaScript、异步数据获取技术XMLHttpRequest、数据互换和操作技术XML和XSLT、动态显示和交互技术DOM及基于标准的表示技术XHTML和CSS等。AJAX极大的发掘了Web浏览器的潜力，开启了大量的可能性，从而有效地改善了用户操作体验。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 传统的Web应用允许用户填写表单form，当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其他一些基于XML的Web Service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
AJAX的工作原理和XmlHttpRequest对象
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> AJAX的工作原理如下图所示。首先通过XmlHttpRequest对象来向服务器发异步请求，服务器处理后向浏览器返回数据，然后用JavaScript操作DOM处理数据，最后用CSS和XHTML设置数据的样式来更新页面。这其中最关键的一步就是从服务器获得请求数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0375_0239.jpg" target="_blank"><img alt="" width="627.9" height="175.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0375_0239.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> AJAX的工作原理
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 这里，XmlHttpRequest对象是AJAX的核心。该对象用于在后台与服务器交换数据，利用该对象AJAX就可以实现：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .在不重新加载页面的情况下更新网页。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .在页面已加载后从服务器请求数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .在页面已加载后从服务器接收数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .在后台向服务器发送数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
XmlHttpRequest对象的属性
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XmlHttpRequest对象的属性如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0376_0240.jpg" target="_blank"><img alt="" width="791.0" height="470.4" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0376_0240.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XmlHttpRequest对象的属性
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
XmlHttpRequest对象的方法
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XmlHttpRequest对象的方法如下表所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0376_0241.jpg" target="_blank"><img alt="" width="792.05" height="492.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0376_0241.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XmlHttpRequest对象的方法
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
AJAX的使用步骤
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）首先，创建XMLHttpRequest对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语句：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0242.jpg" target="_blank"><img alt="" width="774.2" height="172.9" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0242.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）使用XMLHttpRequest对象的open()方法发送请求给服务器。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> open（request-type，url，async）方法包括三个参数，其中request-type包括get和post两种请求方式，分别对应不同的send()用法；async参数一般为true，默认为异步操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 例如get请求方式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0243.jpg" target="_blank"><img alt="" width="776.65" height="65.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0243.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 例如post请求方式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0244.jpg" target="_blank"><img alt="" width="777.7" height="116.2" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0244.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 另外，post传输数据量大，主要用于向服务器发送大的数据，可以大到2MB；get传输数据量小，主要向服务器发送小的请求，发送数据最大为2KB。相比之下get发送更快，但是发送包含未知字符的用户输入时，post比get更稳定也更可靠。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）调用回调函数。如在上一步open的第3个参数是true，那么当前就是异步请求，这时需要写一个回调函数，XMLHttpRequest对象的onreadystatechange属性，这个属性返回的是一个匿名方法，所以回调函数就写成xmlhttp.onreadystatechange=function｛｝，其内部就是回调函数的内容。回调函数是请求在后台处理完再返回到前台所实现的功能。下面例子的回调函数要实现的功能是接收后台处理后反馈给前台的数据，然后将这个数据显示到指定id的div上。因为从后台返回的数据可能是错误的，所以在回调函数中首先要判断后台返回的信息是否正确，如果正确才可以继续执行。代码如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0245.jpg" target="_blank"><img alt="" width="777.35" height="245.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0377_0245.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）发送HTTP请求。在经过以上步骤的设置之后，就可以将HTTP请求发送到Web服务器上去了。发送HTTP请求可以使用XMLHttpRequest对象的send()方法，其代码如下所示：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0378_0246.jpg" target="_blank"><img alt="" width="774.2" height="40.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0378_0246.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 其中data是个可选参数，如果请求的数据不需要参数，即可以使用null来替代。data参数的格式与在URL中传递参数的格式类似。在使用send()方法之后，XMLHttpRequest对象的readyState属性值才会开始改变，也才会激发readystatechange事件，并调用函数，把服务器的数据传到前端，通过局部div进行更新变化。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JSON
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JSON概述
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，是基于JavaScript的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。JSON将JavaScript对象中表示的一组数据转换为字符串，可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从Web客户机传递给服务器端程序。JSON具有简洁和清晰的层次结构，易于阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。JSON文件的文件类型是".JSON"，MIME类型是"application/JSON"。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JSON语法规则
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在JavaScript语言中，一切都是对象。因此，任何支持的类型都可以通过JSON来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JSON语法有以下几个特点：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据表示为名称和键值对。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据由逗号分隔。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .花括号保存对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .方括号保存数组。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）JSON名称／键值对。JSON数据的书写格式是：名称／键值对。包括字段名称（在双引号中），后面写一个冒号，然后是值。例如：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0378_0247.jpg" target="_blank"><img alt="" width="780.15" height="41.3" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0378_0247.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 等价于JavaScript语句：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0248.jpg" target="_blank"><img alt="" width="802.9" height="28.7" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0248.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）JSON值。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JSON值是：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数字（整数或浮点数）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .字符串（在双引号中）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .逻辑值（true或false，注意是小写）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .对象（在大括号｛｝中）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 例如：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0249.jpg" target="_blank"><img alt="" width="774.2" height="44.8" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0249.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数组（包括在中括号［］中）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 例如：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0250.jpg" target="_blank"><img alt="" width="793.45" height="93.1" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0250.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .Null（空值）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）JSON.parse()。JSON通常用于与服务端交换数据。在接收服务器数据时一般是字符串，可以使用JSON.parse()方法将数据转换为JavaScript对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0251.jpg" target="_blank"><img alt="" width="788.9" height="31.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0251.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：text是一个有效的JSON字符串。reviver可选，一个转换结果的函数，将为对象的每个成员调用此函数。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）JSON.stringify()。是将一个JavaScript值（对象或者数组）转换为一个JSON字符串。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0252.jpg" target="_blank"><img alt="" width="779.1" height="37.45" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0379_0252.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：value是要转换的JavaScript值（通常为对象或数组）。replacer可选，用于转换结果的函数或数组，replacer为函数，则JSON.stringify将调用该函数，并传入每个成员的键和值；如果replacer是一个数组，则仅转换该数组中具有键值的成员。space可选，文本添加缩进、空格和换行符，如果space是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果space大于10，则文本缩进10个空格。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
JSON的应用
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> JSON最常见的用法之一是从Web服务器上读取JSON数据（作为文件或作为HttpRequest），将JSON数据转换为JavaScript对象，然后在网页中使用该数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 由于JSON语法是JavaScript语法的子集，JavaScript通过eval()函数可用于将JSON文本转换为JavaScript对象。eval()函数使用的是JavaScript编译器，可解析JSON文本，然后生成JavaScript对象。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> eval()函数的用法：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0380_0253.jpg" target="_blank"><img alt="" width="779.1" height="35.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0380_0253.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 其中，txt是Son文本。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
XML
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
XML概述
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XML指可扩展标记语言（Extensible Markup Language），XML的设计宗旨是传输数据，而非显示数据。XML标签没有被预定义，需要自行定义标签。XML语言具有自我描述性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XML是纯文本，有能力处理纯文本的软件都可以处理XML。不过，能够读懂XML的应用程序可以有针对性地处理XML的标签。标签的功能性意义依赖于应用程序的特性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XML不是对HTML的替代，是对HTML的补充。在大多数Web应用程序中，XML用于传输数据，而HTML用于格式化并显示数据。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> XML应用于Web开发的许多方面，具体一些用途如下：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）XML把数据从HTML分离。如果你需要在HTML文档中显示动态数据，那么每当数据改变时将花费大量的时间来编辑HTML。通过XML，数据能够存储在独立的XML文件中。这样就可以专注于使用HTML进行布局和显示，而且修改底层数据不再需要对HTML进行任何的改变。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）XML简化数据共享。在真实的世界中，计算机系统和数据使用不兼容的格式来存储数据。XML数据以纯文本格式进行存储，因此提供了一种独立于软件和硬件的数据存储方法。这让不同应用程序可以共享数据变得更加容易。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）XML简化数据传输。通过XML，可以在不兼容的系统之间轻松地交换数据。对开发人员来说，不兼容系统之间交换数据是非常费时费力的工作。由于XML可以通过各种不兼容的应用程序来读取数据，所以降低了这种复杂性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （4）XML简化平台的变更。升级到新的系统（硬件或软件平台），常需要转换大量的数据，不兼容的数据经常会丢失。XML数据以文本格式存储，这使得XML在不损失数据的情况下，更容易扩展或升级到新的操作系统、新应用程序或新的浏览器。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
XML基本语法
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
基本语法说明
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 与HTML不同，XML的语法有着严格的要求。对于XML文档有两层要求：格式良好的（well-formed）和有效的（valid）。其中格式良好是基本要求。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 格式良好的要求包括：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ①确定且唯一的根元素。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ②开始标记和结束标记匹配。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ③正确的标记嵌套关系。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ④属性值要用引号括起。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> ⑤同一个元素的属性不能重复。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
建立XML文档
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 完整的建立一个XML文档。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
文档类型定义DTD
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 当编写了有效的，格式良好的XML文档后，一般都会定义很多新标记。XML是允许程序员使用自己的标记，但同时如何让其他程序员和用户理解你定义的标记就成为一个问题。在XML 1.0标准中，我们用文档类型定义（Document Type Definition）解决这个问题。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 在DTD中你可以向其他人或XML的语法分析器精确解释你标记集中每一个标记的含义，这也要求你要保证所有你使用的标记词汇表规则都在DTD中。否则XML解析器无法根据DTD验证文档的有效性。DTD同样规定了关于你使用的新词汇的语法，这一点对于XML文档的分析是十分重要的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DTD根据其出现的位置可分为内部DTD和外部DTD两种。内部DTD是指DTD和相应的XML文档都在同一个文档中。外部DTD文档是在XML文档之外，另外创建文件名为*.dtd的文档。下面分别对两种类型的DTD进行说明。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）内部DTD。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 内部DTD出现在XML的开始部分，内部DTD与XML在同一篇文档中。下面通过例8-18来说明内部DTD的使用方法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）外部DTD。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 外部DTD文档是将XML文档和DTD文档分成两个文件。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
Schema简介
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DTD对于文档结构的描述是很出色的。但是DTD使用不同于XML的独立的语法规则，而且DTD不支持数据类型。在DTD中，只有“PCDATA”一种类型的数据。但是在应用中，往往需要表达复杂的数据类型，像布尔型、时间、日期等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DTD的标记集是固定的，用户不能扩充标记。DTD的新标记集只有通过新的DTD标准来定义。换句话说，DTD不是开放的和可扩充的。Schema则具有开放的和可扩充的特性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DTD使用的是自己的语法结构，使用与XML不同的符号和标记，用户必须学习新的语法规则，使用新的标记和字符，这些语法和符号有时是复杂的。XML强大的自描述性使得XML自己可以表示自己，于是有了Schema的出现。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 新的XML描述方法Schema完善了DTD的不足。Schema本身就是一种XML的应用形式。所以，使用XML的语法和标记，适用XML的编辑器和解析器。Schema对于文档的结构、数据的属性、类型的描述是全面的。Schema还是DTD的一种扩展和补充。对于数据类型的定义弥补了DTD存在的缺陷。还有，Schema的出现解决了DOM和SAX无法应用于DTD的问题，因为Schema就是XML文档，DOM和SAX当然可以实现对XML文档的访问了。作为新的文档描述方式Schema不仅弥补了DTD的不足，同时还具有DTD的优势，这使得可以预见Schema将会替代DTD成为XML新的描述语言。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据库技术
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 计算机与人类相比的最大优势就是能够迅速准确地处理大量数据。因此，自从计算机发明以来，数据处理就是它的基本功能和关键技术。数据处理的中心问题是数据管理，即对数据的分类、组织、编码、存储、检索和维护等。而数据库技术正是数据处理技术发展到比较成熟后的产物。可以说，数据库技术是现代计算机应用的基础。电子商务以电子计算机及其网络技术取代传统方式来进行生产经营活动，当然离不开数据库技术的支持。数据库技术对电子商务的支持主要表现在两方面：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 存储和管理各种商务数据：这是数据库技术的基本功能。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 决策支持：近几年，随着数据仓库和数据挖掘技术的产生和发展，使企业可以科学地对数据库中海量的商务数据进行科学地组织、分析和统计，从而更好地服务于企业的决策支持。可以说，数据库技术是电子商务的一项支撑技术，在电子商务的建设中占有重要的地位。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据库技术基本理论
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 电子商务是利用电子网络进行的商务活动，这里的电子网络主要是指Internet和基于Internet技术的Intranet（企业内部网）、Extranet（企业外部网）。其进行的商务活动不仅包含电子数据交换所涉及的电子交易，还包括电子函件交流、网上站点宣传和利用Internet技术改造的其他传统应用。但电子商务应用的前提是企业管理信息系统的广泛应用。数据库技术是企业管理信息系统的核心技术之一，所以，要深入理解电子商务就应该先了解数据库的一些基本理论。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据模型
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 模型就是对现实世界特征的模拟和抽象，数据模型是对现实世界数据特征的抽象。对于具体的模型人们并不陌生，如航模飞机、地图和建筑设计沙盘等都是具体的模型。最常用的数据模型分为概念数据模型和基本数据模型。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）概念数据模型，也称信息模型，是按用户的观点对数据和信息建模，是现实世界到信息世界的第一层抽象，强调其语义表达功能，易于用户理解，是用户和数据库设计人员交流的语言，主要用于数据库设计。这类模型中最著名的是实体联系模型，简称E-R模型。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）基本数据模型。它是按计算机系统的观点对数据建模，是现实世界数据特征的抽象，用于DBMS的实现。基本的数据模型有层次模型、网状模型、关系模型和面向对象模型（Object Oriented Model）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据库结构的基础是数据模型，是用来描述数据的一组概念和定义。数据模型的三要素是数据结构、数据操作和数据的约束条件。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据结构。是所研究的对象类型的集合，是对系统静态特性的描述。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据操作。对数据库中各种对象（型）的实例（值）允许执行的操作的集合，包括操作及操作规则。如操作有检索、插入、删除和修改，操作规则有优先级别等。数据操作是对系统动态特性的描述。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据的约束条件。是一组完整性规则的集合。也就是说，对于具体的应用数据必须遵循特定的语义约束条件，以保证数据的正确、有效和相容。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
关系数据库
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）基本概念。关系数据库是以关系模型为基础的数据库，它利用关系来描述现实世界。关系模型有三部分组成：数据结构、关系操作集合、关系的完整性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据结构。在关系模型中，无论是实体还是实体之间的联系均由单一的结构类型即关系来表示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .关系操作。关系代数（或等价的关系演算）中并、交、差、选择、投影、连接等。关系模型给出了关系操作的能力和特点，但不对DBMS的语言给出具体的语法要求，关系语言的特点是高度的非过程化。其操作方式的特点是集合操作，即操作的对象和结果是集合，称为一次一集合的方式，而不是一次一记录的方式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .关系完整性。实体完整性、参照完整性和用户自己定义的完整性。实体完整性是保证数据库中记录的唯一性，即每个记录的主键不能为空值也不能与其他记录的主键相同。参照完整性是保证表与表之间语意上的完整性，即当一个表引用在另一个表中定义的实体时，要保证这个实体的有效性。这两种完整性是关系模型必须满足的约束条件，应该由关系系统自动支持。而用户自定义完整性反映了用户的要求，是用户自行定义的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）结构化查询语言（SQL）。结构化查询语言（Structured Query Language，SQL）的理论是在1974年被提出的，并在IBM公司的System R上实现。由于它功能丰富、使用方式灵活、语言简洁易学等优点，在计算机工业界和用户中备受青睐，很快得以推广。后来，美国国家标准局（ANSI）和国际标准化组织（ISO）先后批准SQL作为关系数据库语言的美国及国际标准。至此，SQL就成为关系数据库的标准语言，关系数据库系统一般都支持标准SQL语句。所以，尽管当今不同品牌的关系数据库有这样或那样的差异，人们都可以通过标准SQL语句对数据库进行操作，这就大大减轻了用户的负担。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> SQL虽被称为“查询语言”，其功能却不仅仅是查询，它的功能包括数据定义、数据操纵、数据库控制、事务控制四个方面，是一个综合、通用、功能强大的关系数据库语言。其中：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据定义。用于定义和修改数据库对象。如CREATE TABLE（创建表）、DROP TABLE（删除表）等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据操纵。对数据的增、删、改和查询操作。如SELECT（查询数据）、INSERT（插入记录）、DELETE（删除记录）、UPDATE（修改数据）等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .数据库控制。控制用户对数据库的访问权限。如GRANT（授予权利）、REVOKE（取消权利）等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .事务控制。控制数据库系统事务的运行。如COMMIT（事务提交）、ROLLBACK（事务撤销）等。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> SQL有如下几个比较突出的优点。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .一体化。SQL可以完成包括数据库定义、修改、删除、数据更新、数据查询等数据库生命周期中的全部活动，给用户使用带来很多方便。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .灵活。SQL有两种使用方式。一种是联机交互使用，另一种是嵌入某种高级程序设计语言的程序中。这两种方式的语法结构是统一的。这样既给用户带来了灵活的选择余地，又不会带来不一致的困扰。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .高度非过程化。与高级编程语言相比，SQL对数据库的操作方面是非常有优势的。使用SQL用户只需提出“做什么”，不用了解实现的细节，复杂的过程均由系统自动完成。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .语言简洁，易学易用。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）关系数据的规范化理论。为了使数据库设计的方法走向完备，人们提出规范化理论。规范化可以使关系的结构简化，更加有规律，存储尽量减少冗余，使数据库设计得更为合理。规范化的目的可以概括为以下几点：①保证库中每一个分量都不可再分；②消除冗余存储，简化检索操作；③消除插入异常和删除异常。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据库系统的建立
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据库系统是企业整个管理信息系统的核心和基础，它的任务就是把系统中大量的数据按一定的模型组织起来，以便及时、准确地提供给用户。一个管理信息系统的各部分是否能紧密地结合在一起以及如何结合，关键在数据库。因此只有对数据库进行合理的逻辑设计和有效的物理设计才能开发出完善而高效的管理信息系统。数据库系统是整个管理信息系统建设重要的组成部分。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 建设数据库系统一般要分为两步：一是设计和建立高效的数据库（DB），二是设计和建立数据库管理系统（DBMS）。其基本过程如下图所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0388_0254.jpg" target="_blank"><img alt="" width="328.3" height="425.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0388_0254.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据库管理信息系统的建设过程
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据仓库、联机分析处理和数据挖掘
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 广义概念上的数据仓库是一种帮助企业作决策的体系化解决方案，它包括了三个方面的内容：数据仓库技术（Data Warehouse，DW）、联机分析处理技术（Online Analytical Processing，OLAP）和数据挖掘技术（Data Mining，DM）。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据仓库技术
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据仓库是一种只读的、用于分析的数据库，常常作为决策支持系统的底层。它从大量的事务型数据库中抽取数据，并将其清理、转换为新的存储格式，即为了决策目标而把数据聚合在一种特殊的格式中。数据仓库之父W. H. Inmon对数据仓库的定义是：数据仓库是支持管理决策过程的、面向主题的、集成的、随时间变化的、但信息本身相对稳定的数据集合。其中，“主题”是指用户使用数据仓库辅助决策时所关心的重点问题，每一个主题对应一个客观分析领域，如销售、成本、利润的情况等。那么，所谓“面向主题”就是指数据仓库中的信息是按主题组织的，按主题来提供信息。“集成的”是指数据仓库中的数据不是业务处理系统数据的简单拼凑与汇总，而是经过系统地加工整理，是相互一致的、具有代表性的数据。所谓“随时间变化”，是指数据仓库中存储的是一个时间段的数据，而不仅仅是某一个时点的数据，所以主要用于进行时间趋势分析。一般数据仓库内的数据时限为5～10年，数据量也比较大。“信息本身相对稳定”，是指数据一旦进入数据仓库，一般情况下将被长期保留，变更很少。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据仓库，是在数据库已经大量存在的情况下，为了进一步挖掘数据资源，为了决策需要而产生的，它并不是所谓的“大型数据库”。数据仓库的方案建设的目的，是为前端查询和分析作为基础，由于有较大的冗余，所以需要的存储也较大。为了更好地为前端应用服务，数据仓库往往有如下几个特点：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）数据效率足够高。数据仓库的分析数据一般分为日、周、月、季、年等，可以看出，日为周期的数据要求的效率最高，要求24小时甚至12小时内，客户能看到昨天的数据分析。由于有的企业每日的数据量很大，设计不好的数据仓库经常会出问题，延迟1～3日才能给出数据，显然不行的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）数据质量足够好。数据仓库所提供的各种信息，肯定要准确的数据，但由于数据仓库流程通常分为多个步骤，包括数据清洗、装载、查询、展现等，复杂的架构会更多层次，那么由于数据源有脏数据或者代码不严谨，都可以导致数据失真，客户看到错误的信息就可能导致分析出错误的决策，造成损失，而不是效益。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）数据有足够的扩展性。之所以有的大型数据仓库系统架构设计复杂，是因为考虑到了未来若干年的扩展性，这样的话，未来不用太快花钱去重建数据仓库系统，就能很稳定运行。主要体现在数据建模的合理性，数据仓库方案中多出一些中间层，使海量数据流有足够的缓冲，不至于数据量大很多，就运行不起来了。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据仓库组织和管理数据的方法与普通数据库不同。主要表现在三个方面：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）依据决策要求，只从数据库中抽取那些需要的数据，并进行预处理使系统获得特定的数据格式。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）数据仓库是多维的，即数据仓库的数据的组织方式有多层的行和列。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）支持决策处理，不同于普通的事务处理。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据仓库技术在近几年蓬勃发展起来，不少厂商都推出了他们的数据仓库产品，同时也推出了一些分析工具。仅仅拥有数据仓库是不够的，在其上应用各种工具进行分析，才能使数据仓库真正发挥作用。联机分析处理和数据挖掘就是这样的分析工具。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
联机分析处理技术
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 联机分析处理是针对特定问题的联机数据访问和分析，通过对信息进行快速、稳定、一致和交互式的存取，对数据进行多层次、多阶段的分析处理，以获得高度归纳的分析结果。联机分析处理是一种自上而下、不断深入的分析工具：在用户提出问题或假设之后，它负责提取出关于此问题的详细信息，并以一种比较直观的方式呈现给用户。联机分析处理技术的发展速度很快，在数据仓库的概念提出不久，联机分析处理的理论及相应工具就被相继推出了。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 联机分析处理要求按多维方式组织企业的数据，传统的关系数据库难以胜任。为此，人们提出了多维数据库的概念。正是这一技术的发展使决策分析中的数据结构和分析方法相分离，才有可能研制出通用而灵活的分析工具，并使分析工具产品化。维是人们观察现实世界的角度，决策分析需要从不同的角度观察分析数据，以多维数据为核心的多维数据分析是决策的主要内容。多维数据库是以多维方式来组织数据的。目前，联机分析处理的工具可分为两大类，一类是基于多维数据库的，另一类是基于关系数据库的。两者的相同点是基本数据源仍是数据库和数据仓库，都是基于关系数据模型的，都向用户显示多维数据视图；不同点在于，前者是把分析所需的数据从数据仓库中抽取出来，物理地组织成多维数据库，而后者则是利用关系表来模拟多维数据，并不是物理地生成多维数据库。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
数据挖掘技术
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据挖掘的基本思想就是从数据中抽取有价值的信息，其目的是帮助决策者寻找数据间潜在的关联，发现被忽略的要素，而这些信息对预测趋势和决策行为也许是十分有用的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 从数据库的角度看，数据挖掘就是这样一个过程，它从数据库的数据中识别出有效的、新颖的、具有潜在效用的并最终可理解的信息（如规则、约束等）的非平凡过程。非平凡是一个数学概念，用来描述其复杂程度，即数据挖掘既不是把数据全部抽取，也不是所有数据都不抽取，而是抽取出隐含的、未知的、可能有用的信息。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 从决策支持的角度看，数据挖掘是一种决策支持的过程，主要基于人工智能、机器学习、统计学和数据库技术等多种技术，能高度自动地分析企业原始的数据，进行归纳推理，从中挖掘出潜在的模式，使系统能通过这些发现的知识来预测客户的行为，帮助企业的决策者调整市场策略，从而减少风险，辅助做出正确的决策。它是提高商业和科学决策过程质量和效率的一种新方法。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 数据挖掘和联机分析处理都可以在数据仓库的基础上对数据进行分析，以辅助决策，那么它们之间是否有差别呢？答案是肯定的。从某种意义上来说，联机分析处理还是一种传统的决策支持方法。即，在某个假设的前提下通过数据查询和分析来验证或否定这个假设，所以联机分析处理是一种验证型的分析。一般来说验证型的分析有如下局限性：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）常常需要以假设为基础。用户的假设能力有限，只能局限于对几种变量进行假设。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）联机分析处理需要对用户的需求有全面而深入的了解，然而实际上有些时候用户的需求并不是确定的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）抽取信息的质量依赖于用户对结果的解释，容易导致错误。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 我们可以看出，联机分析处理是由用户驱动的，很大程度上受到用户水平的限制。与联机分析处理不同，数据挖掘是数据驱动的，是一种真正的知识发现方法。使用数据挖掘工具，用户不必提出确切的要求，系统能够根据数据本身的规律性，自动地挖掘数据潜在的模式，或通过联想，建立新的业务模型，帮助决策者调整市场策略，并找到正确的决策。这显然利于发现未知的事实。从数据分析深度的角度来看，联机分析处理位于较浅的层次，而数据挖掘则处于较深的层次。所以，联机分析处理和数据挖掘的主要差别就在于是否能自动地进行数据分析。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 近几年，越来越多的联机分析处理产品融入了数据挖掘的方法，所以联机分析处理与数据挖掘间的界限正在逐渐模糊。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
SQL语言
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
SQL概述
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> SQL（Structured Query Language）结构化查询语言，是一种数据库查询及程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，不同底层结构的不同数据库系统可以使用相同的SQL语言作为数据输入与管理的接口，常用的数据库开发系统，都支持SQL语言作为查询语言。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> SQL语言主要具有以下优点：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .非过程化语言。SQL是一个非过程化的语言，因为它一次处理一个记录，对数据提供自动导航。SQL允许用户在高层的数据结构上工作，而不对单个记录进行操作。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .统一的语言。SQL将许多任务统一在一种语言之中，包括：查询数据；在表中插入、修改和删除记录；建立、修改和删除数据对象；控制对数据和数据对象的存取；保证数据库一致性和完整性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> .是所有关系数据库的公共语言。由于主流的关系数据库管理系统都支持SQL语言，所以SQL语言具有很强的公用性，所有用SQL编写的程序都是可以移植的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
SQL语法基础
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （1）CREATE建立表结构语句。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法格式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0391_0255.jpg" target="_blank"><img alt="" width="792.05" height="145.25" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0391_0255.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：CREATE语句用于创建数据库中的表。其中column_name代表表中的字段名称，data_type代表字段可容纳何种数据类型。常用的数据类型可以是integer（size）、int（size）、smallint（size）、tinyint（size）、decimal（size，d）、numeric（size，d）、varchar（size）、date（yyyymmdd）等。CREATE语句的应用格式如下所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0391_0256.jpg" target="_blank"><img alt="" width="781.55" height="141.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0391_0256.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0257.jpg" target="_blank"><img alt="" width="775.95" height="115.85" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0257.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句创建Student学生表，其中包含Id、Sname等六个字段。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （2）SELECT查询语句。SELECT语句是数据库最基本语句之一，也是最常用的SQL操作。用户使用SELECT语句可以从数据库中按照自身的需要查询数据信息。系统按照用户的要求选择数据，然后将选择的数据以用户规定的格式整理后返回给用户。用户使用SELECT语句不但可以对数据库进行精确查询，还可以进行模糊查询。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 基本语法格式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0258.jpg" target="_blank"><img alt="" width="775.95" height="199.5" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0258.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：ALL|DISTINCT用来标识在查询结果中出现相同行时的处理方式。如果使用关键字ALL，则返回查询结果中的所有行（包括重复行）；如果使用关键字DISTINCT，返回删除相同行的查询结果；select_list表示获取字段信息的字段列表，各个字段名称之间用逗号分隔。在这个列表中可以包含数据源表或视图中的字段名称及其他表达式，例如常量或函数。如果用户用“*”来代替字段列表，那么系统将返回指定数据库表中的全部数据信息；INTO new_table_list代表创建一个新的数据表，这个数据表的名称是new_table_list，包含的数据信息是查询出来的结果集；table_list表示数据信息的数据源表列表；WHERE search_conditions代表查询条件，该子句表示一个或多个筛选条件的组合。WHERE子句中可以使用算数运算符、比较运算符和逻辑运算符来设置条件。还可以使用BETWEEN…AND…、LIKE、IN、NOT IN等特殊运算符；GROUP BY group_by_list表示查询的分组条件，即归纳信息类型；HAVING search_conditions表示组或聚合的查询条件；ORDER BY order_lis表示查询结果的排序方式。具体应用格式如以下SQL语句所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句一：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0259.jpg" target="_blank"><img alt="" width="777.35" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0259.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查找Student学生表中所有学生的信息。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句二：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0260.jpg" target="_blank"><img alt="" width="782.95" height="39.55" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0392_0260.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查找Student学生表中广东籍女学生的Sno、Sname和Sclass信息。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句三：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0261.jpg" target="_blank"><img alt="" width="787.5" height="33.95" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0261.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查找Student学生表中Sno最小的前10个记录。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句四：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0262.jpg" target="_blank"><img alt="" width="787.15" height="38.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0262.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查找Student学生表中所有Snative既不是湖南也不是湖北的学生信息。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句五：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0263.jpg" target="_blank"><img alt="" width="785.75" height="32.2" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0263.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查询以Sclass作为分组条件，查询结果为Student学生表中每个班的人数。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语句六：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0264.jpg" target="_blank"><img alt="" width="802.2" height="61.6" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0264.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句查找Student学生表中人数大于30的Sclass和人数。HAVING子句总是跟在GROUP BY子句之后，不可以单独使用。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> （3）INSERT插入语句。在SQL语句中，向数据表中添加数据的常用方法就是使用INSERT语句。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法格式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0265.jpg" target="_blank"><img alt="" width="787.5" height="90.65" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0265.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：INSERT INTO子句用于指定向某数据表插入数据。数据表名跟在INSERT INTO关键字后面；column name用于指定该数据表的列名，可以指定一列或者多列，所有这些列都必须放在圆括号“()”中。如果要指定多个列，则必须用逗号隔开。如果指定了列名，那么在目标数据表中所有未被指定的列必须支持空值或者默认值；VALUES子句主要用于提供向表中插入的值。这些值也必须放在圆括号中，如果指定的值为多个时，这些值之间也必须用逗号隔开。具体应用形式可见以下语句。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0266.jpg" target="_blank"><img alt="" width="792.05" height="57.05" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0393_0266.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句向Student学生表插入一条新的记录。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
UPDATE更新语句
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 当数据被添加到数据表之后，会经常需要修改。在SQL语言中，对数据的修改是通过使用UPDATE语句来实现的。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法格式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0267.jpg" target="_blank"><img alt="" width="774.2" height="91.0" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0267.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：UPDATE子句和SET子句是必需的，而WHERE子句是可选的。在UPDATE子句中，必须指定将要更新的数据表的名称。在SET子句中，必须指定一个或多个子句表达式。使用UPDATE语句可以更改表中单行、多行或者表或视图中所有行的数值。具体应用形式可见以下语句。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0268.jpg" target="_blank"><img alt="" width="780.15" height="38.15" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0268.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 将Student学生表中Sname为刘晶晶的Sclass和Snative记录进行更新。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm_xiaobiaoti">
DELETE删除语句
</span>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> DELETE语句用来从表或视图中删除一行或者多行记录。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法格式：
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0269.jpg" target="_blank"><img alt="" width="772.8" height="42.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0269.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 语法说明：DELETE FROM子句要求指定从中删除行的表的名称，WHERE指定搜索条件。如果在DELETE语句中没有包括WHERE子句，那么将从指定的表中删除所有行。在DELETE语句中没有指定列名，这是因为不能从表中删除单个列的值。具体应用形式可见以下语句。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> <a href="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0270.jpg" target="_blank"><img alt="" width="782.95" height="35.35" src="https://www.rkpass.cn/ruankao_work_version_0103/content_image/21/9787302534426_0394_0270.jpg" /></a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> 该语句删除Student学生表中Sname为“刘晶晶”的记录。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" align="center" colspan="" height="30" bgcolor=""></td>
</tr>
</table>
<!--一个完整知识点的区域 结束-->
</td>
</tr>
<tr>
<td align="center" valign="" width="970" height="20"> </td>
</tr>
</table>
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="">
<tr>
<td align="center" valign="" width="970" height="10"></td>
</tr>
</table>
<!--谷歌 广告区域-->
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="" width="100%">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td width="100%" align="center" colspan="" height="" bgcolor=""><a href="http://www.intstring.com" target="_blank"><img name="n1_r3_c4" src="https://www.rkpass.cn/ad/image/intstring/970_3.jpg" width="" height="" id="" alt="" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="">
<tr>
<td align="center" valign="" width="970" height="10"></td>
</tr>
</table>
<!--谷歌 广告区域-->
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="">
<tr>
<td align="center" valign="" width="100%">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td width="100%" align="center" colspan="" height="" bgcolor="">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9950270115753994"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-9950270115753994"
data-ad-slot="7712823890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--谷歌 广告区域-->
</td>
<td align="left" valign="top" height="" width="10" >
</td>
<td align="left" valign="top" height="" width="300" >
<table width="300" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#ffffff" >
<tr>
<td align="left" valign="top" height="12" colspan="3" width="" ></td>
</tr>
<tr>
<td align="left" valign="top" height="15" width="10" ></td>
<td align="left" valign="top" height="" width="" > <span class="num-hui">相关知识点：</span>
</td>
<td align="left" valign="top" height="15" width="10" ></td>
</tr>
<tr>
<td align="left" valign="top" height="15" width="" ></td>
<td align="left" valign="top" height="" width="" >
<div class="pins-other-tags">
<div class="list">
<a href="202106031225094003507_v2_pc_all.html" target="_blank">电子商务系统平台配置</a> <br>
<a href="202106031245355866411_v2_pc_all.html" target="_blank">企业信息系统层（EIS）</a> <br>
<a href="202106031237442537488_v2_pc_all.html" target="_blank">网上支付</a> <br>
<a href="202106031245387278316_v2_pc_all.html" target="_blank">Spring框架</a> <br>
<a href="202106031245196769422_v2_pc_all.html" target="_blank">多态</a> <br>
<a href="202106031244585235674_v2_pc_all.html" target="_blank">IPv6的地址表示</a> <br>
<a href="202106031235295443992_v2_pc_all.html" target="_blank">TCP/IP协议各层的主要功能</a> <br>
<a href="202106031245541654339_v2_pc_all.html" target="_blank">Android的系统架构</a> <br>
<a href="202106031245107443038_v2_pc_all.html" target="_blank">程序控制语句</a> <br>
<a href="202106031228529974908_v2_pc_all.html" target="_blank">电子商务网站的基本构件</a> <br>
<a href="202106031237511236198_v2_pc_all.html" target="_blank">交易管理</a> <br>
<a href="202106031246035332720_v2_pc_all.html" target="_blank">iOS系统架构（结构）</a> <br>
<a href="202106031245323937356_v2_pc_all.html" target="_blank">Web层</a> <br>
<a href="202106031235370575448_v2_pc_all.html" target="_blank">IPv6地址</a> <br>
<a href="202106031237415004379_v2_pc_all.html" target="_blank">信息发布</a> <br>
<a href="202106031237533748542_v2_pc_all.html" target="_blank">.NET平台的搭建</a> <br>
<a href="202106031244530996549_v2_pc_all.html" target="_blank">传输层</a> <br>
<a href="202106031245337174948_v2_pc_all.html" target="_blank">业务层</a> <br>
<a href="202106031228089531644_v2_pc_all.html" target="_blank">.NET平台技术及其结构</a> <br>
<a href="202106031237573405507_v2_pc_all.html" target="_blank">App开发平台的搭建</a> <br>
<a href="202106031235508743771_v2_pc_all.html" target="_blank">面向对象编程概述</a> <br>
<a href="202106031235360699691_v2_pc_all.html" target="_blank">域名</a> <br>
<a href="202106031235435659222_v2_pc_all.html" target="_blank">远程登录服务（Telnet）</a> <br>
<a href="202106031244549859492_v2_pc_all.html" target="_blank">应用层</a> <br>
<a href="202106031237348777911_v2_pc_all.html" target="_blank">定位网站客户</a> <br>
<a href="202106031236069936272_v2_pc_all.html" target="_blank">J2EE框架</a> <br>
<a href="202106031236101434792_v2_pc_all.html" target="_blank">iOS平台技术及其结构</a> <br>
<a href="202106031237390792184_v2_pc_all.html" target="_blank">设定网站盈利模式</a> <br>
<a href="202106031235380483196_v2_pc_all.html" target="_blank">WWW服务</a> <br>
<a href="202106031237552801451_v2_pc_all.html" target="_blank">Java平台的搭建</a> <br>
<a href="202106031237428394663_v2_pc_all.html" target="_blank">网上订购</a> <br>
<a href="202106031245080342412_v2_pc_all.html" target="_blank">运算符和表达式</a> <br>
<a href="202106031237373068853_v2_pc_all.html" target="_blank">理顺结构和层次</a> <br>
<a href="202106031235462796492_v2_pc_all.html" target="_blank">新闻组服务（NewsGroup）</a> <br>
<a href="202106031245055139572_v2_pc_all.html" target="_blank">数据类型和变量</a> <br>
<a href="202106031246015248973_v2_pc_all.html" target="_blank">iOS平台简介</a> <br>
<a href="202106031245037207104_v2_pc_all.html" target="_blank">面向对象三大特征</a> <br>
<a href="202106031245237853676_v2_pc_all.html" target="_blank">J2EE的优势</a> <br>
<a href="202106031245261604390_v2_pc_all.html" target="_blank">J2EE的结构</a> <br>
<a href="202106031237475207562_v2_pc_all.html" target="_blank">电子账户</a> <br>
<a href="202106031228182315837_v2_pc_all.html" target="_blank">移动端开发平台技术及其结构</a> <br>
<a href="202106031245134476514_v2_pc_all.html" target="_blank">数组</a> <br>
<a href="202106031235332148142_v2_pc_all.html" target="_blank">IP地址</a> <br>
<a href="202106031228047442738_v2_pc_all.html" target="_blank">Internet的IP地址及域名</a> <br>
<a href="202106031228544011731_v2_pc_all.html" target="_blank">电子商务网站的基本功能</a> <br>
<a href="202106031237501212514_v2_pc_all.html" target="_blank">意见征询</a> <br>
<a href="202106031245451176257_v2_pc_all.html" target="_blank">Hibernate框架</a> <br>
<a href="202106031228518567343_v2_pc_all.html" target="_blank">电子商务系统总体规划</a> <br>
<a href="202106031245223733571_v2_pc_all.html" target="_blank">J2EE简介</a> <br>
<a href="202106031237457612762_v2_pc_all.html" target="_blank">咨询洽谈</a> <br>
<a href="202106031244505433883_v2_pc_all.html" target="_blank">网络层</a> <br>
<a href="202106031235481386312_v2_pc_all.html" target="_blank">Intranet技术</a> <br>
<a href="202106031237489657621_v2_pc_all.html" target="_blank">服务传递</a> <br>
<a href="202106031236051487564_v2_pc_all.html" target="_blank">J2EE体系结构</a> <br>
<a href="202106031236086049183_v2_pc_all.html" target="_blank">Android平台技术及其结构</a> <br>
<a href="202106031245179143454_v2_pc_all.html" target="_blank">继承</a> <br>
<a href="202106031236003274856_v2_pc_all.html" target="_blank">J2EE应用概述</a> <br>
<a href="202106031235532699853_v2_pc_all.html" target="_blank">C#语言编程基础</a> <br>
<a href="202106031245009999277_v2_pc_all.html" target="_blank">面向对象程序设计思想</a> <br>
<a href="202106031245368095231_v2_pc_all.html" target="_blank">Struts框架</a> <br>
<a href="202106031245277874364_v2_pc_all.html" target="_blank">J2EE的核心API与组件</a> <br>
<a href="202106031245308286790_v2_pc_all.html" target="_blank">客户层</a> <br>
<a href="202106031224396419393_v2_pc_all.html" target="_blank">电子商务系统网络技术</a> <br>
<a href="202106031237322264663_v2_pc_all.html" target="_blank">确定网站建设目的</a> <br>
<a href="202106031228073047228_v2_pc_all.html" target="_blank">Internet服务</a> <br>
<a href="202106031235270619346_v2_pc_all.html" target="_blank">TCP/IP基本概念</a> <br>
<a href="202106031235408789718_v2_pc_all.html" target="_blank">文件传输服务（FTP）</a> <br>
<a href="202106031228557913838_v2_pc_all.html" target="_blank">系统平台的选择与配置</a> <br>
<a href="202106031228159013184_v2_pc_all.html" target="_blank">J2EE平台技术及其结构</a> <br>
<a href="202106031244468012429_v2_pc_all.html" target="_blank">数据链路层（又称网络接口层）</a> <br>
<a href="202106031244566307863_v2_pc_all.html" target="_blank">IPv6地址的基本概念</a> <br>
<a href="202106031235389811298_v2_pc_all.html" target="_blank">电子邮件服务（E-mail Service）..</a> <br>
<a href="202106031237402997915_v2_pc_all.html" target="_blank">设定主要业务流程</a> <br>
<a href="202106031245514211155_v2_pc_all.html" target="_blank">Android平台简介</a> <br>
<a href="202106031224442211159_v2_pc_all.html" target="_blank">电子商务平台开发技术</a> <br>
<a href="202106031235347837725_v2_pc_all.html" target="_blank">IP地址的分类</a> <br>
<a href="202106031245212938938_v2_pc_all.html" target="_blank">异常处理</a> <br>
<a href="202106031245558548426_v2_pc_all.html" target="_blank">Android的应用程序组件</a> <br>
<a href="202106031235493813144_v2_pc_all.html" target="_blank">.NET平台技术及其结构</a> <br>
<a href="202106031237520832759_v2_pc_all.html" target="_blank">PHP平台的搭建</a> <br>
<a href="202106031245587854942_v2_pc_all.html" target="_blank">Android开发框架</a> <br>
<a href="202106031228022177017_v2_pc_all.html" target="_blank">Internet技术</a> <br>
<a href="202106031245159773400_v2_pc_all.html" target="_blank">类</a> <br>
</div>
</div>
</td>
<td align="left" valign="top" height="15" width="" ></td>
</tr>
<tr>
<td align="left" valign="top" height="7" colspan="3" width="" ></td>
</tr>
</table>
<table width="300" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="" >
<tr>
<td align="left" valign="top" height="10" width="" >
</td>
</tr>
</table>
<table border="0" cellpadding="0" bgcolor="#ffffff" cellspacing="0" width="300" height="250">
<tr>
<td><a href="http://www.intstring.com" target="_blank"><img name="n1_r3_c4" src="https://www.rkpass.cn/ad/image/intstring/300_1.jpg" width="" height="" id="" alt="" /></a></td>
</tr>
</table>
<table width="300" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="" >
<tr>
<td align="left" valign="top" height="10" width="" >
</td>
</tr>
</table>
<!--广告的下沿距离页面顶部的距离-->
<input name="ad_dibu_juli_top_height" id="ad_dibu_juli_top_height" type="hidden" value="3074">
<input name="ad_dibu_juli_bottom_height" id="ad_dibu_juli_bottom_height" type="hidden" value="1100">
<div id="guanggao_shu_1" name="guanggao_shu_1" class="">
<table width="300" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#ffffff" >
<tr>
<td align="left" valign="top" height="600" width="" >
<!--广告位-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9950270115753994"
crossorigin="anonymous"></script>
<!-- pc-首页-300*600-1 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-9950270115753994"
data-ad-slot="5754082148"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!--广告位-->
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" >
<table width="1280" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<!--记录用户读过此知识点-->
<script type="text/javascript" src="https://www.rkpass.cn/words_user_look.jsp?word_id=202106031224545923602"></script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td align="center" valign="top" bgcolor="#E43E41" height="1">
</td>
</tr>
</table>
<!--js引用页-->
<table width="100%" border="0" align="center" bgcolor="" cellpadding="0" cellspacing="0" >
<tr align="center">
<td width="100%" align="center" valign="middle">
<table width="1280" border="0" align="center" height="200" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="center" valign="top" height="10">
</td>
</tr>
<tr align="center" valign="top">
<td align="center" valign="top" width="30" style=" BORDER-LEFT: #EAEAEA 1px solid;">
</td>
<td align="center" valign="top" >
<table border="0" align="center" height="132" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="center" rowspan="10" width="50">
<img src="https://www.rkpass.cn/image/foot-7.gif" width="20" height="19" >
</td>
<td align="left" width="130" height="22">
<span class="black-title">软考在线指南</span>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/214.html" target="_blank"><span class="yemei-xiala">优惠劵及余额</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/215.html" target="_blank"><span class="yemei-xiala">在线支付</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/213.html" target="_blank"><span class="yemei-xiala">修改密码</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/212.html" target="_blank"><span class="yemei-xiala">下载及使用</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/209.html" target="_blank"><span class="yemei-xiala">购买流程</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/211.html" target="_blank"><span class="yemei-xiala">取消订单</span></a>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" style=" BORDER-LEFT: #EAEAEA 1px solid;">
<table border="0" align="center" height="132" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="center" rowspan="10" width="50">
<img src="https://www.rkpass.cn/image/foot-8.gif" width="20" height="19" >
</td>
<td align="left" width="130" height="22">
<span class="black-title">联系我们</span>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/184.html" target="_blank"><span class="yemei-xiala">关于我们</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/217.html" target="_blank"><span class="yemei-xiala">联系我们</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<a href="https://www.rkpass.cn/news/230.html" target="_blank"><span class="yemei-xiala">商务合作</span></a>
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
</td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
</td>
</tr>
</table>
</td>
<td align="center" valign="top" style=" BORDER-LEFT: #EAEAEA 1px solid;">
<table border="0" align="center" height="132" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="center" width="50" rowspan="10" >
<img src="https://www.rkpass.cn/image/foot-9.gif" width="20" height="19" >
</td>
<td align="left" width="130" height="22">
<span class="black-title">旗下网站群</span>
</td>
<td align="left" width="110" height="22">
</td>
<td align="left" width="150" height="22">
</td>
<td align="left" width="120" height="22">
</td>
</tr>
<tr align="center" valign="top">
<td align="left" valign="top" bgcolor="" colspan="2" height="22">
<table border="0" valign="top" align="center" width="100%" height="" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="left" height="22">
<span class="gj-text">高级资格科目</span>
</td>
</tr>
<tr height="22">
<td align="left" height="22" width="50%"><span class="yemei-xiala">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=1">
<span class="yemei-xiala">
信息系统项目管理师
</span>
</a>
</td>
<td align="left" height="22" width="50%"><span class="yemei-xiala">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=3">
<span class="yemei-xiala">
系统分析师
</span>
</span>
</a>
</td></tr>
<tr>
<td align="left" height="22" width="50%"><span class="yemei-xiala">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=4">
<span class="yemei-xiala">
系统架构设计师
</span>
</a>
</td>
<td align="left" height="22" width="50%"><span class="yemei-xiala">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=5">
<span class="yemei-xiala">
网络规划设计师
</span>
</span>
</a>
</td></tr>
<tr>
<td align="left" height="22" width="50%"><span class="yemei-xiala">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=19">
<span class="yemei-xiala">
系统规划与管理师
</span>
</a>
</td>
<td align="left" ></td><td align="left" ></td>
</tr>
<tr align="center" valign="top">
<td align="left" height="22">
<span class="gj-text">初级资格科目</span>
</td>
</tr>
<tr height="22">
<td align="left" height="22" width="50%">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=15">
<span class="yemei-xiala">
程序员
</span>
</span>
</a>
</td>
<td align="left" height="22" width="50%">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=16">
<span class="yemei-xiala">
网络管理员
</span>
</span>
</a>
</td></tr>
<tr>
<td align="left" height="22" width="50%">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=17">
<span class="yemei-xiala">
信息处理技术员
</span>
</span>
</a>
</td>
<td align="left" height="22" width="50%">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=20">
<span class="yemei-xiala">
信息系统运行管理员
</span>
</span>
</a>
</td></tr>
<tr>
<td align="left" height="22"></td><td align="left" ></td>
</tr>
</table>
</td>
<td align="left" valign="top" colspan="2" height="22">
<table border="0" valign="top" align="center" width="100%" height="" cellpadding="0" cellspacing="0" >
<tr align="center" valign="top">
<td align="left" height="22">
<span class="gj-text">中级资格科目</span>
</td>
</tr>
<tr height="22">
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=2">
<span class="yemei-xiala">
系统集成项目管理工程师
</span>
</span>
</a>
</td>
<td height="22" align="left" width="120">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=7">
<span class="yemei-xiala">
网络工程师
</span>
</span>
</a>
</td></tr>
<tr>
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=6">
<span class="yemei-xiala">
软件设计师
</span>
</span>
</a>
</td>
<td height="22" align="left" width="120">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=8">
<span class="yemei-xiala">
信息系统监理师
</span>
</span>
</a>
</td></tr>
<tr>
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=9">
<span class="yemei-xiala">
信息系统管理工程师
</span>
</span>
</a>
</td>
<td height="22" align="left" width="120">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=10">
<span class="yemei-xiala">
数据库系统工程师
</span>
</span>
</a>
</td></tr>
<tr>
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=11">
<span class="yemei-xiala">
多媒体应用设计师
</span>
</span>
</a>
</td>
<td height="22" align="left" width="120">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=12">
<span class="yemei-xiala">
软件评测师
</span>
</span>
</a>
</td></tr>
<tr>
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=13">
<span class="yemei-xiala">
嵌入式系统设计师
</span>
</span>
</a>
</td>
<td height="22" align="left" width="120">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=14">
<span class="yemei-xiala">
电子商务设计师
</span>
</span>
</a>
</td></tr>
<tr>
<td height="22" align="left" width="150">
<A href="https://www.rkpass.cn/dealwithcenter.jsp?action=select_studykemu_pc&kemu_id=18">
<span class="yemei-xiala">
信息安全工程师
</span>
</span>
</a>
</td>
<td height="22" align="left" ></td><td align="left" ></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style=" BORDER-right: #EAEAEA 1px solid;" align="center" valign="top" width="40">
</td>
</tr>
<tr align="center" valign="top">
<td align="center" valign="top" height="10">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center">
<td width="100%" align="center" valign="middle">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center" >
<td align="center" ><span class="yemei-xiala">
<span class="hui">本网站所有产品设计（包括造型，颜色，图案，观感，文字，产品，内容），功能及其展示形式，均已受版权或产权保护。<br>任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。<br>本站部分内容来自互联网或由会员上传，版权归原作者所有。如有问题，请及时联系我们。</span><br><br></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--页脚广告位-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td align="center" valign="" bgcolor="" height="">
<script language="javascript" src="https://www.rkpass.cn/ad/ad_foot.js"></script>
</td>
</tr>
</table>
<!--页脚广告位-->
<!--任何页面都有foot_x-->
<div class="box_os">
<div class="os_x"></div>
<div class="osqq">
<p><em>工作时间：9:00-20:00</em></p>
<p><strong>客服</strong></p>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=486577830&site=qq&menu=yes"><img border="0" src="https://www.rkpass.cn/image/qq.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a><!--ly-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309162995&site=qq&menu=yes"><img border="0" src="https://www.rkpass.cn/image/qq.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a><!--lyt-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1307687745&site=qq&menu=yes"><img border="0" src="https://www.rkpass.cn/image/qq.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a><!--wxf-->
<p><strong>商务合作</strong></p>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=486577830&site=qq&menu=yes"><img border="0" src="https://www.rkpass.cn/image/qq.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a><!--ly-->
<p><strong>客服邮箱</strong><span><a href="mailto:service@rkpass.cn">service@rkpass.cn</a></span><br></p>
</div>
<div class="acbox">
<a class="ico_gt" href="javascript:" target="_self" title=""></a>
</div>
</div>
<div class="onlineService">
<p class="ico_os"></p>
<a class="ico_gt" href="javascript:" target="_self" title=""></a>
</div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center">
<td width="100%" align="center" valign="middle">
</td>
</tr>
<tr align="center">
<td width="100%" align="center" valign="middle"><br>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center" >
<td align="center" ><span class="yemei-xiala">
<a href="http://beian.miit.gov.cn/" target="_blank"><span class="hui">京B2-20210865</span></a> <span class="hui">|</span> <a href="http://beian.miit.gov.cn/" target="_blank"><span class="hui">京ICP备2020040059号-5</span></a> <span class="hui">|<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032051" ><img src="https://www.rkpass.cn/image/gongan.png" width="20" height="20" border="0"/><span class="hui">京公网安备 11010502032051号</span></a> <span class="hui">|</span> <a href="https://www.rkpass.cn/image/yyzz.jpg" target="_blank"><span class="hui">营业执照</span></a> | Copyright ©2000-2025 All Rights Reserved 软考在线版权所有</span></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript" src="https://www.rkpass.cn/js/service.js"></script>
<script language=javascript>gokemu(window.location.href,'https://www.rkpass.cn')</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center">
<td width="100%" align="center" valign="middle">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center" >
<td align="center" >
<a href="https://www.rkpass.cn/index.html"><img src="https://www.rkpass.cn/image/logo_rkpass.jpg" width="221" height="62"></a><br><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--任何页面都有foot_y-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center">
<td width="100%" align="center" valign="middle">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="center" >
<td align="center" >
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f7e4c3c7e4d92abbcc231d25f16df4c3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br><br>
<!--用户登录弹出界面-->
<!--我的积分 积分用途 积分获取 我的账户-->
</body>
</html>
]]> | | |
