Tecnología

Inicio

Cómo dar formato a texto con las etiquetas HTML

Cómo dar formato a texto con las etiquetas HTML


Uno de los rasgos distintivos del lenguaje de marcado de hipertexto (HTML) es su capacidad para aplicar una variedad de estilos de texto en texto, en lugar de sólo texto sin formato. Cada etiqueta de formato HTML es único e invoca un estilo diferente. Por ejemplo, la etiqueta <b> hace que el texto aparezca en negrita cuando se aplica. Mientras que los diseñadores web expertos prefieren usar hojas de estilo en cascada (CSS) para la mayoría de formato de texto, también puede utilizar las etiquetas HTML.

Instrucciones

1 Lance un editor de páginas web o editor de texto plano. Crear un nuevo archivo o abrir un archivo HTML existente. Escriba el texto que desea dar formato con etiquetas HTML. Para mayor comodidad, se puede separar cada bloque de texto con la tecla "ENTER".

2 Busque las etiquetas HTML adecuadas para el tipo de formato que desea aplicar. Se puede utilizar un libro de referencia HTML o sitio web, como los W3Schools libres (ver Recursos). Ver ejemplos para entender mejor cómo funciona cada etiqueta y lo que hace.

3 Aplicar las etiquetas HTML para el texto. Escriba la etiqueta de apertura antes de que el texto y añadir la etiqueta de cierre al final del texto. Para dar formato a un cuerpo de texto como un solo párrafo, escriba <p> antes del texto y </ p> a continuación del texto. Para dar formato a una línea de texto como encabezado del título o de la sección, utilizar las etiquetas del título como <h1>, <h2>, <h3> y así sucesivamente. También puede alinear texto añadiendo el atributo "align", como <p align = "justify">. (Sin embargo, sería mejor usar CSS si es posible.) El párrafo puede parecerse <p align = "left"> El texto de párrafo </ p>.

4 Formatear el texto para definir un estilo que no sea normal. Para hacer un texto en cursiva, por ejemplo, encerrarlo entre los <i> y </ i> etiquetas HTML. Para hacer que el texto aparezca como superíndice, utilice <sup> y </ sup>. Prueba otras etiquetas como <u> a, subrayado <big> para grandes, <sub> para subíndices y <blockquote> para los bloques citados de texto. No se olvide de la etiqueta de cierre correspondiente a cada etiqueta HTML. Un texto con formato puede verse como <i> cursiva </ i>.

5 Guarde la página Web en el editor HTML o editor de texto plano. Abra la página Web en un explorador Web, como Internet Explorer o Mozilla Firefox. Si las etiquetas se utilizan correctamente, ahora debería ver el formato aplicado al texto.