Comentarios al ejercicio Ejemplo

Etiquetas

Al desactivar la hoja de estilo se puede identificar las siguientes etiquetas:

• Las etiquetas de bloque utilizadas son <h1>, <h2>, <h3>, <p> y <address>.
• En varios párrafos hay varios saltos de línea <br> (por ejemplo, los datos personales nombre y apellidos, dirección, etc.)
• Antes de la sección <address> hay una línea <hr>.
• Se han utilizado las etiquetas en línea <strong> y <em>.

Estilos

Al restablecer el estilo se pueden identificar las propiedades utilizadas:

• tipo de letra: font-family.
• colores: color y background-color. El color de fondo de la página se puede definir en la etiqueta body.
• alineación: text-align
• tamaño de letra: font-size. Está expresado en porcentaje (ya veremos en su momento por qué).
• mayúsculas / capitales: text-transform.
• cursivas: font-style. Esta propiedad se utiliza tanto para poner como para quitar la cursiva.
• negrita: font-weight. Esta propiedad se utiliza tanto para poner como para quitar la negrita.
• subrayado: text-decoration.

Solución del ejercicio

El código HTML del ejercicio puede consultarse abriendo la página web del ejercicio y abriendo el código fuente (Ctrl+U).

La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio.

Tenga en cuenta que en estos ejercicios hay a menudo varias maneras de conseguir lo mismo, por lo que la solución no es nunca única.