Presentación de un texto en html
Es muy fácil visualizar un texto. Basta colocarlo entre las etiquetas <body> y </body> de la página. Guarde el trabajo en un archivo dándole la extensión .htm o .html, y ábralo en su navegador Internet para ver cómo parece su texto.
Pero se puede mejorar la presentación del texto con sólo algunas etiquetas más. ¿Un texto en negritas? Basta incluir el elemento que desea resaltar mediante la etiqueta apareada <b>. Por ejemplo:
«<b>The world is a wonderful place and worth fighting for</b>»
(Le monde est un endroit magnifique pour lequel il vaut la peine de se battre)
[For whom the bell tolls – Ernest Hemingway]
Que ofrece este resultado:
«The world is a wonderful place and worth fighting for» (Le monde est un endroit magnifique pour lequel il vaut la peine de se battre) [Pour qui sonne le glas – Ernest Hemingway]
De la misma forma, se puede utilizar las etiquetas <i> y <u> para aplicar respectivamente cursivas y subrayados a un texto. Mediante el mismo ejemplo:
«<b>The world is a wonderful place and worth fighting for</b>»
(<i>Le monde est un endroit magnifique pour lequel il vaut la peine de se battre</i>)
[<u>Pour qui sonne le glas</u> – Ernest Hemingway]
Esta vez, el texto tendrá esta apariencia:
«The world is a wonderful place and worth fighting for» (Le monde est un endroit magnifique pour lequel il vaut la peine de se battre) [Pour qui sonne le glas – Ernest Hemingway]
Estas tres etiquetas debe satisfacer la mayoría de sus necesidades de presentación. Obsérvese que los saltos de línea que insertamos no aparecen en la presentación de esta página en el navegador. Esto se debe a que HTML no interpreta estos saltos de línea, o para ser más precisos, los interpreta como un simple carácter de espacio. Para forzar un salto de línea, se debe utilizar la etiqueta <br> de la siguiente manera:
«<b>The world is a wonderful place and worth fighting for</b>»<br>
(<i>Le monde est un endroit magnifique pour lequel il vaut la peine de se battre</i>)<br>
[<u><b>Pour qui sonne le glas</b></u> – Ernest Hemingway]
El resultado obtenido en el navegador es ahora más cercano de nuestras expectativas, con los saltos de línea que aparecen:
«The world is a wonderful place and worth fighting for»
(Le monde est un endroit magnifique pour lequel il vaut la peine de se battre)
[Pour qui sonne le glas – Ernest Hemingway]
Habrá visto en el ejemplo precedente que las etiquetas pueden estar imbricadas. De esta manera, se puede formatear un texto en negritas y en cursiva combinando las etiquetas <b> y<i>.
A continuación, presentamos un resumen de las etiquetas útiles para la presentación de textos. Si le desea aprender más sobre el HTML, consulte nuestro manual sobre este tema.
| Etiqueta | Descripción | Utilización |
| <b> | Estilo negritas | <b>Bold text</b> |
| <i> | Estilo cursiva | <i>Italicised text</i> |
| <u> | Estilo subrayado | <u>Underlined text</u> |
| <font> | Utilización de fuentes | <font color=»#FF0000″ face=»Arial»>Formatted text</font> |
| <table> | Inserción de una tabla | Consulte el contenido dentro la categoría respectiva. |
| <tr> | Inserción de una fila en una tabla | Consulte el contenido dentro la categoría respectiva. |
| <td> | Inserción de una celda en una fila de una tabla | Consulte el contenido dentro la categoría respectiva. |
| <ul> | Inserción de una lista ordenada (numerada) | Consulte el contenido dentro la categoría respectiva. |
| <ol> | Inserción de una lista no ordenada (con viñetas) | Consulte el contenido dentro la categoría respectiva. |
| <li> | Elemento de lista | Consulte el contenido dentro la categoría respectiva. |
