2018年下半年上午试卷综合知识

第 59 题


知识点	图像的插入和编辑 HTML
关键词	图像网址
章/节	Web 设计基础

在HTML页面中需要创建一个图像链接，图像文件名为education.jpg,且与网页文件位于同一目录，目标网址为http://www.moe.gov.cn,则创建该图像链接正确的HTML代码是（）。

相关试题创建图片标签页面

第62题

2018年下半年

在HTML页面中包含图片假设图片地址正确，则实现隐藏该图片功能的代码是( )。

第47题

2017年下半年

创建一个图像链接，图像文件名为myPic.jpg，访问目标网站为http://www.gov.cn，能够正确创建该链接的是（）。

第58题

2016年下半年

嵌入多媒体文件的HTML代码正确的是（58）。

知识点讲解

· 图像的插入和编辑

· HTML

图像的插入和编辑

图片是网页设计中必不可少的元素，在HTML中我们可以在网页的任何位置插入图片，并且对图片进行设置及建立超链接和热区等操作。

（1）图片的基本用法。

基本语法：

语法说明：img标签的作用就是插入图片，src属性用来指定图片文件所在的路径，这个路径可以是相对路径，也可以是绝对路径。当鼠标移动至图片区域内停留时会显示提示文字，alt属性的提示文字可以是中文也可以是英文。width和height属性分别代表图片的宽和高，单位可以是像素，也可以是百分比。如果在使用宽度和高度属性中，只设置了其中一个属性，那么另一个属性会按原始图片宽高等比例显示。但是如果两个属性没有按原始大小的缩放比例设置，图片可能变形。border为边框线的宽度，用数字表示，单位为像素。

（2）超链接及设置图片链接。

超链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，超链接通过标签来实现。

①插入超链接。

基本语法：

语法说明：在HTML文件中，需要使用超链接时用标签将需要建立链接的内容包括起来，href属性的URL值可以设置为相对路径或者绝对路径。

②设置图片链接。

基本语法：

语法说明：href属性是用来设置图片的链接地址URL，target属性用来设置目标窗口的打开方式。

③设置图片热区链接。

基本语法：

热区图像及热区链接属性的定义如下：

语法说明：标签用来插入图片和引用映射图片名称，即用usemap属性来引用在标签中所定义的映射图片名称，并且要在名称前加上#号。标签只有一个name属性，用来定义映射图片的名称。标签有三个属性，shape属性、coords属性和href属性。href属性用来定义超链接的目标地址；shape属性用来定义热区的形状，可以取3个属性值；coords属性用来定义热区的坐标，不同的形状其coords属性的设置方式也不同，shape属性值对应的coords属性值如下表所示。

shape属性值对应的coords属性值

HTML

HTML即超文本标记语言（Hypertext Markup Language），是用于描述网页文档的一种标记语言。HTML是组织多媒体文档的重要语言，它不仅可以用来编写Web网页，还可以用来制作光盘上的多媒体节目。HTML可以用来编排文档、创建列表、建立链接、插入声音和视频。

①HTML简介。

万维网（Web）是一个信息资源网络，它之所以能够使这些信息资源为广大用户所利用，主要依靠以下三个基本技术。

. 指定网上信息资源地址的统一命名方法：URL（Uniform Resource Locator）。

. 存取资源的协议：超文本传送协议（Hypertext Transfer Protocol, HTTP）。

. 在资源之间很容易浏览的超文本链接技术：源于HyperText的HyperLink。

为了出版可在全球发行的信息，人们需要一种所有计算机都能理解的出版语言，这就是HTML语言。HTML可用于以下方面。

. 出版联网文档，这种文档包含标题、文字、表格、列表、图像以及声音和视频文件等。

. 通过超文本链接可以检索和阅读联网信息。

. 设计交易单（FORM/form）。这是一种用来从读者处收集信息的Web文档，可以与远程服务单位进行交易，例如查找信息以预约旅馆的房间、订购产品等。多数交易单至少有一个可供输入文本数据（例如名字或者搜索关键字）的文本域。很多较为精致复杂的表单还包括用于切换选项的复选框、从几个选项中选择其一的单选按钮和执行任务（例如提交表单）的按钮。

②HTML的基本概念。

一个HTML文档通常由文档头（head）、文档名称（title）、表格（table）、段落（paragraph）和列表（（list）等成分构成，它们是文本文档的基本构件，并且使用HTML规定的标签（tag）标识这些元素。

HTML标签由三部分组成：左尖括号（<）、“标签名称”和右尖括号（>）。标签通常是成对出现的，左尖括号表示开始的开始标签（start tag），右尖括号表示结束的结束标签（end tag）。例如，

与

分别表示一级标题的开始标签和结束标签，H1是一级标签的名称。除了在结束标签名称前面加一个斜杠符号（/）之外，开始标签的名称和结束标签的名称都是相同的。

某些元素还可以包含属性（attribute）。属性指背景颜色、字体属性（大小、颜色、正体、斜体等）、对齐方式等，它是包含在开始标签中的附加信息。例如，

表示这段文字是居中对齐的。同样可以指定图像的对齐属性（如图像在顶部、底部或中间）。

注意，HTML标签名称中的字母不区分大小写。例如，与<TITLE>或者<TiTlE>都是等效的。此外，Web浏览器不一定支持所有HTML标签。如果一个浏览器遇到它不认识的标签，那么它就不予理睬，但在这对标签之间的文本仍然会显示在计算机屏幕上。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"> <span class="word_content_v2"> ③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"> 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"> 每个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"> 下图是利用记事本编写的一个简单的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"> <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"> 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>  <br> <br> </td> </tr> </table> <script type="text/javascript" src="../tk_tishi_unsubscribe.jsp"></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> <span class="hui_xiao">|</span> <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> <span class="hui">|</span> <a href="http://www.rkpass.cn/image/yyzz.jpg" target="_blank"><span class="hui">营业执照</span></a> <br> <span class="hui_xiao"> Copyright ©2000-2023 All Rights Reserved <br>软考在线版权所有</span> </td> </tr> </table> </td> </tr> </table>  <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>  </td> </tr> </table> <br> </td> </tr> </table> </body> </html>