JSF - h: outputText

La etiqueta h: outputText representa un texto HTML.

Etiqueta JSF

<h:outputText value = "Hello World!" />

Salida renderizada

Hello World!

Atributos de etiqueta

S. No	Atributo y descripción
1	id Identificador de un componente
2	binding Referencia al componente que se puede utilizar en un bean de respaldo
3	rendered Un booleano; falso suprime la representación
4	styleClass Nombre de clase de hoja de estilo en cascada (CSS)
5	value El valor de un componente, normalmente un valor vinculante
6	converter Nombre de la clase del convertidor
7	style Información de estilo en línea
8	title Un título, usado para accesibilidad, que describe un elemento. Los navegadores visuales suelen crear información sobre herramientas para el valor del título

Aplicación de ejemplo

Creemos una aplicación JSF de prueba para probar la etiqueta anterior.

Paso	Descripción
1	Cree un proyecto con un nombre helloworld en un paquete com.tutorialspoint.test como se explica en el capítulo JSF - Primera aplicación .
2	Modifique home.xhtml como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.
4	Finalmente, compile la aplicación en forma de archivo war e impleméntela en Apache Tomcat Webserver.
5	Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

home.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>JSF Tutorial!</title>
   </head>
   
   <body>
      <h2>h:outputText example</h2>
      <hr />
      
      <h:form>
         <h3>Text</h3>
         <h:outputText value = "Hello World"/>
      </h:form>
   </body>
</html>

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación como lo hicimos en el capítulo JSF - Crear aplicación. Si todo está bien con su aplicación, esto producirá el siguiente resultado.

↰ Previous page