A fin de dar formato al texto de la noticia, es decir, poner párrafos, negritas etc, se utiliza un subconjunto del lenguaje HTML. El lenguaje HTML es el que se utiliza para describir las páginas de Internet, es un lenguaje muy amplio y potente, pero usted sólo necesitará una pequeña parte de él. Las instrucciones que damos a continuación son una breve descripción de como utilizarlo, como verá es sencillo darle un aspecto más agradable.
Tabla resumen
Párrafos
Salto de línea
Negrita y cursiva
Listas
Citas
Pruebas
| Inicial | Final | |
|---|---|---|
| Parrafo | <p> | </p> |
| Salto de línea | <br> | |
| Negrita | <b> | </b> |
| Cursiva | <i> | </i> |
| Lista normal | <ul> | </ul> |
|
Lista ordenada
|
<ol> | </ol> |
|
Elemento lista
|
<li> | </li> |
| Cita | <blockquote> | </blockquote> |
Debe indicar el principio y el final de un párrafo con las marca inicial "<p>", y la marca final "</p>", independientemente de los espacios que pongamos producirá un párrafo.
| Si usted escribe esto en el texto | Obtendrá |
<p>Esto es un párrafo con varias líneas, no tiene porque preocuparse de los saltos de linea hasta fin párrafo.</p> <p>Esto es el siguiente párrafo con varias lineas, las lineas o espacios que deje en blanco no importan, se unirán en un solo párrafo.</p> |
Esto es un párrafo con varias líneas, no tiene porque preocuparse de los saltos de línea hasta fin párrafo. Esto es el siguiente párrafo con varias líneas, las líneas o espacios que deje en blanco no importan, se unirán en un solo párrafo. |
Otra etiqueta que puede utilizar es el salto de línea "<br>". La diferencia con el cambio de párrafo es que la etiqueta <p> deja un espacio con el párrafo anterior, y no hay una etiqueta para empezar y otra para terminar, sólo la etiqueta <br>
| Si usted escribe esto en el texto | Obtendrá |
<p>Esto es un párrafo.</p> <p>Este es el siguiente párrafo. Deja un espacio con el anterior.<p> <p>Esto es un salto de línea, <br> no deja espacio con la línea anterior. </p> |
Esto es un párrafo. Este es el siguiente párrafo. Deja un espacio con el anterior. Esto es un salto de línea, |
Cuando desee marcar una parte del texto en negrita, póngala entre las etiquetas <b> y </b>, para poner en cursiva utilice las etiquetas <i> y </i>.
| Si usted escribe esto en el texto | Obtendrá |
<p>Esto es un párrafo con una parte en <b>negrita</b> y el resto normal.</p> <p>Esto es un párrafo con una parte en <i>cursiva</i> y el resto normal.</p> |
Esto es un párrafo con una parte en negrita y el resto normal. Esto es un párrafo con una parte en cursiva y el resto normal. |
Cuando se desea enumerar una serie de elementos, se utilizan las listas. Las listas comienzan con una etiqueta <ul> y terminan con una etiqueta </ul>. Entre estas dos etiquetas se introducen todos los elementos, cada uno de los elementos entre dos equitetas <li> y </li>.
| Si usted escribe esto en el texto | Obtendrá |
<ul> <li>elemento A</li> <li>elemento B</li> <li>elemento C</li> </ul> |
|
También puede utilizar listas ordenadas, en lugar de un símbolo a la izquierda de cada elemento, aparecerá un número indicando su posición. Para listas ordenadas sólo tiene que utilizar las etiquetas <ol></ol> en lugar <ul></ul>, y utilizando la misma etiqueta <li></li> para los elementos.
| Si usted escribe esto en el texto | Obtendrá |
<p>Lista Ordenada</p> <ol> <li>elemento A</li> <li>elemento B</li> <li>elemento C</li> </ol> |
|
Cuando se cita una fuente, o se cita literalmente a un tercero, se suele marcar como una cita entre las etiquetas <blockquote> para empezar y </blockquote> para terminar, la etiqueta cita se puede considerar que es una clase de párrafo para destacar un texto:
| Si usted escribe esto en el texto | Obtendrá |
<p>Así dice el epitafio de Don Quijote</p> <blockquote>Yace aquí el hidalgo fuerte, que a tal extremo llegó de valiente, que la muerte no triunfó en su vida con la muerte...</blockquote> <p>Aquí sigue el texto normal.</p> |
Así dice el epitafio de Don Quijote Yace aquí el hidalgo fuerte, que a tal extremo llegó de valiente, que la muerte no triunfó en su vida con la muerte... Aquí sigue el texto normal. |
Abajo tiene un ejemplo de los distintos efectos de las etiquetas. Puede escribir a la izquierda, y pulsando el botón "probar", ver el efecto a la derecha.