3. 이미지를 불러 보자

3. 이미지를 불러 보자

2017. 8. 2. 13:42ㆍ하루만에 프로그래밍 끝내기/HTML

1. 이미지 불러오기 예제

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>이미지 불러오기</title>
</head>
<body>
<img src="../img/01.png">
</body>
</html>

- 결과

2. 속성

속성	설명
src="경로"	그림의 경로를 지정합니다.
width="수치"	그림의 가로 크기를 픽셀 값을 사용하여 지정합니다.
height=수치""	그림의 세로 크기를 픽셀 값을 사용하여 지정합니다.
alt="내용"	그림의 설명을 지정합니다. 그림이 보이지 않을 때 설명글이 나타납니다.
border="수치"	그림의 테두리를 설정합니다.
align="정렬"	주변의 요소와 맞추어 정렬 방법을 지정합니다. ex) bottom, middle, left, right

앙큼한유채's 일상 Story