Home >Web Front-end >HTML Tutorial >Html learning (3) - image tags
Html learning (3) - image tags
- 黄舟Original
- 2016-12-29 15:30:321178browse
Image tag:
<img alt="Html learning (3) - image tags" >
Attributes:
align: Define the arrangement of pictures
border: Used to set the border of the image
src: Connect a file
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>image</title>
<meta name="author" content="sync" />
</head>
<body>
<!--
演示图片标签
-->
<img src="http://2d.zol-img.com.cn/product/95_940x705/893/ce14aSRNzVhz2.jpg"
height="350" width="500" border="10"
alt="美丽的风景" />
</body>
</html>
Image map:
<map>Application: When you want to select a certain part of the image as a connection. The map tag should be used in conjunction with the img tag. Href is a hyperlink
[code]<img src="1.jpg" alt="图片说明文字" usemap="#Map">
<map >
<area shape="rect" coords="50,59,116,104" href="a.html">
<area shape="circle" coords="118,203,40" href="b.html">
</map> The above is the content of Html learning (3) - image tags. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Html learning (2) - list tagNext article：Html learning (2) - list tag