반응형
안녕하세요.
HTML5에서는 기존 프로그래밍 언어보다
쉽게 이미지를 넣을 수 있습니다.
스타일 시트(css)를 이용하여 원하는 스타일을 지정할 수 있습니다.
|
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com html img 이미지 넣기 소스 코드</title>
</head>
<body>
<div>
<img src="background.png" alt="background" width="960px" height="640">
</div>
</body>
</html>
|
cs |
src: 이미지 파일의 경로를 지정합니다. 다른 폴더도 지정할 수 있습니다. 웹 서버를 통해 이미지를 가져올 수 있습니다.
alt: 이미지가 출력할 수 없을 경우 대체하는 글자를 지정합니다.
width: 이미지의 너비를 지정합니다.
height: 이미지의 높이를 지정합니다.
▲ 실행화면입니다.
댓글