-
<IMG>태그 / 이미지 삽입하기컴퓨터/HTML5 2017. 5. 14. 21:42
> <IMG>태그 / 이미지 삽입하기
<IMG>태그는 이미지를 삽입하는 태그입니다.
사진의 경로를 유의하여 지정해주어야합니다. 사진의 경로를 잘못 지정할 경우, 사진이 출력되지 않음을 확인할 수 있습니다.
사진의 경로뿐만아니라 사진파일의 이름까지도 동일하게 지정해주어야합니다. 경로지정에는 절대경로와 상대경로 지정이있습니다.
- HTML코드
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>IMG 태그로 이미지 삽입하기</title>
</head>
<body>
<P>절대경로</P>
<IMG SRC="C:\HTML+Sniezny\1.PNG" WIDTH="120PX" HEIGHT="120PX">
<BR>
<P>상대경로</P>
<IMG SRC="./1.PNG" WIDTH="120PX" HEIGHT="120PX">
<BR>
<IMG SRC="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif">
</body>
</html>
- 실행사진
절대경로란 말 그대로 절대적인 위치에있는 경로를 말합니다. 예를들어 사진파일은 c드라이브의 a폴더에 img.png 라는 파일명으로 있다.라고 하면
이것은 절대경로의 표현법입니다.
상대경로란 상대적인 위치에 있는 경로를 말하는데, index.html 혹은 html 페이지가위치한 폴더를 기준으로 위치가 결정되는 경로를 말합니다.
예를들어 index.html 이 있는 폴더 안에있는 a폴더 안의 img.png 이런식으로 표현할 수 있겠습니다.
'컴퓨터 > HTML5' 카테고리의 다른 글
<A>태그 / 하이퍼링크 달기 (0) 2017.05.14 <PRE> 태그 / 그대로 출력하기 (0) 2017.05.14 원하는 색 구하기 / 16진수 색상표 (0) 2017.05.14 <SPAN> 태그 / 텍스트 일부분 지정하기 (변화주기) (0) 2017.05.14 <DIV> 태그 / 레이아웃 만들기 / 상자 만들기 (0) 2017.05.14