webstarter-1-4
Crear tu Sitio |
Presentación de un texto
Estamos ahora listos para abordar el contenido de una página. 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... ¿Mágico, cierto? ¡Qué simple es el HTML básico! 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 manera, 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.
|