정리중/C# & .NET & Web

[XHTML] img 태그

위즈 2008. 1. 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. 활용


5. 관련글


[XHTML] Attribute Collections 상세 설명 보기
목록) XHTML™ 1.1