全部科目 > 电子商务设计师 >
2019年下半年 上午试卷 综合知识
第 62 题
知识点 HTML5基础   HTML   HTML5  
章/节 Web 设计基础  
 
 
HTML5中,doctvoe标签的正确用法是(62)
 
  A.  <!DOCTYPE HTML5>
 
  B.  <!DOCTYPE html>
 
  C.  <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML5.0//EN”“http://www.w3.org/TR/html5/strict.dtd">
 
  D.  <html>
 
 




 
 
相关试题     HTML和HTML5基础 

  第59题    2013年下半年  
超链接标记中target属性的含义是(59)。

  第58题    2015年下半年  
在HTML语言中,可用来产生滚动文字的标记是(58)。

 
知识点讲解
· HTML5基础
· HTML
· HTML5
 
        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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<plaintext>标签,可以使用HTML5中的"text/plain"MIME类型替代。 </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> </table> <table width="100%" border="0" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="100%" height="13" bgcolor="#f8f8f8" align="center"><span id="mao_zsd_202102091205037356366">&nbsp;</span> </td> </tr> <tr> <td width="100%" align="center"> <!--一个完整知识点的区域 开始--> <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="word_title_v2_blue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML</span> </td> </tr> <tr> <td align="left" valign="" width="100%" height="10"></td> </tr> <tr> <td align="left" valign="" width="100%" height="1" bgcolor="#e4e4e4"></td> </tr> <tr> <td align="left" valign="" width="100%" height="6"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML即超文本标记语言(Hypertext Markup Language),是用于描述网页文档的一种标记语言。HTML是组织多媒体文档的重要语言,它不仅可以用来编写Web网页,还可以用来制作光盘上的多媒体节目。HTML可以用来编排文档、创建列表、建立链接、插入声音和视频。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;万维网(Web)是一个信息资源网络,它之所以能够使这些信息资源为广大用户所利用,主要依靠以下三个基本技术。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 指定网上信息资源地址的统一命名方法:URL(Uniform Resource Locator)。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 存取资源的协议:超文本传送协议(Hypertext Transfer Protocol, HTTP)。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 在资源之间很容易浏览的超文本链接技术:源于HyperText的HyperLink。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了出版可在全球发行的信息,人们需要一种所有计算机都能理解的出版语言,这就是HTML语言。HTML可用于以下方面。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 设计交易单(FORM/form)。这是一种用来从读者处收集信息的Web文档,可以与远程服务单位进行交易,例如查找信息以预约旅馆的房间、订购产品等。多数交易单至少有一个可供输入文本数据(例如名字或者搜索关键字)的文本域。很多较为精致复杂的表单还包括用于切换选项的复选框、从几个选项中选择其一的单选按钮和执行任务(例如提交表单)的按钮。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一个HTML文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表((list)等成分构成,它们是文本文档的基本构件,并且使用HTML规定的标签(tag)标识这些元素。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML标签由三部分组成:左尖括号(<)、“标签名称”和右尖括号(>)。标签通常是成对出现的,左尖括号表示开始的开始标签(start tag),右尖括号表示结束的结束标签(end tag)。例如,<H1>与</H1>分别表示一级标题的开始标签和结束标签,H1是一级标签的名称。除了在结束标签名称前面加一个斜杠符号(/)之外,开始标签的名称和结束标签的名称都是相同的。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;某些元素还可以包含属性(attribute)。属性指背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等,它是包含在开始标签中的附加信息。例如,<P ALIGN=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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注意,HTML标签名称中的字母不区分大小写。例如,<title>与<TITLE>或者<TiTlE>都是等效的。此外,Web浏览器不一定支持所有HTML标签。如果一个浏览器遇到它不认识的标签,那么它就不予理睬,但在这对标签之间的文本仍然会显示在计算机屏幕上。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML文挡是一种没有格式的文档,也称ASCII文件。因此,HTML文档可以使用任何一种文本编辑器进行编写。例如,Windows系统中的记事本(Notepad)、写字板(Wordpad),当然也可以使用字处理软件,例如微软公司的Word等。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;每个HTML文档都是由标签<HTML>开始、以标签</HTML>结束的。每个HTML文档都分成两个组成部分:文档头(head)和正文(body),并分别用<HEAD>…</HEAD>和<BODY>…</BODY>进行标记。文档头标签<HEAD>…</HEAD>之间所包含的内容是文档的名称(title)。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下图是利用记事本编写的一个简单的HTML示例代码,将其保存后,利用IE浏览器打开后的效果如下图所示。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0063_0037.jpg" target="_blank"><img alt="" width="205.53" height="84.89" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0063_0037.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML的编辑及效果图 </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> </table> <table width="100%" border="0" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="100%" height="13" bgcolor="#f8f8f8" align="center"><span id="mao_zsd_202102091205043251182">&nbsp;</span> </td> </tr> <tr> <td width="100%" align="center"> <!--一个完整知识点的区域 开始--> <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="word_title_v2_blue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML5</span> </td> </tr> <tr> <td align="left" valign="" width="100%" height="10"></td> </tr> <tr> <td align="left" valign="" width="100%" height="1" bgcolor="#e4e4e4"></td> </tr> <tr> <td align="left" valign="" width="100%" height="6"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML标准自1999年12月发布4.01版本后,连续多年都没有再推出新的版本。为了推动Web标准化的发展,一些公司联合起来成立了一个名为WHATWG(Web Hypertext Application Technology Working Group, Web超文本应用技术工作组)的组织。WHATWG致力于Web表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟)则专注于XHTML 2.0。2006年,双方决定合作创建一个新版本的HTML,这就是HTML5。HTML5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML5的第一份正式草案于2008年1月22日公布。然而,大部分现代浏览器已经具备了某些HTML5支持。2012年12月17日,W3C正式宣布HTML5规范草案正式定稿,这也使得HTML5成为开放Web网络平台的基石。2013年5月6日,HTML5.1草案公布,该规范定义了第五次重大版本,第一次重大修订了超文本标记语言。在这个版本中,新功能不断推出,以帮助Web应用程序的作者努力提高新元素的互操作性。2014年10月29日,W3C正式宣布,经过近8年的艰辛努力,HTML5标准规范终于制定完成,并已公开发布。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在此之前的几年时间内,已经有很多开发者陆续使用了HTML5的部分技术,Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML5相对于HTML4.01版本有了重大修改,下面着重介绍其部分新特性。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了能够更好地创建页面结构,HTML5提供了一些新的元素,删除了部分HTML 4.01的元素。HTML5添加的部分新元素如下表所示。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0064_0038.jpg" target="_blank"><img alt="" width="224.64" height="136.5" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0064_0038.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下面是利用HTML5编写的简单实例,实现功能与2.5节例子的功能类似,实现效果如下图所示。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0039.jpg" target="_blank"><img alt="" width="164.19" height="38.61" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0039.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IE显示的HTML5代码效果 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0040.jpg" target="_blank"><img alt="" width="225.03" height="99.84" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0040.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;② video和audio。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原来的HTML不提供对video和audio的直接支持,video和audio都是通过插件(如Flash)显示的,这就存在一个问题:并非所有浏览器都拥有同样的插件,导致视频的观看不能得到有效统一。HTML5通过video元素和audio实现了显示视频和音频的标准方法。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<video>元素支持三种视频格式:MP4、WebM和Ogg。MP4专指带有H.264视频编码和AAC音频编码的MPEG 4文件,WebM是指带有VP8视频编码和Vorbis音频编码的WebM文件,Ogg是指带有Theora视频编码和Vorbis音频编码的Ogg文件。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<audio>元素也支持三种音频格式文件:MP3、Wav和Ogg。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0041.jpg" target="_blank"><img alt="" width="221.0" height="56.03" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0065_0041.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0042.jpg" target="_blank"><img alt="" width="221.39" height="22.62" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0042.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果浏览器支持video和audio标签,则以320×240的尺寸正常显示视频和音频,若不支持则显示标签中的文字。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③ 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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML5中的<canvas>元素用于图形的绘制,通过脚本(通常是JavaScript)完成。<canvas>标签只是图形容器,必须使用脚本绘制图形,可以通过多种方法使用canva绘制路径、盒、圆、字符以及添加图像。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下面是利用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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0043.jpg" target="_blank"><img alt="" width="222.17" height="111.54" src="http://www.rkpass.cn/ruankao_work_version_0103/content_image/9/9787302532279_0066_0043.jpg" /></a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利用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="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 通过id获取画布的dom元素。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. 创建context对象,getContext(“2d”)对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. fillStyle属性可以是CSS颜色、渐变或图案。fillStyle默认设置为#000000。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;. fillRect(x, y, width, height)方法定义了矩形当前的填充方式。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML5还提供了很多常用的API,如Websock、svg、Web存储、地理定位等,感兴趣的读者可以查询资料深入学习,此处不做过多介绍。 </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> </table> <!--知识点区域结束--> <br> <br> </td> </tr> </table> <script type="text/javascript" src="../tk_tishi_unsubscribe.jsp"></script> <!--任何页面都有foot_x--> <!-- <script type="text/javascript"> /*移动-方块*/ var cpro_id = "u2014899"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/cm.js" type="text/javascript"></script> --> <table width="100%" border="0" align="center" cellpadding="0" bgcolor="#f1f1f1" cellspacing="0" > <tr> <td width="100%" align="left" colspan="2" height="1" bgcolor="#e0e0e0"></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" > 更多复习资料<br>请登录电脑版软考在线 www.rkpass.cn <br><br> <span class="hui_xiao">京B2-20210865</span>&nbsp;<span class="hui_xiao">|</span>&nbsp;<span class="hui_xiao">京ICP备2020040059号-5</span> <br> <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_xiao">京公网安备 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> <br> <span class="hui_xiao">&nbsp;Copyright &copy;2000-2023 All Rights Reserved <br>软考在线版权所有</span> </td> </tr> </table> </td> </tr> </table> <!--任何页面都有foot_y--> <table width="100%" border="0" align="center" cellpadding="0" bgcolor="#f1f1f1" 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> <!-- <script src="http://s25.cnzz.com/stat.php?id=5504760&web_id=5504760" language="JavaScript"></script> --> </td> </tr> </table> <br> </td> </tr> </table> </body> </html>