Img [그림, Image] 태그

작성자 정보

  • 작성자 관리자
  • 아이피 122.♡.189.76
  • 작성일

컨텐츠 정보

본문

▷ Img [이미지, 그림 Image] 태그

 ⊙ 태그요소

 ① <img> ... 종료태그 사용금지

img 태그는 그림을 화면에 나타내주는 태그이다.
종료태그를 사용하지 않는다.

 ⊙ 속성(Atributes)

속성
용도
사용법

기본속성

id, class, style, title, name

src="그림주소"
width="폭"
height="높이"
border="테두리"

그림파일 주소지정
그림 폭 지정
그림 높이 지정
그림 테두리 지정

<img src="http://그림주소" width="100" height="150" border="1">

align="정렬" 주변글자(text) 정렬방식지정

<img src="http://그림주소" align="left / right / top / middle / bottom / texttop / absmiddle / baseline / absbottom">

hspace="수평간격"
vspace="수직간격"
주변 글자와 그림과의 간격지정

<img src="http://그림주소" hspace="10" vspace="10">

alt="설명"
longdesc="url"
짧은 설명(풍선도움말)
긴 설명 주소 지정.

<img src="http://그림주소" alt="짧은설명" longdesc="긴설명 url">

lowsrc="이미지파일"
저해상도 그림 주소 지정

<img src="http://그림주소" lowsrc="저해상도 그림주소">

dynsrc="동영상"
start="값""
loop="수평간격"

동영상 파일 주소 지정
시작 옵션 설정
반복횟수 지정

<img src="http://그림주소" dynsrc="동영상주소" start="fileopen/mouseOver/mouseOut/onClick" loop="1">

galleryimg="yes / no" 이미지툴바 사용여부

문서 내의 모든 이미지에서 툴바 사용여부
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>
하나의 이미지에만 적용
<img src="이미지" galleryimg="yes / no">

usemap

Image Map에 사용

map, area 태그와 함께 사용

<img src="그림주소" usemap="#맵이름">
<map name="맵이름">
<area shape="rect" coords="70, 63, 240, 121" href="링크주소">
</map>

 ⊙ 속성(Atributes)의 사용 예

align, hspace, vspace 속성 예제

실행결과

<body>
앞내용
<img src="3.jpg" align="left / right / top / middle / bottom / texttop / absmiddle / baseline / absbottom" hspace="8" vspace="8">
뒤내용

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 30 / 2 Page
번호
제목
이름