Atributos

1. Atributos

La etiqueta de apertura puede contener información especial de servicio — atributos. La etiqueta de cierre no puede contener atributos. La forma general de los atributos es así:

<tag name1="value1" name2="value2">  

Ejemplo de una etiqueta con atributos — un enlace:

      
<a href="http://codegym.cc/about" target="_blank">
    Un enlace a algo interesante
</a>
      
    

Cada atributo está definido como un par de nombre y valor. Puede haber tantos atributos como quieras.

Un programador atento inmediatamente preguntará: ¿qué hacer si necesitas usar texto que contiene los símbolos «<», «>» o comillas como valor de un atributo?

No puedes usarlos directamente dentro de un documento HTML. Para esto se utiliza una escritura especial:

Este tipo de reemplazo se llama escapado de caracteres. Más adelante hablaremos de esto con más detalle.

2. Imágenes

La etiqueta <img> se usa para insertar imágenes en una página web. Es una etiqueta auto-cerrada, lo que significa que no tiene una etiqueta de cierre. Atributos importantes:

• src — especifica la ruta a la imagen.
• alt — describe la imagen, lo cual es útil para los motores de búsqueda y en caso de que la imagen no se pueda cargar.

Ejemplo:

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

3. Enlaces

La etiqueta <a> se utiliza para crear hipervínculos. El atributo principal de esta etiqueta es:

• href — especifica la URL (dirección) de la página o recurso al que apunta el enlace.
• target — define dónde se abrirá el enlace (por ejemplo, _blank para una nueva pestaña).

      
<a href="https://www.example.com">Ir a Example.com</a>