HTML <img> 태그 : 이미지 태그(Image)
HTML의 <img> 태그는 HTML 문서에 이미지를 넣어하는 데 사용됩니다.
src 속성에 이미지 URL 경로를 alt 속성에 이미지 설명을 합니다.
이미지가 깨지거나 없을 경우에는 alt속성의 이미지 설명이 표시 됩니다.
<img> 태그 예제
<html>
<head>
<title>html img 태그 예제샘플</title>
</head>
<body>
<h1>img 태그의 예제샘플입니다</h1>
<p>
과일 사과 레포트
<p>
사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
<br>
<IMG src="/help/sample.gif" alt="사과 이미지">
</body>
</html>
<img> 관련 태그
<img> 태그 속성
align : 콘텐츠 정렬을 지정합니다.
alt : <img> 태그에서 사용되며 이미지 설명을합니다.이미지가 깨지거나 없을 경우 이미지 대신 표시 할 수 있습니다.
border : 테이블 주위에 경계의 픽셀 폭을 지정합니다.
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
height : 요소 나 프레임의 높이를 지정하는 것입니다.
hspace : 애플릿과 주변 텍스트 사이 수평 공간.
id : 문서의 요소를 식별합니다.
ismap : 서버 측 이미지 맵을 지정하는 것입니다.
lang : 요소의 내용의 언어를 지정합니다.
longdesc : 이미지, IFRAMES 및 프레임에 대한 긴 텍스트 설명에 대한 링크를 지정하는 것입니다.
name : 요소에 대한 이름을 지정하는 것입니다.
src : 외부 파일 또는 리소스에 대한 URI를 지정하는 것입니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
usemap : 요소와 이미지 맵을 연결하는 것입니다.
vspace : 애플릿과 주변 텍스트 사이 수직 공간.
width : 요소의 너비를 지정하는 것입니다.
<img> 태그 이벤트
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
