2014. 1. 3. 09:23
종이책에도 텍스트의 전달력을 배가 시키기 위하여 이미지를 첨가하듯
웹사이트에서도 이미지를 추가하는 경우가 다반사다.
때론 천마디 말보다 한 장의 그림이 더 많은 의미를 전달하기도 한다.
웹페이지에 이미지를 추가 할때
img 태그와 src 속성을 사용 한다.
1. <img />태그는 이미지를 추가하겠다는 의미를 나타내고
2. <img src='이미지 경로/>에서 img태그 안에 src 속성은 이미지가 저장 되있는 경로를 속성값으로 요구한다. 참고로 src는 source의 약자다.
img 태그는 일반적 html문법과 조금 다르다. 태그명이 쌍으로 이루어지지 않는다.
그럼 샘플로 컴퓨터의 '내그림'폴더에 있는 '1.png'이라는 이미지를 웹페이지에 추가해 본다.
[코드]
<!DOCTYPE html>
<html>
<head>
<title>연습</title>
</head>
<body>
<img src="C:\Documents and Settings\USER\My Documents\My Pictures\1.png"/>
</body>
</html>
[결과물]
Comments, Trackbacks