En este artículo, conoceremos la importancia de los atributos HTML al declarar y su implementación a través de los ejemplos. Todos los elementos HTML tienen atributos que proporcionarán información adicional sobre ese elemento en particular. Toma 2 parámetros, es decir, un nombre y un valor que definen las propiedades del elemento y se colocan dentro de la etiqueta del elemento.
El parámetro de nombre toma el nombre de la propiedad que nos gustaría asignar al elemento y el valor toma el valor de las propiedades o la extensión de los nombres de las propiedades que se pueden alinear sobre el elemento. Cada nombre tiene algún valor que debe escribirse entre comillas.
Sintaxis :
<element attribute_name="attribute_value">
Atributo HTML src : si queremos insertar una imagen en una página web, debemos usar la etiqueta <img> y el atributo src. Tendremos que especificar la dirección de la imagen como el valor del atributo dentro de las comillas dobles.
Ejemplo : este ejemplo explica los atributos HTML src para especificar la dirección de origen del archivo.
HTML
<html> <head> <title>src Attribute</title> </head> <body> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png"> </body> </html>
Producción:
Atributo HTML alt: esta es una etiqueta alternativa que se utiliza para mostrar o mostrar algo si el atributo principal, es decir, la etiqueta <img>, no muestra el valor que se le ha asignado. Esto también se puede usar para describir la imagen a un desarrollador que en realidad está sentado al final de la codificación.
Ejemplo : este ejemplo explica los atributos HTML alt para especificar el nombre del archivo cuando la imagen no se carga correctamente.
HTML
<html> <head> <title>alt Attribute</title> </head> <body> <!--If the image is not found or the img field is left blank the alt value gets displayed--> <img src ="https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png" alt="The Logo"><br> <img src="" alt="Since the src value is blank, the alt value is displayed"> </body> </html>
Producción:
Atributo HTML de ancho y alto : este atributo se utiliza para ajustar el ancho y el alto de una imagen.
Ejemplo : este ejemplo explica los atributos de ancho y alto de HTML para especificar los diferentes tamaños de las imágenes.
HTML
<html> <head> <title>Width and Height</title> </head> <body> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png" width="300px" height="100px"> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por bhanusivanagulug y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA