Atributos HTML
Este artículo proporcionará una visión general exhaustiva de los atributos HTML que ayudará al usuario a comprender la importancia de los atributos HTML en el desarrollo web. Para este propósito, implementaremos algunos de los principales atributos de los elementos HTML y tendremos una mejor comprensión.
Hay algunos atributos que se utilizan con frecuencia en la mayoría de los elementos, como identificación, título, estilo, y clase. Estos atributos se conocen comúnmente como los atributos centrales. Los discutiremos uno por uno y después, cubriremos algunos más atributos que proporcionan propiedades cruciales a los elementos HTML.
Atributo de identificación en HTML
El atributo de identificación proporciona singularidad a cualquier elemento HTML. Por ejemplo, tenemos dos elementos HTML con un nombre similar, entonces podemos identificar o diferenciar estos elementos en función del atributo de identificación.
Atributo de identificación 1
Atributo de identificación 2
En este ejemplo queremos crear dos encabezados con diferentes estilos. Podemos hacer esto asignando diferentes "IDS"A los elementos. El código anterior proporcionará la siguiente salida:
Atributo de título en HTML
El atributo del título proporciona un título específico para el elemento HTML. Sin embargo, su comportamiento se basa en el elemento que está sosteniendo el "título" atributo. La mayoría de las veces funciona como una información sobre herramientas, lo que significa que cada vez que alguien mueve el cursor sobre ese elemento, mostrará el valor del atributo de título como una información sobre herramientas.
Este es el atributo HTML
La salida dada a continuación verificará que cuando movemos el cursor sobre el elemento muestra el valor del título atributo:
atributo de estilo en html
El atributo de estilo proporciona características como color, tamaño de fuente, borde, etc. a cualquier elemento HTML:
Atributos HTML
En este ejemplo, creamos un elemento de párrafo y le asignamos algunos atributos. Como resultado, proporcionará la siguiente salida:
Atributo de clase en HTML
El atributo de clase se utiliza para definir una clase para un elemento HTML único o múltiple. Se refiere al nombre de clase en hojas de estilo.
En este ejemplo, creamos dos elementos HTML y usamos el atributo de clase en ellos. Ambos elementos llevarán el mismo estilo definido en la clase:
Empleado 1
El primer empleado vive en el Reino Unido
Empleado 2
El segundo empleado vive en EE. UU
Como ambos elementos HTML acceden a la misma clase, ambos elementos seguirán el mismo estilo y la salida resultante será:
Atributo SRC en HTML
Uno de los atributos HTML más utilizados es el "SRC"Atributo lleva el enlace de una imagen de origen. Este enlace puede ser un enlace absoluto o un enlace relativo.
El término enlace absoluto se refiere a la URL de una imagen colocada en línea, mientras que el enlace relativo se refiere a la ruta de imagen colocada localmente.
Por ejemplo, si un usuario quiere incrustar una imagen en una página, entonces utilizará el etiqueta. Pero no sería suficiente, también necesitamos agregar la ruta de esa imagen.
Ahora considere el siguiente código para descubrir cómo el SRC El atributo se incrustará con la etiqueta de imagen:
En el código HTML anterior, el nombre de la imagen junto con su ruta se asigna a la SRC etiqueta.
atributo alt en html
El término alt significa alternativo. Esto se usa en el elemento como un atributo. Un atributo que proporcionará un texto alternativo para la imagen si la imagen no se carga correctamente por ningún motivo.
Ahora mostrará un mensaje alternativo si el "John.El archivo PNG "no se carga por ningún motivo como se muestra en el siguiente fragmento:
atributo lang en html
El elemento toma un lang atributo que determina el idioma de la página web. Este atributo facilita los motores de búsqueda para encontrar las páginas web específicas del idioma:
El código anterior especifica el idioma francés para la página web.
atributo href en html
Href significa la referencia de hipertexto y se utiliza para agregar la URL de cualquier página web. Se utiliza dentro de la etiqueta:
Bienvenido a Linuxhint
En la salida, generará un enlace como se muestra en el siguiente fragmento:
Haga clic en el enlace anterior nos llevará a un sitio web como se muestra en la siguiente salida:
Conclusión
Los atributos HTML definen algunas características adicionales para los elementos HTML. El propósito de usar los atributos con diferentes elementos HTML es diseñar una página web más brillante, más clara y bien formatada.
Este artículo ofrece una imagen detallada de los atributos HTML. Inicio la mitad de este artículo cubre los atributos centrales donde discutimos cómo usar identificación, título, estilo, y clase Atributos en elementos HTML. Mientras que la última mitad proporciona algunos atributos bien conocidos donde descubrimos cómo usar SRC y alternativo atributos mientras incorpora cualquier imagen con la página web.