1. Introducción:

Para poder dar de alta o realizar modificaciones al texto que aparece en una web, leído desde una base de datos, hay que utilizar algunas etiquetas básicas de un lenguaje denominado HTML. Éste se basa en la utilización de etiquetas formadas por:

Un delimitador de apertura de etiqueta: <
Un delimitador de cierra de etiqueta: >
El contenido de la etiqueta que sirve para aplicar eal efecto, crear un enlace, etc.

Así de forma generíca las etiquetas tienes este formato:

<etiqueta> texto </etiqueta> siendo ésta última la etiqueta de cierre del efecto.

2.- Cómo dar formato al texto:

Para poner un texto en negritas:

<b>texto que se quiere poner en negritas</b> dará como resultado texto que se quiere poner en negritas

Para poner un texto en cursiva:

<i>texto que se quiere poner en cursiva </i> dará como resultado texto que se quiere poner en cursiva

Para poner un texto en subrayado:

<u>texto que se quiere subrayado</u> dará como resultado texto que se quiere poner en subrayado

Si quisieramos poner un texto en negritas y cursiva, por ejemplo, tendríamos que anidar las etiquetas de cada formato:

<b><i>Texto en negritas y cursiva</i></b> dará como resultado texto en negritas y cursiva

Para realizar un salto de línea en el texto, se coloca al final del mismo la etiqueta <br> que no tiene etiqueta de cierre (no existe la etiqueta </br>):

Texto a partir del cual queremos que realice un salto de línea<br>Texto que queda separado del anterior lo cual dará como resultado:

Texto a partir del cual queremos que realice un salto de línea
Texto que queda separado del anterior

Si ponemos esto: Texto a partir del cual queremos que realice dos saltos de línea<br><br>Texto que queda separado del anterior dará como resultado dos saltos de línea:

Texto a partir del cual queremos que realice dos saltos de línea

Texto que queda separado del anterior

3.- Cómo poner una imagen:

En los campos de los formularios donde se indica específicamente el nombre de la imagen, sólamente hay que colocar el nombre del archivo con la extensión:

imagen.jpg ó imagen.gif dependiendo del tipo de imagen que se utilice (preferentemente jpg):

En la carpeta imagenes del sitio web, existen subcarpetas específicas para colorcar las imágenes de:

• Enseres (enseres) .
• Pasos (pasos).
• Escudos (escudos) .
• Vestuario (vestuario) .
• Rotulos de las Páginas (rotuloshermandades).
• Publicaciones de las Hermandades (publihermandad).

Si se desea poner una imagen dentro del contenido de un texto, hay que introducir un código que llame a la imagen desde su ubicación específica en la carpeta del sitio web. Éstas imágenes convendría incluírlas en la carpeta imagenes directamente, sin que meterlas en ninguna subcarpeta. Este código sería asi:

• <img src="imagenes/imagen.jpg"> siendo imagenes la carpeta e imagen.jpg el nombre del archivo de imagen.

La etiqueta para las imágenes dispone además de algunas propiedades más: align permite alinear la imagen a la izquierda o la derecha del texto y que éste rodee a la imagen. Así la etiqueta completa quedaría de esta manera:

• <img src="imagenes/imagen.jpg align="left"> para izquierda ó <img src="imagenes/imagen.jpg align="right"> en el caso de que se quiera alinear a la derecha.
  

Por defecto las imágenes de la web van rodeadas de una línea fina negra, que se consigue añadiendo la propiedad border a la etiqueta:

• <img src="imagenes/imagen.jpg align="left" border="1"> siendo 1 el tamaño en pixels del borde. No conviene poner tamaños superiores a éste ya que rompería el criterio seguido para todas las imágenes de la web.

4. Cómo hacer un enlace externo.

Supongamos que queremos hacer un enlace externo a nuestra página, por ejemplo, a la página de google desde un texto incluído en uno de los apartados de un formulario. El código a escribir sería el siguiente:

• Para enlazar con el google <a href="http://www.google.com">piche aquí</a> lo cual dará como resultado:

Para enlazar con el google pinche aquí

Fíjate que el texto pinche aquí que queda encerrado entre las etiquetas HTML es en el que se configura el enlace.

Para los enlaces externos es necesario poner la url completa incluyendo el http. Si has pinchado en el enlace anterior habrás comprobado que el link se abre en la misma ventana donde se encuentra esta ayuda. Para que el enlace se abra en una ventana de navegador a parte hay que incluir en la etiqueta del enlace la propiedad target con el destino _blank. Quedaría así:

• Para enlazar con el google <a href="http://www.google.com" target="_blank">piche aquí</a> que dará como resultado:
  
  Para enlazar con el google pinche aquí
  

La Web está configurada para que los enlaces en los textos tengan un estilo determinado. Éste se ha de configurar también en la etiqueta del enlace incluyendo la propiedad class="enlacegrana"

• Para enlazar con el google <a href="http://www.google.com" target="_blank" class="enlacegrana" >piche aquí</a> lo que dará como resultado:

Para enlazar con el google pinche aquí

Si se quiere un tamaño de letra menor se aplica el valor enlacegrana10. Quedaría así:

Para enlazar con el google pinche aquí