Qué son los Atributos HTML

Descripción general de los principales atributos HTML

Atributos HTML

Tabla de contenidos


Para comprender bien qué son los atributos en HTML, estos se encargaran de decirle al navegador cómo debe mostrarse en pantalla dicho elemento de la página web. Los atributos le permiten hacer que la apariencia de la información agregada utilizando las mismas etiquetas sea más variada.

El valor del atributo estará dado entre las comillas "". Los nombres y valores de los atributos no distinguen entre mayúsculas y minúsculas, pero se recomienda que los escriba en minúsculas siempre.

Cómo funcionan los atributos

Estos no son más que fragmentos de código adicionales los cuales se pueden insertar dentro de una etiqueta HTML para complementarla. Esto le permitirá establecer o definir cómo debe mostrarse un elemento HTML o cómo debe comportarse el mismo. Estos atributos deberán ser insertados al principio de la etiqueta para luego cerrar la sintaxis del código ( >).

<! DOCTYPE html >  
< html >  
< head >  
</head>  
< body >  
  < h1 >  Qué son los Atributos HTML </ h1 >  
   < p style = "height: 50px; color: blue" > Descripción general de los principales      
    atributos HTML </ p >   
    < p style = "color: red" > Cambiará el color del contenido </ p >   
</ body >  
</ html > 

Estos atributos por lo general estarán dados como pares de nombre y valor como hemos visto en la muestra superior. Entonces, en el ejemplo tenemos la etiqueta y luego el atributo < p style = «height: 50px; color: blue». Podemos cambiar el valor directamente logrando un cambio del elemento que se muestra

Atributos globales

Los atributos globales que se muestran en la tabla siguiente se pueden utilizar para cualquier elemento HTML, aunque algunos de ellos pueden no tener ningún efecto sobre los elementos.

AtributoDescripción, valor aceptado
accesskeyEsto te permite generar un acceso a un elemento usando un atajo de teclado con una letra o número especificado en el atributo. Consiste en una lista de caracteres separados por espacios. El navegador primero selecciona las teclas que existen en la distribución del teclado. Se aplica a los siguientes elementos:  <a><area><button><input><label><legend><textarea>. Valores aceptados: lista de nombres de claves.
classEspecifica el nombre de la clase de un elemento (utilizado para definir una clase en una hoja de estilo).
Valores aceptados: nombre de la clase.
contenteditableDetermina si el usuario puede editar el contenido (contenido). Le permite convertir cualquier campo HTML en un elemento editable.
Valores aceptados true/false.
dirDetermina la dirección del texto del contenido en los elementos <bdo><bdi>.
Valores aceptados ltr/rtl/auto.
draggableDetermina si el usuario puede arrastrar el elemento.
Valores aceptados true/false/auto.
hiddenIndica que el elemento debe estar oculto.
Valores aceptados hidden.
idDefine un identificador único para un artículo.
Valores aceptados: id– identificador de elemento.
langDefine el código de idioma del contenido (contenido) en el elemento.
Valores aceptados: código de idioma.
spellcheckIndica si el contenido del elemento es revisión ortográfica y gramatical.
Valores aceptados true/false.
styleIndica el CSS utilizado para diseñar el elemento.
Valores aceptados: código CSS.
tabindexDetermina el orden en el que navega a un elemento usando la tecla TAB.
Valores aceptados: número ordinal.
titleDefine información adicional sobre un elemento estableciendo la información sobre herramientas para la página.
Valores aceptados: texto.
translateHabilita o deshabilita la traducción de texto dentro de un elemento.
Valores aceptados yes/no.


Deja un comentario