Resumen de atributos html para ayudarnos a memorizar

listado de atributos html

Resumen de atributos html para ayudarnos a memorizar

Print Friendly, PDF & Email
Resumen de atributos html para ayudarnos a memorizar
Valora esta entrada
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!

Entradas relacionadas:

Etiquetas xmp, pre y code en HTML
- 690
Tratamos las etiquetas que permiten preformatear el texto de un documento web. Como se escriben, para que sirven y sus peculiaridades con un ejemplo práctico. Veréis el código html y el resultado por ...
Validadores de código HTML y CSS
- 383
Incluso los programadores y diseñadores más experimentados cometen errores de sintaxis o vocabulario picando código en lenguaje html, css, javascript y cualquier otro lenguaje de programación. Nos pas...
La importancia de la etiqueta < title > para el SEO
- 129
¿Quieres evitar que tus páginas web sean invisibles en internet? Entonces la etiqueta title es para ti y esta entrada te interesa.
Creación de formularios html
- 541
En esta entrada repasamos las etiquetas html imprescindibles para escribir formularios así como los atributos más importantes de todos.
Como usar los encabezados h1 a h6 en html
- 189
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos de dar un criterio lógico que pueda servir de ayuda...
Etiquetas html para escribir tablas. Olvídate de atributos obsoletos.
- 583
El uso de tablas html es un clásico dentro del mundo web.  Se usan como recurso para introducir datos en un documento web y nunca para maquetar. ¡O así debería ser! Veamos thead, tbody, tfoot, caption...
Imágenes en html: la etiqueta img
- 356
Hoy en día se nos hace difícil imaginar aquellas primeras páginas web sin imágenes. La etiqueta de html se propuso por primera vez en 1993 por Marc Andreessen. En esta entrada presentamos la etiqueta...
Qué es un favicon y para que sirve
- 101
¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve.
Como funcionan los frameset de html. ¡Cuidado que están obsoletos!
- 238
El uso de framesets está completamente desaconsejado. Son etiquetas obsoletas. Sin embargo en esta entrada recuperamos su uso y las repasamos. ¡Nunca se sabe si algún día volverán a ser de utilidad!...
Enlaces en html: la etiqueta a
- 151
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.