Descripción general de los principales 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.
Atributo | Descripción, valor aceptado |
---|---|
accesskey | Esto 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. |
class | Especifica el nombre de la clase de un elemento (utilizado para definir una clase en una hoja de estilo). Valores aceptados: nombre de la clase. |
contenteditable | Determina si el usuario puede editar el contenido (contenido). Le permite convertir cualquier campo HTML en un elemento editable. Valores aceptados true/false. |
dir | Determina la dirección del texto del contenido en los elementos <bdo>y <bdi>. Valores aceptados ltr/rtl/auto. |
draggable | Determina si el usuario puede arrastrar el elemento. Valores aceptados true/false/auto. |
hidden | Indica que el elemento debe estar oculto. Valores aceptados hidden. |
id | Define un identificador único para un artículo. Valores aceptados: id– identificador de elemento. |
lang | Define el código de idioma del contenido (contenido) en el elemento. Valores aceptados: código de idioma. |
spellcheck | Indica si el contenido del elemento es revisión ortográfica y gramatical. Valores aceptados true/false. |
style | Indica el CSS utilizado para diseñar el elemento. Valores aceptados: código CSS. |
tabindex | Determina el orden en el que navega a un elemento usando la tecla TAB. Valores aceptados: número ordinal. |
title | Define información adicional sobre un elemento estableciendo la información sobre herramientas para la página. Valores aceptados: texto. |
translate | Habilita o deshabilita la traducción de texto dentro de un elemento. Valores aceptados yes/no. |
- Múltiples Constantes en TypeScript
- Estructura de Datos las Colas
- Estructura de Datos las Pilas (Stack)
- Widget Drawer en Flutter
- Clase Scaffold en Flutter
- Estructura del lenguaje Python
- Iteradores y generadores en TypeScript
- Símbolo en TypeScript (Symbol)
- Tipos Avanzados en TypeScript
- Tipos de Compatibilidad en TypeScript
- Inferir Tipos en TypeScript
- Tipos Generalizados (Generics) en TypeScript
- Tipos Básicos de Datos en TypeScript
- Interfaces en TypeScript
- Declaración de Variables en TypeScript
- Funciones en TypeScript
- Categorías en TypeScript
- Introducción a TypeScript
- Clase MaterialApp en Flutter
- Clase Container en Flutter
- ¿Qué son los Widgets en Flutter?
- Introducción a la Arquitectura de Aplicaciones con Flutter
- Lista Doblemente Enlazada
- Listas Vinculadas en Estructura de Datos
- Introducción a las Matrices(Arrays)
- Estructuras de Datos en los Algoritmos de Programación
- Expresión const en JavaScript
- Expresión let en JavaScript
- Introducción al Lenguaje de Programación CSS
- Intérprete de Python