Para añadir el texto que desee al sistema de ayuda con el formato HTML simplemente deberá de hacer uso de los tag o etiquetas de HTML. Para que un texto adquiera el formato deberá de ir dentro del tag que se desee. Por ejemplo si desea que la palabra ayuda aparezca en negrita deberá de ponerla entre los tags <b> y </b> de la siguiente forma <b> ayuda </b>. De esta forma aparecerá ayuda en negrita.
A continuación se muestran una serie de tags a usar para conseguir el formato que se desee, sólo deberemos de usar estas etiquetas para conseguir el formato:
- <p></p>: Esta etiqueta define un cambio de párrafo, con lo que la línea siguiente se muestra a cierta distancia del texto precedente. Aunque no es necesario insertar una pareja de cierre, la norma HTML 4.0 recomienda encerrar todo el párrafo entre dos etiquetas <p>...</p>.
Un ejemplo de este tag lo tenemos a continuación:
Esto es un parrafo en HTML
- <b></b>: Esta etiqueta nos sirve para resaltar en letra negrita un texto que vaya entre los dos límites.
Un ejemplo de este tag lo tenemos a continuación:
Este texto aparecerá en negrita
- <i></i>: Esta etiqueta nos sirve para resaltar en letra cursiva un texto que vaya entre los dos límites.
Este texto aparecerá en cursiva
- <u></u>: Esta etiqueta nos sirve para subrayar el texto que va dentro de ella.
Este texto aparecerá subrayado
- <q></q>: Esta etiqueta nos sirve para poner entre comillas dobles el texto que va dentro de ella.
"Este texto aparecerá entre comillas dobles"
- <h1>...<h6></h1>...</h6>: Estas etiquetas <h1> a <h6> nos ofrecen la posibilidad de establecer hasta seis niveles de títulos diferentes en los documentos HTML. La etiqueta <h1>...</h1> asigna el texto que encierra el nivel de título superior, teniendo la oportunidad además de dar formato al título con otras etiquetas adicionales (por ejemplo <b>, <br>, etc). El navegador muestra cada nivel de título con un tamaño de fuente diferente.
Este es un titulo de nivel <h1>
Este es un titulo de nivel <h2>
Este es un titulo de nivel <h3>
Este es un titulo de nivel <h4>
Este es un titulo de nivel <h5>
Este es un titulo de nivel <h6>
- <ol></ol>: Esta etiqueta sirve para establecer numeraciones (listas ordenadas) con la sintaxis <ol>...</ol>. Cada párrafo numerado se introduce con una etiqueta <ol>. La numeración se puede hacer con 1,2,3.., I,II,III,..., i,ii,iii,..., a,b,c,..., según definamos. El tipo de la numeración se define poniendo <ol type=1,I,i o a > según queramos una u otra numeración.
A continuación veamos un ejemplo:
Esto será una lista ordenada con números con distintas opciones:
- Esta será la primera opción ordenada con número
- Esta será la segunda opción ordenada con número
- Esta será la tercera opción ordenada con número
- Esta será la cuarta opción ordenada con número
Esto será una lista ordenada con números romanos con distintas opciones:
- Esta será la primera opción ordenada con número romano
- Esta será la segunda opción ordenada con número romano
- Esta será la tercera opción ordenada con número romano
- Esta será la cuarta opción ordenada con número romano
- <ul></ul>: Con esta etiqueta definimos listas sin ordenar. Dentro de este marco, los párrafos incluidos se marcan con la etiqueta <li> . Estos párrafos reciben una sangría hacia la derecha y están provistos de símbolos de viñeta. Es posible intercalar varias etiquetas <ul> para formar viñetas en varios niveles. Véase un ejemplo a continuación:
Esto será una lista sin ordenar con dos opciones:
- Esta es la primera opción
-
En la segunda opción tenemos una viñeta encadenada:
- Esta es la opción 2.1.
- Esta es la opción 2.2.
- Esta es la tercera opción
- <li></li>: Esta etiqueta caracteriza párrafos con viñetas (caso <ul>) y numeraciones (caso <ol>). Véase el ejemplo siguiente:
Esto es una lista ordenada:
- Esta sera la primera opción caracterizada por <li>.
- Esta sera la segunda opción caracterizada por <li>.
- <font></font>: Esta etiqueta nos permite definir características de las fuentes que van entre ella, podemos definir el color de la letra con <font
> , etc. Véase el ejemplo siguiente :
Este texto aparecerá en rojo poniendo color="red"
- <small></small>: El texto colocado entre las etiquetas se muestra en una fuente reducida. Véase el ejemplo siguiente :
Esto es un texto con fuente pequeña
- <big></big>: El texto colocado entre las etiquetas se muestra en una fuente aumentada. Véase el ejemplo siguiente :
Esto es un texto con fuente aumentada
- <sub></sub>: El texto colocado entre las etiquetas se muestra hundido en el documento. Véase el ejemplo siguiente :
Esto es un texto hundido en el documento
- <a></a>: La etiqueta <a> nos permite definir hipervínculos y marcadores en el documento HTML. La etiqueta se inserta siempre con la combinación <a>...</a>. Entre ambas etiquetas debe de haber un texto, con una referencia (hipervínculo) a otro lugar. Por ejemplo: <a href=
http://leganes.us.es
texto de referencia</a> y tendremos el enlace texto de referencia.
Hay que hacer una referencia especial a la etiqueta <a>.Con ella podremos definir los enlaces a otros contenidos de la ayuda, con los que creeemos que el tema que estamos introduciendo tiene relación.
Deberemos de poner el siquiente texto para crear el enlace:
<a href="search.php?op=*" target=texto
>nombre del tema con el que queremos relacionarlo</a>
Hay que hacer dos puntualizaciones:
- En el lugar del * deberemos poner el nombre del tema con el queremos relacionar nuestra información. Se debe poner el nombre con el que aparece el tema, con el que queremos relacionar el nuevo, en el sistema de ayuda en el apartado índice, donde se muestran todos los temas que existen en cada momento. También importante poner los títulos sin tildes.
- En el lugar que pone texto en rojo se hace esto para que la información que queremos soliciar al pinchar en este enlace aparezca en el frame principal de la página.
Un ejemplo de esto lo vemos en el siguiente ejemplo:
crear institución.
En este ejemplo pondremos en el sitio del * el nombre del tema que entes caso es crear institucion, y en el sitio del nombre del tema tenemos tambien crear institución que es como se nombra el enlace.
