Los atributos HTML proporcionan información adicional sobre los elementos HTML, en otras palabras, características extras que hacen que estos se comporten de una forma diferente a la ordinaria..
Atributos HTML
- Todos los elementos del documento HTML soportan atributos.
- Estos atributos dan información adicional de los mismos elementos.
- Deben de especificarse en la etiqueta de inicio <etiqueta atributos></etiqueta>
- Generalmente se definen así: Nombre = "valor"
Href
Se identifica por la etiqueta <a>, y hace referencia a un hipervínculo. En el Href se especifica la url de la página a la que se quiere dirigir.
Por ejemplo:
<a href="https://aprendeprogramaciondecero.blogspot.com/p/html-introduccion.html">Visit Mogica Tutoriales</a>
Src
Esta etiquete te permite agregar una imagen en una página HTML. El atributo src especifica la ruta a la imagen que se mostrará e irá definida en la etiqueta <img>.
Ejemplo: <img src="img_girl.jpg">
Hay 2 formas de especificar la url del atributo:
URL absoluta:
Ejemplo:
src = "https://www.dominio.com/images/img_girl.jpg"
URL relativa:
Ejemplo:
src = "/ images / img_girl.jpg".
Recomiendo usar la relativa siempre, ya que las imágenes alojadas en sitios webs externos podrían modificar su dominio o ubicación, por lo que ya no podrías acceder a ellas.
Ancho y alto
La etiqueta <img> debe contener los atributos width y height que especifican el ancho y el alto de la imagen en pixeles. Es importante definirlos, ya que sin él la imagen se mostraría con todos los pixeles que trae por default.
Ejemplo:
<img src="img_girl.jpg" width="500" height="600">
Alt
Esta etiqueta permite agregar un texto alternativo para una imagen, se usa como referencia solamente, usemos de ejemplo una imagen que no pudo cargarse por una mala conexión a internet, con esta opción podemos ver de qué se trataba la imagen.
Ejemplo:
<img src="https://www.eluniversal.com.mx/sites/default/files/2020/10/30/tabby-kitten-1517450_1sad280.jpg" width="100" height="100" alt="Es un gatito">
El siguiente atributo es muy importante, pues esto nos ayudará muchísimo para comprender CSS.
Estilo
El styleatributo se usa para agregar estilos a un elemento, como color, fuente, tamaño y más.
Ejemplo:
<p style="color:red;">Esto es un párrafo </p>
Lang
Es muy importante incluir el lang dentro de la etiqueta HTML, esta se usa para declarar el idioma de la página web. ¿cómo nos ayuda?, a que los motores de búsqueda y navegadores te muestren los mejores resultados de acuerdo a la búsqueda del usuario. También tenemos la opción de agregar el código del país en este atributo.
Ejemplo:
<!DOCTYPE html>
<html lang="en-US">
<body>
cuerpo...
</body>
</html>
Título
El title muestra al usuario información adicional sobre un elemento, este se mostrará cuando el mouse pase por encima de él.
Ejemplo(pasa el mouse encima de "Esto es un párrafo):
<p title="Soy un tooltip">Esto es un párrafo</p>
Esto es un párrafo
Siguiente artículo:
No hay comentarios.:
Publicar un comentario