본문 바로가기

WEB_Programming/Struts

Img Tag<html:img>: 사용법

Img Tag<html:img>:

html:img 태그 : HTML 에서 <img>에 대한 렌더링을 수행한다. 이 태그는 태그내에 지정된 속성에 따라 동적으로 이미지를 보여준다.

Note : 기본 URL은 src혹은 page, action으로 직접 보여주거나, srcKey, pageKey속성을 기반으로 하는 메시지 리소스를 통해 간접적으로 표시된다.


속성 설명 :

border     : 이 속성은 이미지에 둘러쌓일 보더의 넓이를 나타낸다.

name      : JSP bean에 지정된 이름으로 프로퍼티가 지정되어 있지 않은경우 쿼리 파라미터의 맵에 포함된 내용을 나타내고, 프로퍼티가 지정된경우 getter 프로퍼티가 맵에서 호출된다.

page       : 모듈 연관 패스, 슬래쉬로 시작하고 이 태그에 의해서 이미지가 표시된다. URL은 현재 웹 애플리케이션의 컨텍스트 패스에 의해서 자동적으로 렌더링된다(동일한 형식으로 page 속성은 link 태그에서도 같이 동작한다.) 또한 어떠한 URL을 다시 기술할 필요가 없다. 반드시 page 속성이나 src속성중에서 하나를 써야한다.

action     : action은 슬래쉬로 시작하고, 이 태그로 인해서 이미지 디스플레이가 렌더링된다. page와 유사한 기능을 수행한다. 추가적으로 다른모듈과 링크를 위해서 특정 모듈의 prefix를 지정할 수 있다.

property   : name속성에 의해서 지정된 빈의 프로퍼티 이름으로 java.util.Map에 쿼리 파라미터를 포함하는 객체를 반환해야 하며, 이 속성을 지정하기 위해서 반드시 name 속성을 지정해야 한다.

scope     : name속성에 의해서 지정된 빈을 찾기위한 스코프 영역 지정, 지정하지 않는다면 기본적으로 모든 스코프를 찾게된다.

width      : 표시될 이미지의 넓이를 지정한다. 이 속성은 height와 함께 이미지가 빠르게 브라우저에 로딩될 수 있도록 도와준다.


Example code :
Creating an Action Class                                            : Not Required here.
Creating Form Bean                                                    : Not Required here.
Defining the global-forwards                                 : Not Required here.
Developing the Action Mapping in the struts-config.xml   : Not Required here.


HtmlImageTag.jsp 페이지를 생성한다. :

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
     <body bgcolor="#999933">      
        <h3><font color="#FFFF33">HTML IMAGE TAG DEMO</font></h3>
        <html:img page="/images/servicesbanner.gif" width="20%" border="2"/>
    </body>
</html>

Add the following line in the index.jsp to call the form.
<a href=" HtmlImageTag.jsp"> HtmlImageTagDemo</a><br/>?/font>

Building and Testing the Example  :
Build , deploy and Test  the application .
Open the browser and navigate to the HtmlImageTag.jsp page. 
Your browser displays the following page HtmlImageTag.jsp and see the output .


Above Demo  displays the working of  <html:img>tag.

'WEB_Programming > Struts' 카테고리의 다른 글

bean:define Tag 사용법  (0) 2008.06.10
Struts1 애플리케이션 작성 단계  (0) 2008.06.10
Radio Tag <html:radio>: 사용법  (0) 2008.06.10
Rewrite Tag<html:rewrite>: 사용법  (0) 2008.06.10
Select Tag<html:select>: 사용법  (0) 2008.06.10