Sei sulla pagina 1di 25

JSTL Que es JSTL? JSTL es una biblioteca que implementa funciones de uso frecuente en aplicaciones JSP.

En concreto, JSTL proporciona Cinco bibliotecas de etiquetas JSP: Funciones comunes de iteracin sobre datos, operaciones condicionales, e importacin de otras pginas. Internacionalizacin y formateo de texto. Funciones de manipulacin de cadenas. Procesamiento de XML. Acceso a bases de datos. Un lenguaje de expresin para referenciar objetos y sus propiedades sin necesidad de cdigoJava. Validadores de bibliotecas de etiquetas (Tag Library Validators, TLVs). JSTL requiere un contenedor de JSP 2.0. JSTL es fcil Por su simplicidad, JSTL solo requiere conocimientos rudimentarios de Java, JSP, y aplicaciones Web. Cualquier desarrollador puede comenzar a usarlo de forma casi inmediata. JSTL facilita la referencia a objetos: <%-- con JSP --%> <%= session.getAttribute("username").getFirstName()%> <%-- con JSTL --%> ${sessionScope.username.firstName} Historia de JSTL Con JSTL se pretenda recopilar las etiquetas JSP ms usadas en una biblioteca estndar que pudiera usarse en todos los contenedores JSP La especificacin JSTL se desarrollo bajo el auspicio del JCP [http://www.jcp.org/en/home/index] (Java Community Process, Proceso Comunitario Java). El JCP es un proceso supervisado por SUN pero abierto a empresas, e individuos particulares, que gua el desarrollo y aprobacin de los estndares para el lenguaje Java. En la actualidad (mayo 2004) el JCP cuenta con 700 participantes. Las iniciativas para crear un estndar dentro del proceso JCP se conocen como JSR (Java Specificacion Request, Peticin de Especificacin Java). La JSR n 52 [http://www.jcp.org/jsr/detail/52.jsp] se llam "A Standard Tag Library for JavaServer Pages", o abreviadamente JSTL. Fue solicitada originalmente por Eduardo Pelegri-Llopart y Anil Vijendran, empleados de SUN. En su desarrollo participaron individuos como Jason [http://today.java.net/cs/user/print/au/8?x-t=full.view]Hunter [http://www.javahispano.org/text.viewer.action?file=jason_hun_es], y representantes de varias organizaciones (ASF, Adobe, BEA, y otras). La especificacin JSTL 1.0 fue terminada el 11 de julio de 2002. Unos das despus apareci la primera implementacin [http://jakarta.apache.org/taglibs/doc/standard-1.0-doc/intro.html ] creada por miembros del proyecto Taglibs [http://jakarta.apache.org/taglibs/doc/standarddoc/ intro.html] de la fundacin Apache. La ltima versin de JSTL a da de hoy (mayo de 2004) es la 1.1, implementada por el proyecto Taglibs. JSTL es opcional en J2EE 1.4. Crear una pgina JSP con JSTL En toda pgina JSP hay que declarar la biblioteca a la que pertenece cada etiqueta que usemos. Puesto que son varias lneas, lo ms cmodo es hacer las declaraciones en un fichero aparte, y luego incluir dicho fichero en nuestras pginas JSP. Este sistema evita repetir el mismo texto en todas las pginas, y si en el futuro

aadimos ms bibliotecas, solo tendremos que modificar un nico fichero. Aadir una pgina $CATALINA_HOME/webapps/miAplicacion/taglibs.jsp con las siguientes declaraciones: <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %> <%@ taglib prefix="x" uri="http://java.sun.com/jstl/xml" %> <%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> Aadir una pgina $CATALINA_HOME/webapps/miAplicacion/index.jsp que importe la anterior usando una directiva include: <%@include file="taglibs.jsp" %> <html> <body> <c:out value="Hola mundo"/> </body> </html> En este ejemplo hemos usado la etiqueta c:out de la librera core para mostrar un mensaje. Objetivo JSTL o Simplificar y agilizar el desarrollo de aplicaciones web 3ra iteracin despus de servlets y JSPs Sirven para la generacin dinmica de pginas web JSTL 1.1 es una pequea mejora de JSTL 1.0 creada para alinear JSTL con JSP 2.0. o Antes haba una versin de cada librera dependiendo de si utilizabamos expresiones EL o Java, ahora es la misma librera. o Ha cambiado el nombre de los identificadores de las libreras, se ha aadido un elemento del path /jsp a todos ellos Para cualquier aplicacin web desde la cual quieres usar JSTL, copiar los ficheros .tld al directorio WEB-INF de tu aplicacin web. Edita el web.xml de tu aplicacin web aadiendo las siguientes entradas <taglib> <taglib-uri>http://java.sun.com/jsp/jstl/fmt</taglib-uri> <taglib-location>/WEB-INF/fmt.tld</taglib-location> </taglib> <taglib> <taglib-uri>http://java.sun.com/jsp/jstl/core</taglib-uri> <taglib-location>/WEB-INF/c.tld</taglib-location> </taglib> <taglib> <taglib-uri>http://java.sun.com/jsp/jstl/sql</taglib-uri> <taglib-location>/WEB-INF/sql.tld</taglib-location> </taglib> <taglib> <taglib-uri>http://java.sun.com/jsp/jstl/x</taglib-uri> <taglib-location>/WEB-INF/x.tld</taglib-location> </taglib> Estas entradas permiten a una aplicacin web usar las libreras de etiquetas JSTL que usan el lenguaje de expresiones. Las pginas JSTL son tambin pginas JSP. JSTL es un superconjunto de JSP. JSTL provee un conjunto de cinco libreras estndar: o Core o Internationalization/format

o XML o SQL y o Funciones Una etiqueta JSTL corresponde a una accin; llamndolas accin nos indica que aaden comportamiento dinmico a una, de otra manera, pgina esttica. La siguiente directiva ha de incluirse al comienzo de la pgina: <%@ taglib prefix="c" uri=http://java.sun.com/jsp/jstl/core %> Para utilizar una etiqueta de una librera simplemente se ha de preceder con el prefijo de la librera utilizada: <c:out value="${anExpression}"/>
Functions http://java.sun.com/jsp/jstl/functions fn Procesamiento XML http://java.sun.com/jsp/jstl/xml x SQL/DB http://java.sun.com/jsp/jstl/sql sql Internacionalizacion http://java.sun.com/jsp/jstl/fmt fmt I18N Core http://java.sun.com/jsp/jstl/core c

Prefijo Librera
Librera URI

CORE Permiten llevar a cabo las siguientes acciones: o Visualizar/asignar valores y manejar excepciones o Control de flujo o Otras acciones de utilidad Para visualizar valores utilizamos: <c:out:value="${applicationScope.product.inventoryCount}" escapeXml="true" default="0" /> of those items in stock. o escapeXml indica si hay que aplicar cdigos de escape a los caracteres <, >, & y . Asignar una variable en una pgina: <c:set var="customerID" value="$param.customerNumber" scope="session" /> o scope indica el contexto en el que se define la variable Tambin podemos asignar el contenido de una etiqueta a una variable: <c:set var="cellContents"> <td> <c:out value="${myCell}"/> </td> </c:set> Normalmente en un JSP o incluimos un bloque try/catch o usamos la directiva errorPage: <c:catch> <!--. . . --> </c:catch> Para borrar una variable se puede utilizar <c:remove> Para llevar a cabo simples condiciones (c:if): <c:if test="${status.totalVisits == 1000000}" var="visits"> You are the millionth visitor to our site! Congratulations! </c:if> El switch de un lenguaje de programacin se puede emular con c:choose: <c:choose> <c:when test="${item.type == 'book'}"> ... </c:when> <c:when test="${item.type == 'electronics'}">

... </c:when> <c:when test="${item.type == 'toy'}"> ... </c:when> <c:otherwise> ... </c:otherwise> </c:choose> Para iterar sobre una coleccin se define c:foreach. Se pueden especificar ndice de comienzo, final e incremento con los atributos begin, end y step. <table> <c:forEach var="name" items="${customerNames}"> <tr><td><c:out value="${name}"/></td></tr> </c:forEach> </table> Funcionalidad similar a StringTokenizer puede ser obtenida en JSTL con c:forTokens: <table> <c:forTokens items="47,52,53,55,46,22,16,2" delims="," var="dailyPrice"> <tr><td><c:out value="${dailyPrice}"/></td></tr> </c:forTokens> </table> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <html> <body> <head> <title>Parameter Listing Example</title> </head> <br> <b>Parameter values passed to this page for each parameter: </b> <table border="2"> <c:forEach var="current" items="${param}"> <tr> <td> <b><c:out value="${current.key}" /></b> </td> <c:forEach var="aVal" items="${paramValues[current.key]}"> <td> <c:out value="${aVal}" /> </td> </c:forEach> </tr> </c:forEach> </table> </body> </html> Para codificar URLs se puede utilizar c:url: <c:url value="http://acme.com/exec/register" var="myUrl"> <c:param name="name" value="${param.name}"/> <c:param name="country" value="${param.country}"/> </c:url> <a href='<c:out value="${myUrl}"/>'>Register</a> Se pueden importar otros JSPs o incluso otros recursos en una URL arbitraria usando c:import (anlogo to jsp:include)

Para

manejar redireccionamiento se puede utilizar la etiqueta c:redirect EL se migr de la especificacin JSTL a JSP, se le aado una nueva funcionalidad: la invocacin a funciones. o Su uso es trivial: nombre-func(lista-params) <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> ${fn:length(myCollection)}
Cuando

Internacionalizacion / Formateo
Cubre

dos reas: o Etiquetas (acciones) de formateo o Acciones de internacionalizacin Acciones de formateo: o Inspiradas en el funcionamiento de las clases DateFormat y NumberFormat o Para formatear un nmero usamos formatNumber con los atributos number para el nmero y pattern para el patrn de formateo a aplicar. <fmt:formatNumber value="1000.001" pattern="#,#00.0#"/> Si queremos parsear un nmero a partir de un string usamos parseNumber: <fmt:parseNumber value="${currencyInput}" type="currency" var="parsedNumber"/> Para formatear una fecha usamos formatDate y para parsear un string parseDate: <jsp:useBean id="now" class="java.util.Date" /> <fmt:formatDate value="${now}" timeStyle="long" dateStyle="long"/> <fmt:parseDate value="${dateInput}" pattern="MM dd, YYYY" /> Acciones de internacionalizacin: o Una pieza importante de la localizacin en Java es la clase ResourceBundle. Las acciones JSTL que permiten trabajar con esta clase son: o fmt:bundle para obtener un ResourceBundle correspondiente al Locale actual y fmt:message para hacer lookups en el ResourceBundle Ejemplo: <fmt:bundle basename="myBundle"> <%-- Use values in myBundle --%> <fmt:message key="Introduction"> <fmt:param value="${loginName}"/> <fmt:param value="${loginCount}"/> </fmt:message> <fmt:formatDate value="${now}" var="parsedDate"/> </fmt:bundle> SQL/DB JSTL permite una fcil integracin con bases de datos o No gestiona bien connection pooling, por tanto son solamente adecuadas para llevar a cabo prototipos o aplicaciones de bajo volumen. Ejemplo: seleccionar y visualizar un conjunto de elementos <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %> <sql:setDataSource driver="com.cheapDrivers.jdbcDriver" url="jdbc:cheapDrivers:." user="guest" password="password" var="dataSource" />

<sql:query var="orderItems" dataSource="${dataSource}"> SELECT * FROM items WHERE order_id = <cout value="${orderID}"/> ORDER BY price </sql:query> <table> <c:forEach var="row" items="${orderItems.rows}"> <tr> <td><c:out value="${row.itemName}"/></td> <td><c:out value="${row.price}"/></td> <td><c:out value="${row.weight}"/></td> </tr> </c:forEach> </table> Tambin se soportan acciones para manejar transacciones (sql:transaction), sql:update soporta no slo updates sino que tambin insert y delete e incluso create, es decir todas las acciones SQL que no devuelven un resultado: <sql:transaction dataSource="${dataSource}"> <sql:update> UPDATE account SET account_balance =account_balance -? WHERE accountNo = ? <sql:param value="${transferAmount}"/> <sql:param value="${sourceAccount}"/> </sql:update> <sql:update> UPDATE account SET account_balance =account_balance +? WHERE accountNo = ? <sql:param value="${transferAmount}"/> <sql:param value="${destAccount}"/> </sql:update> </sql:transaction> Es necesario definir un DataSource: (1) aadir el siguiente prrafo a $CATALINA_HOME/conf/server.xml: <Context path="/DBTest" docBase="DBTest" debug="5" reloadable="true" crossContext="true"> <Resource name="jdbc/TestDB" auth="Container" type="javax.sql.DataSource" maxActive="100" maxIdle="30" maxWait="10000" username="javauser" password="javadude" driverClassName="com.mysql.jdbc.Driver" url="jdbc:mysql://localhost:3306/javatest?autoReconnect=true"/> </Context> (2) crear un fichero de configuracin para esta aplicacin WEB-INF/web.xml: <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4"> <description>MySQL Test App</description> <resource-ref> <description>DB Connection</description> <res-ref-name>jdbc/TestDB</res-ref-name> <res-type>javax.sql.DataSource</res-type> <res-auth>Container</res-auth>

</resource-ref> </web-app> Para el ejemplo anterior se puede probar: <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <sql:query var="rs" dataSource="jdbc/TestDB"> select id, foo, bar from testdata </sql:query> <html> <head> <title>DB Test</title> </head> <body> <h2>Results</h2> <c:forEach var="row" items="${rs.rows}"> Foo ${row.foo}<br/> Bar ${row.bar}<br/> </c:forEach> </body> </html> Procesamiento XML El soporte de XML que lleva a cabo JSTL conforma con la especificacin XPath. Xpath provee una sintxis clara para acceder a partes jerrquicas de un documento. Accion c:import es utilizada para importar un documento, mientras x:parse para genera un rbol DOM a partir de l. x:set crea una variable a partir de un extracto de XML <!-- Find and parse our XML document (somewhere on the WWW) --> <c:import url="http://www.cheapstuff.com/orderStatus?id=2435" var="xml"/> <x:parse xml="${xml}" var="doc"/> <!-- access XML data via XPath expressions --> <x:out select="$doc/name"/> <x:out select="$doc/shippingAddress"/> <x:out select="$doc/deliveryDate"/> <!-- Set a scoped variable --> <x:set var="custName" scope="request" select="$doc/name"/> JSTL se integra bien con XSTL

html

This site is hosted by

Lycos Search

The Web

Tripod

Go Get It!

Build your own website on Tripod It's fast, easy and economical.
del.icio.us Digg StumbleUpon MySpace Blogmarks Furl ma.gnolia Newsvine reddit Technorati Share This Site More

Not the site you are looking for?

Gua prctica de HTML


Etiquetas de HTML
Regreso a Gua de HTML

Etiquetas | Atributos
En la presente tabla se hace una comparacin entre las etiquetas de formato de texto . Netscape no soporta <DFN>: ni <S> (tachado).

Con etiqueta

Sin etiqueta

Con etiqueta

Sin etiqueta CITE CODE

Con etiqueta

Sin etiqueta

ADDRESS ADDRESS CITE

B: B: NEGRITA NEGRITA DFN DFN KBD STRONG S Tachado VAR

BIG
EM SAMP SUB5
TT

BIG EM SAMP SUB 5 TT

CODE

I: ITALICA
SMALL

I: KBD ITALICA SMALL SUP 5 STRONG S Tachado

SUP5

U U VAR Subrayado Subrayado

Etiquetas
Apertura <! <A> Accin Comentario. Hipervnculo. Formato para direccin del autor. Url del autor; contexto del documento. Tamao de la fuente base. Sonido de fondo. Atributos Ninguno HREF, NAME, REL, REV, TITLE Ninguno --> </A> Cierre

<ADDRESS>

</ADDRESS>

<BASE> <BASEFONT SIZE> <BGSOUND>

HREF

</BASE>

Ninguno SRC, LOOP.

NO NO - Internet

Explorer <BIG> <BLINK> Aumenta el tamao. Hace parpadear el texto. Da formato con sangra a un prrafo Cuerpo del documento. Ninguno Ninguno </BIG> </BLINK> Netscape </BLOCKQUOTE>

<BLOCKQUOTE>

Ninguno

<BODY>

BGCOLOR, BACKGROUND, </BODY> TEXT, LINK, VLINK, ALINK CLEAR: Se utiliza en combinacin con ALIGN de IMAGE. ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER Ninguno NO

<BR>

Retorno de lnea.

<CAPTION>

Posicin de la leyenda en una tabla. Centrar.

</CAPTION>

<CENTER> <CITE> <CODE>

</CENTER> </CITE> </CODE>

Formato para citas Ninguno en itlicas. Formato en tipo cdigo. Definiciones marcadas, para Lista de Definiciones <DL>. Ninguno

<DD>

Ninguno

NO

<DFN<

Formato en itlica. Internet Explorer Lista de directorio, con elementos Ninguno marcados con <LI>. Lista de Ninguno Definiciones, con trminos marcados con <DT> y definiciones

</DFN<

<DIR>

</DIR>

<DL>

</DL>

marcadas con <DD>. Trminos marcados, para Lista de Definiciones <DL>. Formato enfatizado en itlica. Sonido de Fondo.

<DT>

Ninguno

NO

<EM>

Ninguno

</EM></TD< tr>

<EMBED>

SRC, WIDTH, NO - Netscape</TD< HEIGHT, tr> AUTOSTART, LOOP. SIZE, COLOR. Internet Explorer: FACE. ACTION, METHOD HTML 3.0: LEFT, CENTER, RIGHT BASE, TITLE, ISINDEX, NEXTID, META NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR HEAD, BODY Ninguno ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED </FONT>

<FONT>

Definicin de la fuente. Para ingreso de datos del usuario en un formulario. Tamao de letras del 1 al 6. Encabezamiento del documento.

<FORM>

</FORM>

<H1 ...H6>

</H1 .../H6>

<HEAD>

</HEAD>

<HR>

Lnea horizontal.

NO

<HTML> <I>

Al principio y al fin de todo documento. Itlica (Cursiva).

</HTML> </I>

<IMG>

Cargar imgenes.

NO

<INPUT>

Define un objeto de ingreso en un formulario.

</INPUT>

<ISINDEX>

Indica que existe un index en el server para el documento.

Netscape: PROMPT

NO

<ISMAP>

Activa la seleccin de imgenes para Ninguno el usuario. Formato monoespaciado. tem de lista. Listados Ninguno Netscape: VALUE, TYPE Ninguno. Obsoleto.

NO

<KBD> <LI> <LISTING> <LIT>

</KBD> NO </LISTING> </LIT>

Literal. Como PRE, pero usa Ninguno letra proporcional. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. Ninguno

<MARQUEE>

Marquesina.

</MARQUEE> Internet Explorer

<MENU> <META>

Lista men.

</MENU> NO

Metainformacin EQUIV, CONTENT, ubicada en HEAD. NAME Es un parmetro que identifica al documento. Elimina los saltos de lneas. Lista ordenada, con elementos marcados con <LI>. Opcin de seleccin dentro de un formulario. Retorno de lnea, con un espacio. NO

<NEXTID>

NO

<NOBR>

Ninguno

NO

<OL>

TYPE, START, VALUE.

</OL>

<OPTION>

VALUE, SELECTED VALUE Ninguno

NO

<P>

NO

<P ALIGN> <PLAINTEXT>

Alineacin de texto. Pasaje de texto plano. Visualiza el texto en su formato original. Texto tachado. Formato tipo ejemplo.

LEFT, CENTER, RIGHT Ninguno. Obsoleto.

</P> </PLAINTEXT>

<PRE> <S> <SAMP>

WIDTH Ninguno Ninguno

</PRE> </S> </SAMP>

<SELECT>

Para seleccin de NAME, SIZE, opciones dentro de MULTIPLE un formulario. Disminuye el tamao. Formato enfatizado ms fuerte que <EM>. Subndice. Superndice. Ninguno

</SELECT>

<SMALL>

</SMALL>

<STRONG> <SUB> <SUP>

Ninguno Ninguno Ninguno BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR

</STRONG> </SUB> </SUP>

<TABLE>

Tabla.

</TABLE>

<TD>

Celdas de una fila en una tabla, dentro de <TR>. rea para ingreso de texto dentro de un formulario.

ALIGN, VALIGN, NOWRAP, COLSPAN, </TD> ROWSPAN, HEIGTH, WIDTH NAME, ROWS, COLS. ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH Ninguno </TEXTAREA>

<TEXTAREA>

<TH>

Ttulo de Tabla.

</TH>

<TITLE>

Ttulo dentro de

</TITLE>

HEAD. <TR> <TT> Fila de una Tabla. Formato tipo mquina. ALIGN, VALIGN Ninguno </TR> </TT>

<UL>

Lista no ordenada, con elementos COMPACT, TYPE marcados con <LI> . Formato tipo variable. Ninguno

</UL>

<VAR>

</VAR>

<WBR>

Se usa con NOBR para una seccin Ninguno que deba ser separada. Similar a PRE. Ninguno

NO

<XMP>

</XMP>

Atributos
Nombre HREF<A> Etiqueta Direccin del URL local o remoto. Accin href="www.hp.com" Nmero de veces que se reproduce el archivo de loop=infinite sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (Internet Explorer) src="sonido.wav" Valor

LOOP <BGSOUND> SRC

LOOP <EMBED> SRC SRC ALT BGCOLOR <IMAGE>

Nmero de veces que se reproduce el archivo de loop=-1 sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (con Crescendo) Nombre del grfico src="sonido.mid" src="imagen.gif"

Nombre que reemplaza a alt="Nombre de la imgen cuando sta no Imgen" puede ser cargada. Color de fondo bgcolor="#FFFFFF" (blanco)

<BODY>

BACKGROUND TEXT LINK VLINK ALINK ALIGN <CAPTION> dentro de <TABLE>

Imgen de fondo Color del texto Color de vnculo Color de vnculo presionado Colocar ttulo arriba (TOP) o debajo (BOTTOM) de la tabla.

background="foto.gif" text="#000000" (negro) link="#0000FF" (azul) alink="#00FF00" (verde) align=top

Color de vnculo visitado vlink="#FF0000" (rojo)

ALIGN

<H1..H6>, <P ALIGN>, <TD>, Alinear el texto: LEFT, <TH>, <TR>, RIGHT, CENTER <DIV>, Alinear el texto: LEFT, RIGHT, CENTER <HR> Valor de la altura en pixels o porcentaje

align=center

ALIGN SIZE WIDTH SIZE COLOR FACE HEIGHT WIDTH BORDER CELLPADDING CELLSPACING HEIGHT WIDTH <TABLE> <EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH> <FONT>

align=center size=3

Valor del ancho en pixels width=50% o porcentaje Tamao de la letra de 1 a size=6 7 Color de la letra color="#000000" (negro)

Fuente del texto (Internet face="helv" (helvtica) Explorer) Valor de la altura en pixels o porcentaje heigth=80

Valor del ancho en pixels width=50% o porcentaje Borde y ancho del borde border=5 en la tabla Espacio entre el borde y cellpadding=10 el texto Espacio entre las lneas interna y externa del borde Valor de la altura en pixels o porcentaje cellspacing=3 heigth=80

Valor del ancho en pixels width=50% o porcentaje

COLSPAN ROWSPAN

<TD> dentro de <TABLE>

Expandir una celda varias columnas Expandir una celda varias filas

colspan=4 rowspan=4

Esta Gua fu preparada por Carlos Crismatt Mouthon E-mail: crismatt@hotmail.com

This site is hosted by

Lycos Search

The Web

Tripod

Go Get It!

Build your own website on Tripod It's fast, easy and economical.
del.icio.us Digg StumbleUpon MySpace Blogmarks Furl ma.gnolia Newsvine reddit Technorati Share This Site More Not the site you are looking for?

Gua prctica de HTML


Etiquetas de HTML
Regreso a Gua de HTML

Etiquetas | Atributos
En la presente tabla se hace una comparacin entre las etiquetas de formato de texto . Netscape no soporta <DFN>: ni <S> (tachado).

Con etiqueta

Sin etiqueta

Con etiqueta

Sin etiqueta CITE CODE

Con etiqueta

Sin etiqueta

ADDRESS ADDRESS CITE

B: B: NEGRITA NEGRITA DFN DFN KBD STRONG S Tachado VAR

BIG
EM SAMP SUB5
TT

BIG EM SAMP SUB 5 TT

CODE

I: ITALICA
SMALL

I: KBD ITALICA SMALL SUP 5 STRONG S Tachado

SUP5

U U VAR Subrayado Subrayado

Etiquetas

Apertura <! <A>

Accin Comentario. Hipervnculo. Formato para direccin del autor. Url del autor; contexto del documento. Tamao de la fuente base. Sonido de fondo. Aumenta el tamao. Hace parpadear el texto. Da formato con sangra a un prrafo Cuerpo del documento.

Atributos Ninguno HREF, NAME, REL, REV, TITLE Ninguno --> </A>

Cierre

<ADDRESS>

</ADDRESS>

<BASE> <BASEFONT SIZE> <BGSOUND> <BIG> <BLINK>

HREF

</BASE>

Ninguno SRC, LOOP. Ninguno Ninguno

NO NO - Internet Explorer </BIG> </BLINK> Netscape </BLOCKQUOTE>

<BLOCKQUOTE>

Ninguno

<BODY>

BGCOLOR, BACKGROUND, </BODY> TEXT, LINK, VLINK, ALINK CLEAR: Se utiliza en combinacin con ALIGN de IMAGE. ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER Ninguno NO

<BR>

Retorno de lnea.

<CAPTION>

Posicin de la leyenda en una tabla. Centrar.

</CAPTION>

<CENTER> <CITE> <CODE>

</CENTER> </CITE> </CODE>

Formato para citas Ninguno en itlicas. Formato en tipo cdigo. Ninguno

<DD>

Definiciones marcadas, para Lista de Definiciones <DL>.

Ninguno

NO

<DFN<

Formato en itlica. Internet Explorer Lista de directorio, con elementos Ninguno marcados con <LI>. Lista de Definiciones, con trminos marcados con <DT> y Ninguno definiciones marcadas con <DD>. Trminos marcados, para Lista de Definiciones <DL>. Formato enfatizado en itlica. Sonido de Fondo.

</DFN<

<DIR>

</DIR>

<DL>

</DL>

<DT>

Ninguno

NO

<EM>

Ninguno

</EM></TD< tr>

<EMBED>

SRC, WIDTH, NO - Netscape</TD< HEIGHT, tr> AUTOSTART, LOOP. SIZE, COLOR. Internet Explorer: FACE. ACTION, METHOD HTML 3.0: LEFT, CENTER, RIGHT BASE, TITLE, ISINDEX, NEXTID, META NOSHADE, SIZE, WIDTH, ALIGN. </FONT>

<FONT>

Definicin de la fuente. Para ingreso de datos del usuario en un formulario. Tamao de letras del 1 al 6. Encabezamiento del documento. Lnea horizontal.

<FORM>

</FORM>

<H1 ...H6>

</H1 .../H6>

<HEAD> <HR>

</HEAD> NO

Internet Explorer: COLOR <HTML> <I> Al principio y al fin de todo documento. Itlica (Cursiva). HEAD, BODY Ninguno ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED </HTML> </I>

<IMG>

Cargar imgenes.

NO

<INPUT> Define un objeto de ingreso en un formulario. Indica que existe un index en el server para el documento.

</INPUT>

<ISINDEX>

Netscape: PROMPT

NO

<ISMAP>

Activa la seleccin de imgenes para Ninguno el usuario. Formato monoespaciado. tem de lista. Listados Ninguno Netscape: VALUE, TYPE Ninguno. Obsoleto.

NO

<KBD> <LI> <LISTING> <LIT>

</KBD> NO </LISTING> </LIT>

Literal. Como PRE, pero usa Ninguno letra proporcional. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. Ninguno EQUIV, CONTENT,

<MARQUEE>

Marquesina.

</MARQUEE> Internet Explorer

<MENU> <META>

Lista men. Metainformacin

</MENU> NO

ubicada en HEAD. NAME <NEXTID> Es un parmetro que identifica al documento. Elimina los saltos de lneas. Lista ordenada, con elementos marcados con <LI>. Opcin de seleccin dentro de un formulario. Retorno de lnea, con un espacio. Alineacin de texto. Pasaje de texto plano. Visualiza el texto en su formato original. Texto tachado. Formato tipo ejemplo. NO NO

<NOBR>

Ninguno

NO

<OL>

TYPE, START, VALUE.

</OL>

<OPTION>

VALUE, SELECTED VALUE Ninguno LEFT, CENTER, RIGHT Ninguno. Obsoleto.

NO

<P> <P ALIGN> <PLAINTEXT>

NO </P> </PLAINTEXT>

<PRE> <S> <SAMP>

WIDTH Ninguno Ninguno

</PRE> </S> </SAMP>

<SELECT>

Para seleccin de NAME, SIZE, opciones dentro de MULTIPLE un formulario. Disminuye el tamao. Formato enfatizado ms fuerte que <EM>. Subndice. Superndice. Tabla. Ninguno

</SELECT>

<SMALL>

</SMALL>

<STRONG> <SUB> <SUP> <TABLE>

Ninguno Ninguno Ninguno BORDER, CELLPADDING, CELLSPACING,

</STRONG> </SUB> </SUP> </TABLE>

HEIGTH, WIDTH. Internet Explorer: COLOR Celdas de una fila en una tabla, dentro de <TR>. rea para ingreso de texto dentro de un formulario. ALIGN, VALIGN, NOWRAP, COLSPAN, </TD> ROWSPAN, HEIGTH, WIDTH NAME, ROWS, COLS. ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH Ninguno ALIGN, VALIGN Ninguno </TEXTAREA>

<TD>

<TEXTAREA>

<TH>

Ttulo de Tabla.

</TH>

<TITLE> <TR> <TT>

Ttulo dentro de HEAD. Fila de una Tabla. Formato tipo mquina.

</TITLE> </TR> </TT>

<UL>

Lista no ordenada, con elementos COMPACT, TYPE marcados con <LI> . Formato tipo variable. Ninguno

</UL>

<VAR>

</VAR>

<WBR>

Se usa con NOBR para una seccin Ninguno que deba ser separada. Similar a PRE. Ninguno

NO

<XMP>

</XMP>

Atributos
Nombre HREF<A> LOOP Etiqueta Direccin del URL local o remoto. <BGSOUND> Accin href="www.hp.com" Nmero de veces que se loop=infinite reproduce el archivo de sonido. Para permanente Valor

se usa INFINITE o -1. SRC Nombre del archivo de sonido (Internet Explorer) src="sonido.wav"

LOOP <EMBED> SRC SRC ALT BGCOLOR BACKGROUND TEXT LINK VLINK ALINK ALIGN <CAPTION> dentro de <TABLE> <BODY> <IMAGE>

Nmero de veces que se reproduce el archivo de loop=-1 sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (con Crescendo) Nombre del grfico src="sonido.mid" src="imagen.gif"

Nombre que reemplaza a alt="Nombre de la imgen cuando sta no Imgen" puede ser cargada. Color de fondo Imgen de fondo Color del texto Color de vnculo Color de vnculo presionado Colocar ttulo arriba (TOP) o debajo (BOTTOM) de la tabla. bgcolor="#FFFFFF" (blanco) background="foto.gif" text="#000000" (negro) link="#0000FF" (azul) alink="#00FF00" (verde) align=top

Color de vnculo visitado vlink="#FF0000" (rojo)

ALIGN

<H1..H6>, <P ALIGN>, <TD>, Alinear el texto: LEFT, <TH>, <TR>, RIGHT, CENTER <DIV>, Alinear el texto: LEFT, RIGHT, CENTER <HR> Valor de la altura en pixels o porcentaje

align=center

ALIGN SIZE WIDTH SIZE COLOR FACE <FONT>

align=center size=3

Valor del ancho en pixels width=50% o porcentaje Tamao de la letra de 1 a size=6 7 Color de la letra color="#000000" (negro)

Fuente del texto (Internet face="helv" (helvtica)

Explorer) HEIGHT WIDTH BORDER CELLPADDING CELLSPACING HEIGHT WIDTH COLSPAN ROWSPAN <TABLE> <EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH> Valor de la altura en pixels o porcentaje heigth=80

Valor del ancho en pixels width=50% o porcentaje Borde y ancho del borde border=5 en la tabla Espacio entre el borde y cellpadding=10 el texto Espacio entre las lneas interna y externa del borde Valor de la altura en pixels o porcentaje cellspacing=3 heigth=80

Valor del ancho en pixels width=50% o porcentaje <TD> dentro de <TABLE> Expandir una celda varias columnas Expandir una celda varias filas colspan=4 rowspan=4

Esta Gua fu preparada por Carlos Crismatt Mouthon E-mail: crismatt@hotmail.com

Servlets Cuando se habla de aplicaciones para Web comnmente escuchamos hablar de JAVA, y con ello sus aplicaciones mas conocidas, los Applets, que son programas que se pueden cargar a travs de una red y que se ejecutan de igual forma en cualquier plataforma, todo ello gracias a las potentes caractersticas de JAVA. Hasta hace poco, JAVA se utilizaba bsicamente para dotar a las pginas WEB de una mayor interactividad mediante los Applets, y por tanto solo actuaba sobre el lado cliente. Pero el lado servidor tambin puede beneficiarse de todas las ventajas que ofrece JAVA, gracias a los Servlets. Los Servlets se diferencian de los Applets bsicamente en que se ejecutan en el servidor y en que no presentan ningn tipo de interfaz grfica puesto que se encargan de hacer el trabajo oculto, un aspecto interesante por lo que muchos programadores que hasta ahora utilizaban CGI s, estn utilizando Servlets. De hecho, los CGI's eran el nico medio de proporcionar interaccin entre el cliente y el servidor. Un ejemplo muy comn de uso de los CGI's son los tpicos formularios que el usuario llena con sus datos que posteriormente pasan a formar parte de una base de datos. Los servlets son programas que funcionan como los CGIs convencionales atendiendo peticiones de un cliente teniendo al servidor como el encargado, pero escritos en Java y con la ventaja de explotar todas las bondades de java. Por ejemplo, un servlet puede ser responsable de tomar los datos de un formulario HTML y enviarlos a una base de datos para actualizacin de la misma. La API Servlet, usada para escribir servlets, no incluye nada acerca de cmo son cargados los servlets, ni el ambiente en el cual corren los servlets, ni el protocolo usado para transmitir los datos del usuario. Esto permite a los servlets poder ser usados por diferentes servidores Web. Los Servlets son un sustituto eficaz de los CGI s : proveen la forma de generar documentos dinmicos que son fciles de escribir y ejecutar. Tambin evitan el problema de desarrollar la programacin segn la plataforma utilizada. Los servlets son desarrollados con su propia API, una extensin estndar de Java. Porqu se afirma que los servlets podrn sustituir a los CGI's? Al comparar a los CGI s con los servlets tambin nos preguntamos quin es mejor si Perl o Java. Ambos son excelentes herramientas de desarrollo y su respuesta estar dada en funcin de lo que se desee realizar. Perl usa el concepto de mdulos para agregar nuevas capacidades, por ejemplo el mdulo DBI (Database Independent) que permite a los scripts de Perl acceder a las bases de datos (ODBC, Oracle, Sybase, Ingres, e Informix). Los mdulos CGI incluyen funciones de ayuda para el desarrollo de CGI, incluyen rutinas para ser utilizadas dentro de los programas. Java utiliza paquetes en lugar de mdulos. El paquete API de servlets provee de muchas de las herramientas con las que cuentan los mdulos de Perl. Para el acceso a base de datos puede usarse los respectivos drivers de conexin. Algunas de las razones por las que se dice que los CGI's pueden ser sustituidos por servlets son : Se programan utilizando un API estandarizada JAVA, y por tanto se benefician de todas las ventajas de este potente lenguaje. Se pueden cargar indiferentemente y de forma transparente tanto desde un disco local como desde una direccin remota, de forma totalmente transparente. Los Servlets pueden comunicarse entre s, y por tanto, es posible una reasignacin dinmica de la carga de proceso entre diversas mquinas. Es decir, un servlet podra pasarle trabajo a otro servlet residente en otra

Potrebbero piacerti anche