Una vez que tenemos nuestra estructura base estamos listos para llenar nuestra página de información. Como la gran mayoría de ésta se encuentra en forma de texto, los primeros elementos que veremos se relacionan estrechamente con él.
Los principales son:
| Elemento | Etiqueta | Es de tipo: |
|---|---|---|
| Cabeceras | <h1> ... <h6> | bloque |
| Párrafo | <p> | bloque |
| Sálto de línea | <br /> | - |
| Preformateado | <pre> | bloque |
| Cita | <q> | línea |
| Cita en bloque | <blockquote> | bloque |
| Énfasis | <em> | línea |
| Fuerza | <strong> | línea |
| Código | <code> | línea |
| Acrónimo | <acronym> | línea |
| Abreviatura | <abbr> | línea |
Lo mejor es verlos en acción. Haz click en el
vínculo de abajo para verlo. No olvides revisar el
código fuente para ver como está construido todo.
Una manera de ver el código fuente es hacer click con el
botón secundario en la página y seleccionar Ver
código fuente
, o algún comando equivalente en tu navegador.
Puedes usar distintos navegadores para diferenciar el aspecto.
Haz click aquí para ver el ejemplo
Como podrás notar algunos elementos se representan de forma diferente por el simple hecho de ser una entidad u otra. Los párrafos se muestran de forma diferente que los títulos o el texto con énfasis. Otros, por el contrario, no muestran diferencia alguna en su representación, como las citas o las abreviaturas, a no ser que indiquemos explícitamente lo contrario. (Esto también depende del navegador utilizado)
Los siguientes elementos poseen atributos exclusivos:
Cita <q>
cite: Define el origen de la cita.Cita en bloque <blockquote>
cite: Define el origen de la cita.¿La página del ejemplo parece demasido sobría y sin chiste? Tal vez. Eso se puede arreglar con las hojas de estilo, que nos permitirán controlar la apariencia y comportamiento de nuestros elementos. Si lo que deseas es controlar más a fondo su apariencia podrás hacerlo más adelante en el curso, en la sección de hojas de estilo.