Comentarios al ejercicio The Jargon file
Etiquetas utilizadas
Al ver la página sin aplicar la hoja de estilo se pueden identificar las
siguientes etiquetas:
- Las etiquetas de bloque utilizadas son <h1>, <h2>, <h3>, <p>, <pre> (en los ejemplos de código), <blockquote> (en el poema) y <address>.
- En un par de sitios hay varios saltos de línea <br />.
- Se han utilizado las etiquetas en línea <strong> y <em> .
- Se ha utilizado la etiqueta en línea <accronym>. El texto que se muestra al poner
el ratón encima se debe escribir en el atributo title de la etiqueta.
Al ver la página aplicando la hoja de estilo se pueden identificar las
siguientes etiquetas:
- Se ha utilizado la etiqueta <cite>.
Sin hoja de estilo, se ve como <em> (en
cursiva), pero al aplicar la hoja de estilo se ven distintos. No hay manera
de saber cuál es cuál, pero ya que las frases de color de fondo amarillo
son cosas que dice alguien, parece lógico asignarles <cite>. A las expresiones de colos de fondo
gris se les puede asignar <em>.
Estilos utilizados
Al ver la página aplicando la hoja de 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.
- subrayado: text-decoration.
- márgenes: es necesario utilizar las propiedades margin-left y margin-right, que permiten definir los márgenes
izquierdo y derecho de un elemento. En este caso las unidades empleadas son
em. Se explicarán más adelante.
Solución del ejercicio
El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el
menú en
Firefox o en Internet
Explorer.
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.
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo
CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 13 de octubre de 2009
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.