IMG 태그의 이해
IMG 태그는 웹 페이지에 그림을 넣거나 그림을 제어할 때 사용하는 태그입니다.
속성을 지정하여 웹페이지에 들어간 그림의 크기를 조절한다던가
그림주위에 선을 둘러칠 수 있고
그림상하 좌우에 여백을 설정할 수 있습니다.
그림이 뜨지 않을때는 한 폴더에 HTML파일과 이미지를 같이 넣으면 그림이 나타나게 됩니다.
<IMG> 태그의 속성
- src 이미지 경로지정시 그림삽입
- alt 설며을 띄워줌
- width 가로크기
- height 세로크기
- align 그림의 정렬(장문과 그림의 어울림)
- border 두께
- hspace 좌우 여백
- vspace 상하 여백
(사용방법)
<img src="1.jpg"><br>
<img src="1.jpg" alt="그림에 마우스를 대면 말풍선이 나타남"><br>
<img src="1.jpg" width="300" height="500"><br>
<img src="1.jpg" align=center"><br>
<img src="1.jpg" hspace=20 vspace=50><br>
치기 귀찮거나 잘 안되는 분들 참조
동고비.zip반응형
'웹프로그래밍 > html' 카테고리의 다른 글
| HTML - 이미지맵(imagemap) (0) | 2011.02.10 |
|---|---|
| HTML - 하이퍼링크 (0) | 2011.02.10 |
| HTML - 목록태그(ol,ul) (0) | 2011.02.10 |
| HTML - 글꼴 관련 태그 (0) | 2011.02.10 |
| html 의 시작 (0) | 2011.02.10 |