위즈군의 라이프로그
Reboot... Search /

[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>
XHTML Img Tag 사용 예


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
신고
hello 2010.04.21 09:21 신고 E / R
조금 다르네요 html하고 ^^ 암튼 잘 보고 있습니다.
위즈 2010.04.21 12:47 신고 E
지켜야 할 것이 조금 더 많을 뿐 거의 비슷합니다.
즐거운 하루되세요.
Name : Password : Blog : ( )

위즈군의 라이프로그

Category

전체 (569)
개발 (0)
정보 (0)
일상 (0)
정리중 (569)
Total:2,106,258
Today:11 / Yesterday:111
Daum 코드
Powered by Tistory / Skin by 위즈 / Copyright Click Here 라이센스정책 rss 2.0