Formatos de texto #html

NEGRITA

Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas <b> y </b>. Esta misma tarea es desempeñada por <strong> y </strong> siendo ambas equivalentes. Preferentemente usar las primeras por simple razón de esfuerzo.

Escribiendo un código de este tipo:

Obtenemos este resultado:

CURSIVA

El HTML nos propone también para la cursiva el par de etiquetas: <i> y </i>.

SUBRAYADO

El HTML nos propone también para el subrayado el par de etiquetas: <u> y </u>.

SUBÍNDICES Y SUPERÍNDICES

Este tipo de formato resulta de extremada utilidad para textos científicos. Las etiquetas empleadas son:

  • <sup> y </sup> para los superíndices.
  • <sub> y </sub> para los subíndices.

Aquí tenéis un ejemplo:

El resultado será:

ANIDAR ETIQUETAS

Todas estas etiquetas pueden ser anidadas unas dentro de otras de manera a conseguir resultados diferentes. Así, podemos sin ningún problema crear texto en negrita y subrayado embebiendo una etiqueta dentro de la otra:

Esto nos daría:

ACTIVIDAD

Crea una página html que muestre la definición de tres palabras teniendo en cuenta las siguientes condiciones:

  • La primera palabra tiene que estar en negrita y su definición alineada a la izquierda.
  • La segunda palabra tiene que estar subrayada y su definición alineada a la derecha.
  • La tercera palabra tiene que estar en cursiva y su definición centrada.
  • Escribe centrada las siguientes palabras:
    • SuperÍNDICE
    • SubÍNDICE

Guarda el documento con extensión html y observa el resultado abriéndolo con el navegador.

El resultado del ejercicio anterior puede ser algo parecido a esto:

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s