Resumen de atributos html para ayudarnos a memorizar

5
(2)

Publicado

Tras unas cuantas sesiones enseñando html me gusta hacer un par de ejercicios para ejercitar la memoria y ayudar a memorizar las etiquetas típicas.

El primero consiste en hacer escribir en una hoja en blanco y sin ayudas de ningún tipo todas las etiquetas que se recuerdan.

Fácilmente se suelen escribir entre 50 etiquetas.

El segundo muy similar, repetir el ejercicio pero esta vez con todos los atributos que se recuerden e indicando su uso y con que etiquetas.

Se suelen escribir entre 15 y 30 atributos. Siendo un reto más complicado que el primero pues no es tan habitual pensar en los atributos en lugar de las etiquetas.

¿Cuantos atributos serías capaz de escribir tu?

Listado de atributos típicos

  • lang, etiqueta html
  • type, etiqueta meta, ul, ol, audio, video,
  • content, etiqueta meta
  • href, etiqueta a, link,
  • target, etiqueta a
  • title, típicamente etiqueta a, aunque cualquiera puede llevarlo.
  • rel, etiqueta a, link,
  • alt, etiqueta img
  • src, etiqueta img, link, audio, video
  • width, etiqueta img
  • heigth, etiqueta img
  • id, cualquier etiqueta
  • class, cualquier etiqueta
  • style, cualquier etiqueta
  • name, etiqueta map, input, form
  • shape, etiqueta area
  • coords, etiqueta area
  • usemap, etiqueta img
  • rowspan, etiqueta td
  • colspan, etiqueta td
  • start, etiqueta ol
  • action, etiqueta form
  • method, etiqueta form
  • value, etiqueta input
  • placeholder, etiqueta input
  • disabled, etiqueta input
  • required, etiqueta input
  • size, etiqueta input
  • maxlength, etiqueta input
  • readonly, etiqueta input
  • min, etiqueta input (de tipus number)
  • max, etiqueta input (de tipus number)
  • step, etiqueta input (de tipus number)
  • rows, etiqueta textarea
  • cols, etiqueta textarea

Y a continuación añadiríamos bastantes más atributos que forman parte de etiquetas obsoletas y que por tanto yo no escribo.

En general todos aquellos atributos que sirven para otorgar estilos que podrían ser sustituidos por instrucciones CSS.Y hasta aquí la entrada de hoy. Espero que esta entrada te haya sido de utilidad y que nos ayude a darnos cuenta de la gran cantidad de vocabulario que empezamos a manejar aunque en este caso se trate de atributos.

Ciertamente html es un lenguaje con su vocabulario y su gramática y si contamos etiquetas + atributos rápidamente nos vamos a casi 100 palabras.

¿Te has preguntado alguna vez cuantas palabras necesitamos para hablar una lengua?

¡Pues con el HTML no estamos tan lejos!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 5 / 5. Votos: 2

Todavía no hay votos. Sé el primero en valorar la entrada.

Deja una respuesta

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