首页 > 知识点讲解
       HTML5标记语言
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > 
被考次数:16次     被考频率:高频率     总体答错率:49%     知识难度系数:     
相关知识点:97个      
               HTML和HTML5基础
                      HTML基础
                      超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言,是建立电子商务网站页面的基础。
                      HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。HTML之所以称为超文本标记语言,是因为文本中包含了“超链接”点。所谓超链接,就是一种URL指针,通过单击它,可使浏览器方便地获取新的网页。
                      HTML语言作为一种网页编辑语言,易学易懂,能制作出精美的网页效果,其主要功能:
                      .利用HTML语言格式化文本。例如,设置标题、字体、字号、颜色;设置文本的段落、对齐方式等。
                      .利用HTML语言可以在页面中插入图像。使网页图文并茂,还可以设置图像的各种属性。例如,大小、边框、布局等。
                      .利用HTML语言可以创建列表,把信息用一种易读的方式表现出来。
                      .利用HTML语言可以建立表格。表格为浏览者提供了快速找到需要信息的显示方式。
                      .利用HTML语言可以在页面中加入多媒体。可以在网页中加入音频、视频、动画,还能设定播放的时间和次数。
                      .HTML语言可以建立超链接通过超链接检索在线的信息,只需用鼠标单击,就可以链接到任何一处。
                      .利用HTML语言还可以实现交互式表单等效果。
                      HTML5基础
                      (1)HTML5概述。HTML5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合,希望通过HTML5轻松实现许多丰富的网络应用需求,减少浏览器对插件的依赖,并且更多能有效增强网络应用的标准集。
                      在HTML5中添加了许多新的应用标签,其中包括
                      (2)HTML5的文档结构。编写HTML文件时,必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素,HTML标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。
                      HTML文件基本结构如下:
                      
                      可以看到,HTML中用一对标签(即一个开始标签和一个结束标签)来标识一个元素。开始标签由一个字符“<”、一个标签名和一个字符“>”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/”。标签名并不区分大写和小写。
                      HTML网页文档以标签开始,到标签结束,一对表示一个页面,也称为HTML文档的根标签或根元素。一个完整的页面由文档头部标签和文档主体标签两部分构成。
                      (3)HTML5的基本语法。绝大多数元素都有起始标签和结束标签,在起始标签和结束标签之间的部分是元素体,例如,...。每一个元素都有名称和可选择的属性,元素的名称和属性在起始标签内进行设置。
                      ①普通标签。普通标签是由一个起始标签和一个结束标签所组成的,其语法格式如下:
                      
                      其中,x代表标签名称。就如同一组开关:起始标签为开启某种功能,而结束标签(通常为起始标签加上一个斜线/)为关闭功能,受控制的内容放在两个标签之间,例如代码:加粗文字
                      标签之中还可以附加一些属性,用来实现或完成某些特殊效果或功能,例代码:
                      
                      其中,a1,a2,…,an为属性名称,而V1,V2,…,Vn则是其所对应的属性。
                      ②空标签。虽然大部分的标签是成对出现的,但也有一些是单独存在的,这些单独存在的标签称为空标签。其语法格式如下:。同样,空标签也可以附加一些属性。
                      (4)HTML5新增加的标签。
                      ①结构标签。HTML5中新增的结构标签说明如下表所示。
                      
                      结构标签说明
                      ②文本标签。HTML5中新增的文本标签说明如下表所示。
                      
                      文本标签说明
                      ③应用和辅助标签。HTML5中新增的应用和辅助标签说明如下表所示。
                      
                      应用和辅助标签说明
                      ④进度标签。HTML5中新增的进度标签说明如下表所示。
                      
                      进度标签说明
                      ⑤交互性标签。HTML5中新增的交互性标签说明如下表所示。
                      
                      交互性标签说明
                      ⑥在文档和应用中使用的标签。HTML5中新增的在文档和应用中使用的标签说明如下表所示。
                      
                      在文档和应用中使用的标签说明
                      ⑦标签。HTML5中新增的标签说明如下表所示。
                      
                      标签说明
                      ⑧其他标签。HTML5中新增的其他标签说明如下表所示。
                      
                      其他标签说明
                      (5)HTML5中废弃的标签。
                      在HTML5中也废弃了一些以前HTML中的标签,主要是以下几个方面的标签。
                      ①可以使用CSS样式替代的标签。在HTML5之前的一些标签中,有一部分是纯粹用作显示效果的标签。而HTML5延续了内容与表现分离,对于显示效果更多地交给CSS样式去完成。所以这方面废弃的标签有:
                      ②不再支持frame框架。由于frame框架对网页可用性存在负面影响,因此在HTML5中已经不再支持frame框架,但是支持iframe框架。所以HTML5中废弃了frame框架的和标签。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③其他废弃标签。在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文档头部的相关标签必须嵌入在<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:一个网页最多一个<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;①<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索引擎会根据网页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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;②<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一个页面往往需要多个外部文件配合,在<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置文字与段落 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在网页中添加文字,只要在<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加注释使用<!--> </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:给代码添加注释语句时,<!-->放在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加空格&nbsp;及特殊符号 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在HTML文件中,添加空格需要使用代码“&nbsp;”控制。在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;部分特殊符号与对应代码 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编辑网页文字样式<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文字修饰标签 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文字上下标 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;段落<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文字居中显示<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利用成对<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;水平线<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利用单标记<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;列表 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;列表类型及标签符号 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建表格 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设计网页的过程中,为了以一定形式将网页中的内容组织起来,同时使网页更便于阅读和美观,需要确定一个页面的布局。表格就是网页制作中最常见的一种布局工具,它可以将网页分成任意多个矩形区域。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置基本表格结构<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置表格标题<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置表格表头<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置表格标签属性 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表格是网页文件中布局的重要元素,制作网页的过程中常常要对表格做一些设置,对表格的设置其实是对表格标签属性的一些设置。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置表格行与单元格 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表格的嵌套 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所谓表格的嵌套,就是指在一个表格某个单元格中又包含一个或者多个表格。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建图片标签页面 </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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图像的插入和编辑 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图片是网页设计中必不可少的元素,在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;超链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的网页,这些功能都是通过超链接来实现的,超链接通过<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;①插入超链接。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;②设置图片链接。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③设置图片热区链接。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;热区图像及热区链接属性的定义如下: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;音频和视频的插入和编辑 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了能够更加方便地在页面中嵌入音频和视频文件,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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;检查浏览器是否支持<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这段脚本代码会动态创建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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;①使用音频<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;②使用视频<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③套接<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于各种浏览器对音频和视频的编解码器的支持不一样,为了能够在各种浏览显示音频和视频效果,可以提供多种不同格式的音频和视频文件。这就需要使用<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;或 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由上面可以看出,使用<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建框架页结构 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;框架是一种在一个页面中显示多个网页的技术,通过超链接可以为框架之间建立内容之间的联系,从而实现页面导航的功能。<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:调用了三个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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建表单 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表单是网页中提供的一种交互式操作手段,在网页中的使用十分广泛。用户可以通过提交表单信息与服务器进行动态交流。表单主要可以分为两部分:一是用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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;插入表单<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信息输入<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表单是网页中提供的交互式操作手段,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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下面分别介绍常用的表单控件的使用语法。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文本框: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码框: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入文本框和密码框,只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入文件域,只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;复选框: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单选框: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入复选框,只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入按钮,<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:为了美观效果,可以用一张图片做提交或者其他类型的按钮,可以通过插入图像域来实现。在表单中插入图像域,只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:如果需要输入多行文字,行间可以换行,可以使用文字域。在表单中插入文字域,只要插入成对的文字域标记<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入下拉菜单和列表项,只要插入成对的<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下面分别介绍新增的表单控件的使用语法。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入专门为输入特定的数字而定义的文本框,<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中插入电话文本框,只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中只要将<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:在表单中只要将<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建画布 </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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;插入画布<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在绘图之前,首先要从页面获取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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置绘制文字的字体样式、颜色和对齐方式。例如下面代码: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;绘制一个红色的矩形,例如下面代码: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创建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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标题<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文章<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;章节<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明: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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页脚<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:使用<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系信息<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;导航<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一个页面中可以拥有多个<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.传统导航条。常规网站都设置有不同层级的导航条,其作用是将当前页面跳转到网站的其他主要页面上去。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.侧边栏导航。主流博客网站及电商网站上都有侧边栏导航,其作用是将页面从当前页面跳转到其他页面上去。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.页内导航。页面导航的作用是在本页面几个主要的组成部分之间进行跳转。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.翻页操作。翻页操作是指在多个页面的前后页或博客网站的前后篇文章滚动。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;辅助内容<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期时间<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本语法: </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://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="http://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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语法说明:<time>表示能够以机器可读的方式对日期和时间进行编码,例如用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。 </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">&nbsp;</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_1.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> <!--谷歌 广告区域--> <!--相关试题--> <table width="970" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="center" valign="" width="970"> <!--相关试题--> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="100%" align="center" colspan="" height="" bgcolor=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0" style=" BACKGROUND: #ffffff; RIGHT: 0px; TOP: 0px; left: 0px;POSITION: relative; HEIGHT: 32px;" > <tr> <td width="100%" align="left" colspan="2" height="30"></td> </tr> <tr> <td width="100%" colspan="2" align="left" valign="top"> <table width="100%" border="0" bgcolor="" align="left" cellpadding="0" cellspacing="0" > <tr> <td align="center" valign="" width="100%"> <table width="96%" border="0" align="center" cellpadding="0" cellspacing="0" class="search_kemu"> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="" width="100%" height="6"> <span class="num-hui">本知识点历年真题:</span> </td> </tr> <tr> <td align="left" valign="" width="100%" height="20"></td> </tr> </table> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" bgcolor="" height="" width="100%" > <table width="100%" border="0" align="center" cellpadding="0" style=" BACKGROUND: #ffffff; RIGHT: 0px; TOP: 0px; left: 0px;POSITION: relative; HEIGHT: 32px;BORDER-top: #ebebeb 1px solid; BORDER-RIGHT: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid;" cellspacing="0"> <tr> <td width="220" height="32" align="center" style="BORDER-RIGHT: #ebebeb 1px solid; " ><span class="shisi_text_hui">隶属试卷</span></td> <td width="130" align="center" style="BORDER-RIGHT: #ebebeb 1px solid; " ><span class="shisi_text_hui">题号/题型</span> </td> <td width="670" align="center" style="BORDER-RIGHT: #ebebeb 1px solid; " ><span class="shisi_text_hui">题干</span> </td> <td width="170" align="center" style="BORDER-RIGHT:#ebebeb 0px solid; " ><span class="shisi_text_hui">难度系数/错误率</span> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height="10"></td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="" height="50" width="100%" > <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height="10"></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style=" BACKGROUND: #ffffff; RIGHT: 0px; TOP: 0px; left: 0px;POSITION: relative; HEIGHT: 32px;box-shadow:0 1px 1px rgba(0,0,0,0.15);BORDER-top: #ebebeb 1px solid; BORDER-RIGHT: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 0px solid;" cellspacing="0"> <tr onMouseOut="this.style.background='#ffffff'"onMouseOver="this.style.background='#e3e3e3'"> <td width="10" height="90" align="left" style=" " bgcolor=" #cad2b5 " > </td> <td width="210" height="" align="left" style=" " > &nbsp;&nbsp;&nbsp;<span class="hui">2010年下半年</span> <br> &nbsp;&nbsp;&nbsp;<span class="hui">电子商务设计师..</span> <br> &nbsp;&nbsp;&nbsp;<span class="hui">上午试卷</span>&nbsp;<span class="hui">综合知识</span> </td> <td width="130" align="center" style=" " ><a href="../tk_timu/14_277_60_xuanze.html" target="_blank"><span class="hui">第60题</span><br><span class="hui">选择题</span></a></td> <td width="670" align="left" style=" " > <table width="100%" border="0" align="center" cellpadding="0" cellspacing="10"> <tr > <td height=""> <a href="../tk_timu/14_277_60_xuanze.html" target="_blank"> 在以下HTML标记中,不需要成对使用的是(60)标记。 </a> </td> </tr> </table> </td> <td width="170" align="center" style=" " > <img src="http://www.rkpass.cn/image/54.gif" border="0" class="juzhong" width="79" height="16" > <br> <span class="lv2-tag">38%</span> </td> </tr> <tr> <td align="left" valign="top" colspan="20" background="image/dianxian.jpg" width="100%" height="1"></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height="10"></td> </tr> </table> </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">&nbsp;</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="" >&nbsp;<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="202106031248369554123_v2_pc_all.html" target="_blank">设置层的宽width和高height</a> <br> <a href="202106031249057533012_v2_pc_all.html" target="_blank">数据模型</a> <br> <a href="202106031228478619537_v2_pc_all.html" target="_blank">数据库技术</a> <br> <a href="202106031248470061349_v2_pc_all.html" target="_blank">JavaScript中的对象</a> <br> <a href="202106031247344599684_v2_pc_all.html" target="_blank">CSS3基础</a> <br> <a href="202106031248556926355_v2_pc_all.html" target="_blank">XmlHttpRequest对象的方法</a> <br> <a href="202106031248378922459_v2_pc_all.html" target="_blank">设置层可见visibility</a> <br> <a href="202106031248346308474_v2_pc_all.html" target="_blank">定位方式position</a> <br> <a href="202106031249170823928_v2_pc_all.html" target="_blank">DELETE删除语句</a> <br> <a href="202106031249045013971_v2_pc_all.html" target="_blank">Schema简介</a> <br> <a href="202106031248105052324_v2_pc_all.html" target="_blank">设计边框样式border-style</a> <br> <a href="202106031228427864781_v2_pc_all.html" target="_blank">JSON</a> <br> <a href="202106031248119125317_v2_pc_all.html" target="_blank">调整边框宽度border-width</a> <br> <a href="202106031248430046579_v2_pc_all.html" target="_blank">程序结构</a> <br> <a href="202106031247364831970_v2_pc_all.html" target="_blank">文字排版的设置</a> <br> <a href="202106031247436301020_v2_pc_all.html" target="_blank">设置颜色color</a> <br> <a href="202106031228379499931_v2_pc_all.html" target="_blank">jQuery</a> <br> <a href="202106031249150115916_v2_pc_all.html" target="_blank">UPDATE更新语句</a> <br> <a href="202106031249077296079_v2_pc_all.html" target="_blank">数据库系统的建立</a> <br> <a href="202106031228346481778_v2_pc_all.html" target="_blank">JavaScript</a> <br> <a href="202106031247522183042_v2_pc_all.html" target="_blank">设置背景图片位置background-pos..</a> <br> <a href="202106031236595481788_v2_pc_all.html" target="_blank">JavaScript中的函数和对象</a> <br> <a href="202106031237133481669_v2_pc_all.html" target="_blank">JSON概述</a> <br> <a href="202106031237278375366_v2_pc_all.html" target="_blank">SQL语言</a> <br> <a href="202106031248144978199_v2_pc_all.html" target="_blank">设置外边距margin-top/margin-bo..</a> <br> <a href="202106031248254746700_v2_pc_all.html" target="_blank">设置列数column-rule</a> <br> <a href="202106031248197231525_v2_pc_all.html" target="_blank">设置圆角边框border-radius属性(..</a> <br> <a href="202106031247464811987_v2_pc_all.html" target="_blank">插入背景图片background-image</a> <br> <a href="202106031247599092499_v2_pc_all.html" target="_blank">设置背景图像大小background-siz..</a> <br> <a href="202106031237042941229_v2_pc_all.html" target="_blank">jQuery语法基础</a> <br> <a href="202106031237029328422_v2_pc_all.html" target="_blank">jQuery库的引用</a> <br> <a href="202106031248131083454_v2_pc_all.html" target="_blank">设置边框颜色border-color</a> <br> <a href="202106031249114188112_v2_pc_all.html" target="_blank">数据挖掘技术</a> <br> <a href="202106031237009621793_v2_pc_all.html" target="_blank">jQuery概述</a> <br> <a href="202106031249069233597_v2_pc_all.html" target="_blank">关系数据库</a> <br> <a href="202106031237248753798_v2_pc_all.html" target="_blank">数据仓库、联机分析处理和数据挖..</a> <br> <a href="202106031236349764428_v2_pc_all.html" target="_blank">CSS和CSS3基础</a> <br> <a href="202106031228404381651_v2_pc_all.html" target="_blank">AJAX</a> <br> <a href="202106031248080769880_v2_pc_all.html" target="_blank">设置元素的不透明级别</a> <br> <a href="202106031236414488249_v2_pc_all.html" target="_blank">CSS/CSS3设置不透明级别和色彩</a> <br> <a href="202106031237213181145_v2_pc_all.html" target="_blank">XML基本语法</a> <br> <a href="202106031237149573280_v2_pc_all.html" target="_blank">JSON语法规则</a> <br> <a href="202106031248292273882_v2_pc_all.html" target="_blank">过渡transition</a> <br> <a href="202106031237120187272_v2_pc_all.html" target="_blank">AJAX的使用步骤</a> <br> <a href="202106031248028021750_v2_pc_all.html" target="_blank">设置背景图像原点background-ori..</a> <br> <a href="202106031247414131350_v2_pc_all.html" target="_blank">文本阴影text-shadow(CSS3新增)..</a> <br> <a href="202106031248590781598_v2_pc_all.html" target="_blank">基本语法说明</a> <br> <a href="202106031236545519187_v2_pc_all.html" target="_blank">JavaScript语法基础</a> <br> <a href="202106031248410729030_v2_pc_all.html" target="_blank">运算符</a> <br> <a href="202106031236380941051_v2_pc_all.html" target="_blank">CSS/CSS3设计图像和背景</a> <br> <a href="202106031237201712791_v2_pc_all.html" target="_blank">XML概述</a> <br> <a href="202106031247587782572_v2_pc_all.html" target="_blank">设置多背景图像(CSS3新增)</a> <br> <a href="202106031247354303546_v2_pc_all.html" target="_blank">文字字体的设置</a> <br> <a href="202106031248268208730_v2_pc_all.html" target="_blank">动画animation的实现</a> <br> <a href="202106031237232426675_v2_pc_all.html" target="_blank">数据库技术基本理论</a> <br> <a href="202106031237076836410_v2_pc_all.html" target="_blank">jQuery中的事件</a> <br> <a href="202106031236574329764_v2_pc_all.html" target="_blank">JavaScript中的事件</a> <br> <a href="202106031248241828148_v2_pc_all.html" target="_blank">设置列宽column-width</a> <br> <a href="202106031237089029706_v2_pc_all.html" target="_blank">AJAX概述</a> <br> <a href="202106031247487655154_v2_pc_all.html" target="_blank">插入背景附件background-attachm..</a> <br> <a href="202106031248451218685_v2_pc_all.html" target="_blank">JavaScript中的函数</a> <br> <a href="202106031247331463991_v2_pc_all.html" target="_blank">CSS基础</a> <br> <a href="202106031248209741936_v2_pc_all.html" target="_blank">设置图像边框border-image属性(..</a> <br> <a href="202106031248176511828_v2_pc_all.html" target="_blank">设置图像边框border-image属性(..</a> <br> <a href="202106031248390658699_v2_pc_all.html" target="_blank">基本数据类型</a> <br> <a href="202106031237053999510_v2_pc_all.html" target="_blank">jQuery选择器</a> <br> <a href="202106031224545923602_v2_pc_all.html" target="_blank">Web程序设计</a> <br> <a href="202106031248487809809_v2_pc_all.html" target="_blank">jQuery元素选择器</a> <br> <a href="202106031236486726498_v2_pc_all.html" target="_blank">使用CSS3实现动画animation和过渡..</a> <br> <a href="202106031248522489873_v2_pc_all.html" target="_blank">XmlHttpRequest对象的属性</a> <br> <a href="202106031236361664294_v2_pc_all.html" target="_blank">CSS/CSS3设置文字效果</a> <br> <a href="202106031236507186307_v2_pc_all.html" target="_blank">CSS与DIV</a> <br> <a href="202106031249013208845_v2_pc_all.html" target="_blank">建立XML文档</a> <br> <a href="202106031249127665924_v2_pc_all.html" target="_blank">SQL概述</a> <br> <a href="202106031248231235415_v2_pc_all.html" target="_blank">设置列数column-count</a> <br> <a href="202106031248162065245_v2_pc_all.html" target="_blank">设置填充内边距padding-top/padd..</a> <br> <a href="202106031247566393768_v2_pc_all.html" target="_blank">渐变背景颜色处理(CSS3新增)</a> <br> <a href="202106031236461092571_v2_pc_all.html" target="_blank">CSS3新增的多列布局</a> <br> <a href="202106031247375859137_v2_pc_all.html" target="_blank">文本溢出处理text-overflow(CSS..</a> <br> <a href="202106031248058961481_v2_pc_all.html" target="_blank">设置背景图像显示区域background..</a> <br> <a href="202106031247424415787_v2_pc_all.html" target="_blank">使用服务器端字体@font-face(CS..</a> <br> <a href="202106031249026696688_v2_pc_all.html" target="_blank">文档类型定义DTD</a> <br> <a href="202106031228460869165_v2_pc_all.html" target="_blank">XML</a> <br> <a href="202106031248319098638_v2_pc_all.html" target="_blank">层的创建</a> <br> <a href="202106031247396356965_v2_pc_all.html" target="_blank">控制文本换行overflow-wrap和wor..</a> <br> <a href="202106031247503092612_v2_pc_all.html" target="_blank">设置重复背景图片background-rep..</a> <br> <a href="202106031249103818180_v2_pc_all.html" target="_blank">联机分析处理技术</a> <br> <a href="202106031249087835003_v2_pc_all.html" target="_blank">数据仓库技术</a> <br> <a href="202106031248357759289_v2_pc_all.html" target="_blank">设置位置top/bottom/right/left</a> <br> <a href="202106031247450169945_v2_pc_all.html" target="_blank">设置背景颜色background-color</a> <br> <a href="202106031248500033870_v2_pc_all.html" target="_blank">jQuery属性选择器</a> <br> <a href="202106031237172897096_v2_pc_all.html" target="_blank">JSON的应用</a> <br> <a href="202106031228284447388_v2_pc_all.html" target="_blank">CSS3样式表</a> <br> <a href="202106031249137833716_v2_pc_all.html" target="_blank">SQL语法基础</a> <br> <a href="202106031248093397146_v2_pc_all.html" target="_blank">设置色彩模式</a> <br> <a href="202106031236431824721_v2_pc_all.html" target="_blank">CSS/CSS3设置边框和边距</a> <br> <a href="202106031237105837288_v2_pc_all.html" target="_blank">AJAX的工作原理和XmlHttpRequest..</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_2.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="3466"> <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=202106031228207849203"></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;">&nbsp; </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/kemu01.html"> <span class="red"> 信息系统项目管理师 </span> </a> </td> <td align="left" height="22" width="50%"><span class="yemei-xiala"> <A href="http://www.rkpass.cn/kemu03.html"> <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/kemu04.html"> <span class="red"> 系统架构设计师 </span> </a> </td> <td align="left" height="22" width="50%"><span class="yemei-xiala"> <A href="http://www.rkpass.cn/kemu05.html"> <span class="yemei-xiala"> <span class="red"> 网络规划设计师 </span> </span> </a> </td></tr> <tr> <td align="left" height="22" width="50%"><span class="yemei-xiala"> 系统规划与管理师 </span> </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/kemu15.html"> <span class="yemei-xiala"> <span class="red"> 程序员 </span> </span> </a> </td> <td align="left" height="22" width="50%"> <A href="http://www.rkpass.cn/kemu16.html"> <span class="yemei-xiala"> <span class="red"> 网络管理员 </span> </span> </a> </td></tr> <tr> <td align="left" height="22" width="50%"> <A href="http://www.rkpass.cn/kemu17.html"> <span class="yemei-xiala"> <span class="red"> 信息处理技术员 </span> </span> </a> </td> <td align="left" height="22" width="50%"> <span class="yemei-xiala"> 信息系统运行管理员 </span> </span> </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/kemu02.html"> <span class="yemei-xiala"> <span class="red"> 系统集成项目管理工程师 </span> </span> </a> </td> <td height="22" align="left" width="120"> <A href="http://www.rkpass.cn/kemu07.html"> <span class="yemei-xiala"> <span class="red"> 网络工程师 </span> </span> </a> </td></tr> <tr> <td height="22" align="left" width="150"> <A href="http://www.rkpass.cn/kemu06.html"> <span class="yemei-xiala"> <span class="red"> 软件设计师 </span> </span> </a> </td> <td height="22" align="left" width="120"> <A href="http://www.rkpass.cn/kemu08.html"> <span class="yemei-xiala"> <span class="red"> 信息系统监理师 </span> </span> </a> </td></tr> <tr> <td height="22" align="left" width="150"> <A href="http://www.rkpass.cn/kemu09.html"> <span class="yemei-xiala"> <span class="red"> 信息系统管理工程师 </span> </span> </a> </td> <td height="22" align="left" width="120"> <A href="http://www.rkpass.cn/kemu10.html"> <span class="yemei-xiala"> <span class="red"> 数据库系统工程师 </span> </span> </a> </td></tr> <tr> <td height="22" align="left" width="150"> <A href="http://www.rkpass.cn/kemu11.html"> <span class="yemei-xiala"> 多媒体应用设计师 </span> </span> </a> </td> <td height="22" align="left" width="120"> <A href="http://www.rkpass.cn/kemu12.html"> <span class="yemei-xiala"> <span class="red"> 软件评测师 </span> </span> </a> </td></tr> <tr> <td height="22" align="left" width="150"> <A href="http://www.rkpass.cn/kemu13.html"> <span class="yemei-xiala"> 嵌入式系统设计师 </span> </span> </a> </td> <td height="22" align="left" width="120"> <A href="http://www.rkpass.cn/kemu14.html"> <span class="yemei-xiala"> 电子商务设计师 </span> </span> </a> </td></tr> <tr> <td height="22" align="left" width="150"> <A href="http://www.rkpass.cn/kemu18.html"> <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">&nbsp; </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>&nbsp;<span class="hui">|</span>&nbsp;<a href="http://beian.miit.gov.cn/" target="_blank"><span class="hui">京ICP备2020040059号-5</span></a>&nbsp;<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>&nbsp;<span class="hui">|</span>&nbsp;<a href="http://www.rkpass.cn/image/yyzz.jpg" target="_blank"><span class="hui">营业执照</span></a>&nbsp;|&nbsp;Copyright &copy;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 = "//hm.baidu.com/hm.js?7e54952498f03e835073b04894c29aa6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </td> </tr> </table> </td> </tr> </table> <br><br> <!--用户登录弹出界面--> <!--我的积分 积分用途 积分获取 我的账户--> </body> </html>