Todos los elementos HTML tienen atributos: modificadores que especifican cómo funciona el elemento o añaden funcionalidad adicional. Entran en la etiqueta de inicio.
Por ejemplo <img>es utilizada para incrustar imágenes requiere un atributo src que especifica la ruta de la imagen. Es un atributo obligatorio porque, sin él, el navegador no podrá mostrar la imagen.
Por otro lado, el estilo es un atributo opcional. Por ejemplo, por defecto, el texto del cuerpo es negro. Pero si añades style="color:red;" a la etiqueta de párrafo <p>, El color del texto cambia a rojo.
Un atributo consta de dos partes: un nombre y un valor, separados por el signo de igualdad (=).
El nombre es la primera parte que nos dice qué tipo de modificador es. Por ejemplo, la etiqueta de enlace <a> tiene un atributo href Que indica la URL de una página a la que conduce href significa referencia de hipertexto, y le dice al navegador que se acerca un enlace de hipertexto.
El valor del atributo es la segunda parte del atributo que viene después del símbolo de igualdad y está entre comillas. El valor indica qué va a hacer exactamente el atributo, en el ejemplo href="design.html", el valor del atributo href es "design.html", y esta es también la URL del enlace al que el navegador redirigirá a los usuarios cuando se haga clic en él.
Es posible que notes que el enlace de este ejemplo no comienza con https://www, porque la página a la que conduce está alojada en el sitio web.
El atributo ****title Añade información sobre herramientas. Puedes añadir este atributo a muchos elementos diferentes: texto, encabezados, imágenes, enlaces, etc. Dichos atributos se denominan atributos globales.
Cuando pasas el ratón sobre un elemento con un atributo title, verás que el texto aparece como información sobre herramientas. Aunque no es necesario, esto permite añadir información adicional si es necesario.
Como probablemente sepas, los enlaces son los que constituyen la mayor parte de Internet. La etiqueta <a> define un enlace y requiere el hrefpara especificar a dónde conduce.
Hay dos tipos de enlaces que puedes utilizar: locales y externos. Los enlaces locales conducen a páginas que se encuentran dentro de su sitio web. Se especifican con URL relativas que no tienen la parte https://www. La mejor parte de los enlaces locales es que no se rompen si cambias de dominio.
Los enlaces externos conducen a sitios web externos como google.com, y requieren lo que llamamos URL absolutas: direcciones web completas con https://www.