HTML（XHTML）基础知识（三）—

<img>

img 元素用于载入图片，该元素为空元素，用 /> 闭合。

必需属性：src，图片的来源 URL；alt，图片不能加载时的替代性文本。

可选属性：width，图片宽度；height，图片高度；ismap，声明图像要被用于服务端图像映射；usemap，用于确定所使用的客户端图像映射，是一个 URL；longdesc，指定有关图像的详细说明的文档 URL。float；margin；padding...

标准属性：class、dir、id、lang、style、title、xml:lang

===================================================================

背景图像

body {
background-image: url(/images/background.gif);
background-repeat: repeat-x;
/* repeat-y、no-repeat */
background-position: right bottom;
/* 可以是具体的坐标值 */
}

===================================================================

图像映射

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>My first web page</title>
<style type="text/css">
img { border-style: none }
</style>
</head>
<body>
<p>
<map id="image_map" name="image_map">
<area shape="rect" href="square.html" coords="20,27 97,76" alt="Order Square Pizza" />
<area shape="circle" href="circle.html" coords="167,51 35" alt="Order Round Pizza" />
</map>
<img usemap="#image_map" src="data:imagemap.gif" alt="Choose square or round pizza!" />
</p>
</body>
<html>

<map>

map 元素用于定义一个图像映射，该元素只能包含 area 元素。

必须属性：id

可选属性：name

标准属性：class、dir、id、lang、style、title、xml:lang

事件属性：onblur、onclick、ondblclick、onfocus、onkeydown、onkeypress、onkeyup、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup

<area>

area 元素用于定义一个区域，该元素为空元素，用 /> 闭合。

必需属性：alt，图片不能加载时的替代性文本。

可选属性：shape，区域的形状，circle（circ）、poly、rect；coords，指定映射中可点击区域的坐标；href，指定区域的超链接；nohref，声明从图像映射中排除，取值为nohref。

标准属性：accesskey、class、dir、id、lang、style、tabindex、title、xml:lang

事件属性：onblur、onclick、ondblclick、onfocus、onkeydown、onkeypress、onkeyup、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup

转载于:https://www.cnblogs.com/shilxfly/p/9436940.html

HTML（XHTML）基础知识（三）——【image】相关推荐

（六）JS基础知识三（走进作用域和闭包）【三座大山之二，不会闭包，基本不会通过】
JS基础知识三(作用域和闭包) 提问作用域自由变量闭包 this 提问 this的不同应用场景,如何取值手写bind函数实际开发中闭包的应用场景,举例说明创建10个a标签,点击的时候弹出对 ...
CSS基础知识---三种选择器
CSS基础知识---三种选择器选择器标签选择器 id选择器 class选择器全部代码选择器标签选择器 id选择器 class选择器标签选择器选择器优先级:id>class>标 ...
C# 基础知识 (三).主子对话框数值传递
在C# winform编程中,我们经常会遇到不同窗口间需要传递数值的问题.比如数据库的应用,主窗口填写内容num1,点击按钮,在弹出的子窗口显示对应num1值;或者在子窗口填写新注册用户名信息,在主窗 ...
三校生计算机word基础知识,三校生计算机第一次月考计算机基础、word.doc
三校生计算机第一次月考计算机基础.word 云南省高等职业技术教育招生考试试题计算机基础.word基础知识(9月考试卷) 姓名:_ __ ____ 得分:____ ___ 一.单项选择题(在每小题给 ...
C语言基础知识(三)-程序设计结构、数组、字符串处理函数
本文是C语言的基础知识,主要讲解三种程序设计结构.数组.字符串和字符数组.数组元素查询以及字符串处理函数. 程序结构设计包括C语言在内的几乎任何编程语言都支持以下三种程序设计结构,它们分别是: 顺序 ...
Dapper基础知识三
在下刚毕业工作,之前实习有用到Dapper?这几天新项目想用上Dapper,在下比较菜鸟,这块只是个人对Dapper的一种总结. Dapper,当项目在开发的时候,在没有必要使用依赖注入的时候,如何做 ...
Framebuffer基础知识(三十)
1.Framebuffer应用编程在Linux系统中通过Framebuffer驱动程序来控制LCD.Frame是帧的意思,buffer是缓冲的意思,这意味着Framebuffer就是一块内存,里 ...
Profinet协议基础知识(三)
三.PROFINET IO设备 1.PROFINET IO设备类型 PROFINET IO设备可分为Device(从站).Controller(主站)与Supervisor(监视器). PROFINE ...
工业通讯 | Profinet协议基础知识(三)
三.PROFINET IO设备 1.PROFINET IO设备类型 PROFINET IO设备可分为Device(从站).Controller(主站)与Supervisor(监视器). PROFINE ...
html和xhtml基础知识整理
1.apache服务器如果接收到php文件的http请求,它不能处理,apache服务器交给php脚本程序进行处理,如果是访问html静态页,apache可以找到该文件并返回给客户端,apache服务 ...

HTML（XHTML）基础知识（三）——【image】

HTML（XHTML）基础知识（三）——【image】相关推荐

最新文章

热门文章