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
5 (100%) 1 voto
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:

LibrosWeb ahora es UniWebSidad
- 204
LibrosWeb, una de las mejores referencias en Internet para aprender web, se ha reciclado tras 12 años de existencia. ¡Mi enhorabuena!
Como hacer espacios en blanco con html
- 287
Has intentado separar palabras en blanco pulsando el espaciador? Seguramente has comprobado que no funciona. En esta publicación vemos un ejemplo de como se debe hacer con HTML.
La importancia de la etiqueta < title > para el SEO
- 259
¿Quieres evitar que tus páginas web sean invisibles en internet? Entonces la etiqueta title es para ti y esta entrada te interesa.
Ejercicio html sobre url relativas y url absolutas
- 56
Ejercicio práctico html útil dónde se practica "../" y "nombrecarpeta/" para navegar con la etiqueta por los documentos de un proyecto web. Incluye solución
Listas HTML. Etiquetas ol, ul, li, dl, dt, dd.
- 828
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...
Ejercicio html sobre códigos HTML y caracteres especiales
- 49
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye solución.
Creación de formularios html
- 805
En esta entrada repasamos las etiquetas html imprescindibles para escribir formularios así como los atributos más importantes de todos.
Ejercicio sobre listas de definiciones html
- 44
Gran excusa para repasar las listas html de definiciones y conceptos de cultura general sobre web e internet. Incluye solución.
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
- 60
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Corrige los errores que veas en la estructura web | Ejercicios html
- 48
Ejercicio html dónde se muestran errores comunes que cometemos al escribir documentos html. Incluye solución.
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.