Lección 4: Etiquetas y atributos en HTML5

En la lección anterior nos adelantamos ligeramente e introducimos un nuevo concepto en nuestro código HTML. Si recordáis escribimos el código <img src=”imagen.png”> para añadir una imagen. Lo que hicimos añadiendo ese código en realidad fue lo siguiente:

1 Añadimos una nueva etiqueta de tipo imagen. Es decir, incluímos la etiqueta <img>.

2 Añadimos un atributo a esa etiqueta. El nombre del atributo que añadimos es “src” que corresponde a “source”, que traducido significa “fuente”. Con este atributo lo que especificamos fue la fuente de la imagen.

3 Especificamos el valor del atributo source. Le dimos valor a ese atributo. En concreto le dimos el valor “imagen.png” (o “imagen.jpg”).

etiquetas-atributos-html

  • Etiquetas: Las etiquetas sirven para añadir objetos de un tipo determinado en nuestro código HTML. Por ejemplo, si queremos añadir una imagen, utilizamos la etiqueta “<img>”.
  • Atributos: Los atributos sirven para especificar características de esas etiquetas, es decir, sirven para especificar características de los objetos. Por ejemplo, con el atributo “src” especificamos la fuente (ruta, path, etc) de la imagen.

En HTML5 hay algunas etiquetas nuevas que no existen en versiones anteriores, por ejemplo en HTML4.

Si te ha resultado util este artículo en la siguiente lección de este tutorial veremos un ejemplo práctico del uso de un atributo class html para añadir una clase css.

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *