At First, Create a folder where you want in desktop directory
and migrate imagefiles I made previous class time into created folder.
Now, you can view the files and folder
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\data\img_sample.png">
Image example
</a>
</div>
<div>
<a href="http://www.imagesample.com">
<img src="./imgtag\data\img_sample2.png"width = "400px" height="250px" >
Image example #2
</a>
</div>
<div>
<img src="./imgtag\data\img_sample3.png"width = "400px" height="auto" >
Image example #3
</a>
</div>
</body>
</html>
Final. In case already migrated to another filder with html such as below?
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<a href="http://www.imagesample.com">
<img src="../imgtag\data\img_sample.png">
Image example
</a>
</div>
<div>
<a href="http://www.imagesample.com">
<img src="../imgtag\data\img_sample2.png"width = "400px" height="250px" >
Image example #2
</a>
</div>
<div>
<img src="../imgtag\data\img_sample3.png"width = "400px" height="auto" >
Image example #3
</a>
</div>
</body>
</html>
'Information Technology > HTML5' 카테고리의 다른 글
| [HTML5] 06. Training for LINK Tag (0) | 2019.08.19 |
|---|---|
| [HTML5] 04. Training for IMG Tag (Image Tag) (0) | 2019.08.18 |
| [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 |
댓글