estructura del jspx del ejemplo Hola Mundo

En este post vamos a ver la estructura de un jspx a través del ejemplo del artículo anterior y observando el código fuente.
Aunque es habitual trabajar con el editor visual, éste no ofrece gran claridad cuando la estructura de la página se complica un poco.
Como soporte tenemos la vista de la estructura, así como del código fuente de la página.

Para ver el código fuente de un fichero jspx, lo podremos ver seleccionando la pestaña " Source" que se encuentra en la parte inferior de la página.

parte inferior del editor

Al hacerlo veremos lo siguiente:

código fuente jspx

Esta es la estructura real de la página. En caso de duda sobre qué es lo que contiene la página, podremos verlo ahí.
Al ser el jspx, un fichero de tipo texto, lo podremos abrir también con un editor de textos normal.

Al comienzo del código podremos ver lo siguiente:

conjunto etiquetas (tags)

Esto nos indica los conjuntos de etiquetas que se pueden utilizar en la página.
Corresponde con esta parte del la paleta de componentes.

Components Palette