|
|
知识路径： > 多媒体信息处理及编辑技术 > 多媒体信息的组织 > 超文本和超媒体的概述 >
|
被考次数：6次
被考频率：中频率
总体答错率：31%
知识难度系数： 
|
由 软考在线 用户真实做题大数据统计生成
|
|
考试要求：掌握
相关知识点：8个
|
|
|
|
|
|
|
超文本是指用超链接的方法将各种不同空间的文字信息组织在一起的网状文本。超文本是一种用户界面范式，用于显示文本及与文本相关的内容。现在，超文本普遍以电子文档的方式存在，其中的文字包含有可以链接到其他位置或者文档的连接，允许从当前阅读位置直接切换到超文本链接所指向的位置。超文本的格式有很多，目前最常使用的是超文本标记语言。人们日常浏览的网页上的链接都属于超文本。
|
|
|
|
超文本不是顺序的，而是一个非线性的网状结构，它把内部原本固有的独立性和相关性划分成不同的基本信息块，称为节点（node）。以节点作为信息的单位，一个节点可以是一个信息块，也可以由若干节点组成一个信息块，在超文本数据库内部，节点之间用链连接起来，形成网状结构。下图是具有6个节点和9条链路的超文本结构，它可以是文本、图像、图形、声音、动画或它们的组合体。
|
|
|
|
|
|
|
|
超文本的基本特征是可以超链接文档。可以指向其他位置，该位置可以是当前的文档或局域网中的其他文档，也可以在因特网上的任何位置的文档中。这些文档组成了一个杂乱的信息网。目标文档通常与其来源有某些关联，并且丰富了来源；来源中的链接元素则将这种关系传递给浏览者。
|
|
|
|
超文本具有三个特性：多媒体信息、网络结构模式、交互特性。
|
|
|
|
|
|
HTML即超文本标记语言（Hypertext Markup Language），是用于描述网页文档的一种标记语言。HTML是组织多媒体文档的重要语言，它不仅可以用来编写Web网页，还可以用来制作光盘上的多媒体节目。HTML可以用来编排文档、创建列表、建立链接、插入声音和视频。
|
|
|
|
|
|
万维网（Web）是一个信息资源网络，它之所以能够使这些信息资源为广大用户所利用，主要依靠以下三个基本技术。
|
|
|
|
. 指定网上信息资源地址的统一命名方法：URL（Uniform Resource Locator）。
|
|
|
|
. 存取资源的协议：超文本传送协议（Hypertext Transfer Protocol, HTTP）。
|
|
|
|
. 在资源之间很容易浏览的超文本链接技术：源于HyperText的HyperLink。
|
|
|
|
为了出版可在全球发行的信息，人们需要一种所有计算机都能理解的出版语言，这就是HTML语言。HTML可用于以下方面。
|
|
|
|
. 出版联网文档，这种文档包含标题、文字、表格、列表、图像以及声音和视频文件等。
|
|
|
|
|
|
. 设计交易单（FORM/form）。这是一种用来从读者处收集信息的Web文档，可以与远程服务单位进行交易，例如查找信息以预约旅馆的房间、订购产品等。多数交易单至少有一个可供输入文本数据（例如名字或者搜索关键字）的文本域。很多较为精致复杂的表单还包括用于切换选项的复选框、从几个选项中选择其一的单选按钮和执行任务（例如提交表单）的按钮。
|
|
|
|
|
|
一个HTML文档通常由文档头（head）、文档名称（title）、表格（table）、段落（paragraph）和列表（（list）等成分构成，它们是文本文档的基本构件，并且使用HTML规定的标签（tag）标识这些元素。
|
|
|
HTML标签由三部分组成：左尖括号（<）、“标签名称”和右尖括号（>）。标签通常是成对出现的，左尖括号表示开始的开始标签（start tag），右尖括号表示结束的结束标签（end tag）。例如，与分别表示一级标题的开始标签和结束标签，H1是一级标签的名称。除了在结束标签名称前面加一个斜杠符号（/）之外，开始标签的名称和结束标签的名称都是相同的。
|
|
|
|
某些元素还可以包含属性（attribute）。属性指背景颜色、字体属性（大小、颜色、正体、斜体等）、对齐方式等，它是包含在开始标签中的附加信息。例如， 表示这段文字是居中对齐的。同样可以指定图像的对齐属性（如图像在顶部、底部或中间）。
|
|
|
|
注意，HTML标签名称中的字母不区分大小写。例如，与<TITLE>或者<TiTlE>都是等效的。此外，Web浏览器不一定支持所有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"> HTML文挡是一种没有格式的文档，也称ASCII文件。因此，HTML文档可以使用任何一种文本编辑器进行编写。例如，Windows系统中的记事本（Notepad）、写字板（Wordpad），当然也可以使用字处理软件，例如微软公司的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"> 每个HTML文档都是由标签<HTML>开始、以标签</HTML>结束的。每个HTML文档都分成两个组成部分：文档头（head）和正文（body），并分别用<HEAD>…</HEAD>和<BODY>…</BODY>进行标记。文档头标签<HEAD>…</HEAD>之间所包含的内容是文档的名称（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"> 下图是利用记事本编写的一个简单的HTML示例代码，将其保存后，利用IE浏览器打开后的效果如下图所示。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0063_0037.jpg" target="_blank"><img alt="" width="553.35" height="228.55" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0063_0037.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">
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标准自1999年12月发布4.01版本后，连续多年都没有再推出新的版本。为了推动Web标准化的发展，一些公司联合起来成立了一个名为WHATWG（Web Hypertext Application Technology Working Group, Web超文本应用技术工作组）的组织。WHATWG致力于Web表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟）则专注于XHTML 2.0。2006年，双方决定合作创建一个新版本的HTML，这就是HTML5。HTML5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的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"> HTML5的第一份正式草案于2008年1月22日公布。然而，大部分现代浏览器已经具备了某些HTML5支持。2012年12月17日，W3C正式宣布HTML5规范草案正式定稿，这也使得HTML5成为开放Web网络平台的基石。2013年5月6日，HTML5.1草案公布，该规范定义了第五次重大版本，第一次重大修订了超文本标记语言。在这个版本中，新功能不断推出，以帮助Web应用程序的作者努力提高新元素的互操作性。2014年10月29日，W3C正式宣布，经过近8年的艰辛努力，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"> 在此之前的几年时间内，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持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"> HTML5相对于HTML4.01版本有了重大修改，下面着重介绍其部分新特性。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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"> 为了能够更好地创建页面结构，HTML5提供了一些新的元素，删除了部分HTML 4.01的元素。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"> <a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0064_0038.jpg" target="_blank"><img alt="" width="604.8" height="367.5" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0064_0038.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"> 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"> 下面是利用HTML5编写的简单实例，实现功能与2.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"> <a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0039.jpg" target="_blank"><img alt="" width="442.05" height="103.95" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0039.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"> IE显示的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"> <a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0040.jpg" target="_blank"><img alt="" width="605.85" height="268.8" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0040.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"> ② video和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"> 原来的HTML不提供对video和audio的直接支持，video和audio都是通过插件（如Flash）显示的，这就存在一个问题：并非所有浏览器都拥有同样的插件，导致视频的观看不能得到有效统一。HTML5通过video元素和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"> <video>元素支持三种视频格式：MP4、WebM和Ogg。MP4专指带有H.264视频编码和AAC音频编码的MPEG 4文件，WebM是指带有VP8视频编码和Vorbis音频编码的WebM文件，Ogg是指带有Theora视频编码和Vorbis音频编码的Ogg文件。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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>元素也支持三种音频格式文件：MP3、Wav和Ogg。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0041.jpg" target="_blank"><img alt="" width="595.0" height="150.85" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0041.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="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0042.jpg" target="_blank"><img alt="" width="596.05" height="60.9" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0042.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"> 如果浏览器支持video和audio标签，则以320×240的尺寸正常显示视频和音频，若不支持则显示标签中的文字。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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>元素用于图形的绘制，通过脚本（通常是JavaScript）完成。<canvas>标签只是图形容器，必须使用脚本绘制图形，可以通过多种方法使用canva绘制路径、盒、圆、字符以及添加图像。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="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="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0043.jpg" target="_blank"><img alt="" width="598.15" height="300.3" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0043.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"> . 通过id获取画布的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"> . 创建context对象，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"> . fillStyle属性可以是CSS颜色、渐变或图案。fillStyle默认设置为#000000。
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="" bgcolor="" width="100%" style=" " >
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td height="">
<table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="bottom" width="100%" height="28">
<span class="shiwu_text_v2_csdm"> . fillRect（x, y, 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"> HTML5还提供了很多常用的API，如Websock、svg、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">
超媒体的概念
</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>
</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="http://www.rkpass.cn/ad/image/intstring/970_4.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="202102091156343521372_v2_pc_all.html" target="_blank">超文本和超媒体系统的结构</a> <br>
<a href="202102091159225896632_v2_pc_all.html" target="_blank">网络</a> <br>
<a href="202102091159222644585_v2_pc_all.html" target="_blank">链</a> <br>
<a href="202102091156348651411_v2_pc_all.html" target="_blank">超文本和超媒体的组成</a> <br>
<a href="202102091159210037955_v2_pc_all.html" target="_blank">超文本抽象机层</a> <br>
<a href="202102091159213164908_v2_pc_all.html" target="_blank">用户接口层</a> <br>
<a href="202102091159206862133_v2_pc_all.html" target="_blank">数据库层</a> <br>
<a href="202102091159218576556_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="http://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="974">
<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="http://www.rkpass.cn/words_user_look.jsp?word_id=202102091156332857060"></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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.rkpass.cn/image/gongan.png" width="20" height="20" border="0"/><span class="hui">京公网安备 11010502032051号</span></a> <span class="hui">|</span> <a href="http://www.rkpass.cn/image/yyzz.jpg" target="_blank"><span class="hui">营业执照</span></a> | Copyright ©2000-2023 All Rights Reserved 软考在线版权所有</span></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript" src="http://www.rkpass.cn/js/service.js"></script>
<script language=javascript>gokemu(window.location.href,'http://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="http://www.rkpass.cn/index.html"><img src="http://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>
| | |
