HTML Atributos

En HTML, los atributos se utilizan para proporcionar información adicional sobre los elementos HTML, como el estilo, la funcionalidad y la accesibilidad. Aquí están algunos de los atributos más importantes en HTML, con definiciones y ejemplos:

• class: Define una o más clases CSS para un elemento. Permite aplicar un estilo CSS a un grupo de elementos. Ejemplo:

<p class="destacado">Este texto está en negrita</p>

• id: Define un identificador único para un elemento. Se utiliza para seleccionar el elemento con CSS o JavaScript. Ejemplo:

<div id="contenedor-principal">Contenido principal aquí</div>

• href: Especifica la URL de destino de un enlace. Se utiliza con la etiqueta <a>. Ejemplo:

<a href="https://www.nuevostutoriales.com">Visit Nuevos Tutoriales</a>

• src: Especifica la ruta de acceso a una imagen, audio, vídeo u otro archivo multimedia. Se utiliza con las etiquetas <img>, <audio>, <video>, etc. Ejemplo:

<img src="img_girl.jpg">

• alt: Proporciona una descripción alternativa para el contenido de una imagen. Es importante para la accesibilidad de los sitios web. Ejemplo:

<img src="imagen.jpg" alt="Descripción de la imagen">

• title: Define un texto que se muestra cuando el usuario pasa el cursor sobre un elemento. Ejemplo:

<a href="#" title="Haz clic aquí para más información">Más información</a>

• style: Define un estilo CSS específico para un elemento. Ejemplo:

<p style="color: red; font-size: 18px;">Este texto tiene un estilo personalizado</p>

• target: Define dónde se abrirá el enlace cuando se hace clic en él. Puede ser _blank para abrir en una nueva ventana o _self para abrir en la misma ventana. Ejemplo:

<a href="https://www.ejemplo.com" target="_blank">Abrir en una nueva ventana</a>

• width: Este atributo se utiliza en elementos de imagen (<img>) y en elementos de video (<video>) para especificar el ancho del elemento.

<img src="imagen.jpg" alt="Descripción de la imagen" width="500">

• height: Este atributo se utiliza en elementos de imagen (<img>) y en elementos de video (<video>) para especificar la altura del elemento.

<img src="imagen.jpg" alt="Descripción de la imagen" height="300">