1-1. href Image1
**Caution: Image has no rules of closing tag!
Then, save as another file (.png)
Start Coding for this!
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\img_sample.png">
Image example
</a>
</div>
</body>
</html>
Results
1-2. href Image1 + href Image2
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\img_sample.png">
Image example
</a>
</div>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\img_sample2.png"width = "400px" height="250px" >
Image example #2
</a>
</div>
</body>
</html>
1-3. href Image1 + href Image2 + Just Image3
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\img_sample.png">
Image example
</a>
</div>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\img_sample2.png"width = "400px" height="250px" >
Image example #2
</a>
</div>
<div>
<img src="./imgtag\img_sample3.png"width = "400px" height="auto" >
Image example #2
</a>
</div>
</body>
</html>
'Information Technology > HTML5' 카테고리의 다른 글
| [HTML5] 06. Training for LINK Tag (0) | 2019.08.19 |
|---|---|
| [HTML5] 05. Training for Directory (0) | 2019.08.19 |
| [HTML5] 03. Training for A Tag (0) | 2019.08.18 |
| [HTML5] 02. Training for Tagging DIV functions (0) | 2019.08.18 |
| [HTML5] 01. Training for HTML basic source (0) | 2019.08.18 |
댓글