Geek Penguin

En el anterior post vimos el formato esencial del texto en HTML. Ahora profundizaremos un poco sobre el formato de texto.

Las etiquetas para el formato del texto

Si has usado Word (obvio que si lo has hecho) habrás usado muchas veces el botón de la negrita, la cursiva, el subrayado, el tachado… en fin, hay muchas formas de darle algo de forma a nuestros aburridos párrafos planos.

La etiqueta <strong> sirve para texto en negrita
La etiqueta <i> sirve para texto en cursiva
La etiqueta <big> sirve para texto grande
La etiqueta <small> sirve para texto pequeño
La etiqueta <sup> sirve para texto en superíndice, útil en los ^exponentes
La etiqueta <sub> sirve para texto en subíndice, útil en las _{fórmulas químicas}
La etiqueta <code> sirve para definir código, ya sea HTML o cualquier tipo de lenguaje

La etiqueta <blockquote> sirve para citar texto de otras fuentes, o para darle simplemente un énfasis especial al texto, como lo estoy haciendo ahora mismo

Son las etiquetas más importantes para el formato del texto. Ahora vamos por un elemento importantísimo en la web: los enlaces (o links). Pero para ello debemos aprender cómo darle varias opciones a las etiquetas HTML, y esas opciones se llaman atributos.

Los atributos son como “la forma de personalizar las etiquetas”. Son los que le dan una información adicional a una determinada etiqueta, y que a veces deben ser usados. Siempre van en la etiqueta de apertura, y se usan de la siguiente forma:

<etiqueta atributo=”valor”>contenido dentro de la etiqueta</etiqueta>

De esa forma especificamos lo necesario para poder hacer un enlace. Se pueden usar más de dos atributos en una etiqueta.
Ahora si…

Los enlaces (o links)

Los enlaces se escriben con la etiqueta <a>, de la siguiente forma:

<a href=”url-de-destino”>Texto que lleva al enlace</a>

Así, si escribimos lo siguiente:

<a href=http://geekpenguin.com”>Visita Geek Penguin</a>

Aparece lo siguiente:

Visita Geek Penguin

Como lo decía anteriormente, se pueden agregar más atributos si se desea.

• El atributo target indica en donde se abrirá el enlace. El más común es target=”_blank”, y si se inserta abrirá el enlace en una nueva ventana (o pestaña).
• El atributo name sirve para darle un nombre al anchor text (así se llama el enlace). Útil para nombrar un enlace cuando se agrega a los marcadores o los favoritos.
• El atributo rel sirve para especificar la relación entre la página actual y la página de destino. Puede tener los siguientes valores: alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark.

Por hoy es todo el tutorial. Hasta una próxima ocasión!

Otras partes del tutorial

• ¿Cómo hacer una página web? (I)
• ¿Cómo hacer una página web? (II)
• ¿Cómo hacer una página web? (III)