글
img태그1
HTML
2011. 7. 6. 09:41
안녕하세요?
저번시간에는 움직이는 글자 marquee태그에 대해 배워보았습니다.
오늘은 그림이나 사진 즉 이미지를 삽입하는 것에 관해 알아보겠습니다. 웹페이지를 만들때 이미지의 역할은 대단히 큽니다. 글로 여러가지로 설명하는 것보다 하나의 이미지가 더 많은 것을 이야기 할때도 있지요. 이미지를 넣는 태그는 <IMG SRC="경로">입니다. 그럼 예를 한번 들어봅시다.
<html>
<head><title>이미지</title>
</head>
<body>
<img src="NS3.jpg">
</body>
</html>
이해하시겠지요? <img src="NS3.jpg"> 이 부분은 img는 이미지라는 뜻이고 src는 source즉 출처라는 뜻이지요. 합치면 이미지가 있는 곳은 현재 폴더이고 이름은 NS3.jpg라는 것입니다. 이 소스를 실행할려면 같은 폴더내에 NS3.jpg가 있어야 겠지요. 실행하면 화면에 NS3.jpg가 불러져와 있는 것을 보실수 있습니다.
이렇게 불러와져 있습니다.
그럼 img태그의 다른 활용법에 대해 알아봅시다. 이미지의 크기를 지정할 수 있는데 그냥 IMG태그를 쓰면 원래의 크기로 불러와집니다. 근데 여기에 width,height를 주면 width는 폭, height는 높이를 조절해 줄수 있습니다. 예를들어 위의 그림을 폭 100픽셀, 높이 100픽셀로 불러오고 싶다면 <img src="NS3.jpg" width=100 height=100> 이렇게 해주면 됩니다. 그럼 실행한 예를 볼까요?
아주 작게 출력이 되지요?
오늘은 여기까지 하겠습니다. 즐거운 하루 되세요~~
저번시간에는 움직이는 글자 marquee태그에 대해 배워보았습니다.
오늘은 그림이나 사진 즉 이미지를 삽입하는 것에 관해 알아보겠습니다. 웹페이지를 만들때 이미지의 역할은 대단히 큽니다. 글로 여러가지로 설명하는 것보다 하나의 이미지가 더 많은 것을 이야기 할때도 있지요. 이미지를 넣는 태그는 <IMG SRC="경로">입니다. 그럼 예를 한번 들어봅시다.
<html>
<head><title>이미지</title>
</head>
<body>
<img src="NS3.jpg">
</body>
</html>
이해하시겠지요? <img src="NS3.jpg"> 이 부분은 img는 이미지라는 뜻이고 src는 source즉 출처라는 뜻이지요. 합치면 이미지가 있는 곳은 현재 폴더이고 이름은 NS3.jpg라는 것입니다. 이 소스를 실행할려면 같은 폴더내에 NS3.jpg가 있어야 겠지요. 실행하면 화면에 NS3.jpg가 불러져와 있는 것을 보실수 있습니다.
이렇게 불러와져 있습니다.
그럼 img태그의 다른 활용법에 대해 알아봅시다. 이미지의 크기를 지정할 수 있는데 그냥 IMG태그를 쓰면 원래의 크기로 불러와집니다. 근데 여기에 width,height를 주면 width는 폭, height는 높이를 조절해 줄수 있습니다. 예를들어 위의 그림을 폭 100픽셀, 높이 100픽셀로 불러오고 싶다면 <img src="NS3.jpg" width=100 height=100> 이렇게 해주면 됩니다. 그럼 실행한 예를 볼까요?
오늘은 여기까지 하겠습니다. 즐거운 하루 되세요~~
'HTML' 카테고리의 다른 글
| 페이지 배경색을 내맘대로 (0) | 2011.07.10 |
|---|---|
| IMG 태그, 링크, 경계선 (0) | 2011.07.08 |
| marquee태그 움직이는 글자 (1) | 2011.07.04 |
| <a href></a>, 새창으로 문서이동하기 (0) | 2011.07.01 |
| <HR> 선그리기 (0) | 2011.06.29 |
