개발자별의 위즈군 지구 사람들과 이야기하다.

[XHTML] img 태그

2008/01/29 12:38

1. 설명

본문에 이미지를 표시 할 때 사용한다. body 태그 안에 포함되어야 한다.
검색엔진에 따라서 해당 태그 안의 내용에 비중을 두고 인덱스를 구축하기 때문에 적극 활용해야 한다.
마침 태그가 없기 때문에 마지막을 <img ... />로 닫아 주어야 한다.

2. 예제

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>wiz.pe.kr XHTML 강좌</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>이미지를 출력합니다.</h1>
<img src="http://wiz.pe.kr/wiz.gif" alt="wiz 사진" />
</body>
</html>

3. Attribute Collections

Core	xml:space, class, id, title
I18N	xml:lang
Events	onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout , onkeypress, onkeydown, onkeyup
Style	style
src	이미지의 경로를 설정합니다.
alt	이미지를 표시 하지 못하는 상황에서 이미지를 대체 할 텍스트를 설정합니다.
longdesc	이미지에 대한 상세한 내용을 담고있는 페이지의 주소를 설정 합니다.
width	이미지를 표시해줄 넓이를 설정합니다.
height	이미지를 표시해줄 높이를 설정합니다.

4. 활용

'개발자 공간 > C# & .NET & Web' 카테고리의 다른 글

[ASP.NET] OpenID 공개 소스 ExtremeSwank (0)	2008/03/10
[XHTML] img 태그 (0)	2008/01/29
[XHTML] h1, h2, h3, h4, h5, h6 태그 - 제목만들기 (0)	2007/12/26
[개발팁] Visual Studio(VS) 발행 빌드(Build) 시 "빌드 인덱스가 배열 범위를 벗어났습니다."오류 처리 (0)	2007/11/20