Ya sabemos la estructura básica de las páginas web y hemos visto tres etiquetas muy importantes para insertar encabezados h1, encabezados h2 y párrafos, aunque los hemos trabajado con su configuración por defecto.
Los atributos HTML son modificadores que cambian la apariencia o comportamiento por defecto de algún elemento del documento HTML. Algunos de ellos no pueden funcionar correctamente sin ellos.
En el próximo ejemplo vamos a tener un título y un párrafo. Vamos a modificar el color de ambos elementos usando el atributo style y haremos el título de color azul y el párrafo de color verde:
Existen muchos atributos para aplicar en diferentes tipos de elementos, lo importante es que vamos poco a poco abarcando mucho de los principales atributos para que empieces tu aprendizaje sobre páginas web.
Etiqueta img y algunos atributos para las imágenes
Para no quedarnos solo con el ejemplo anterior, vamos a aprender a insertar imágenes en nuestras páginas, para ello usamos la etiqueta img y vamos a modificar esa imagen con tres atributos. El atributo src sirve para ir al origen de la imagen, es decir, de dónde se va a sacar. El atributo width indicará el ancho de la imagen y por último el atributo height indicará la altura de la imagen. En resumen:
src: origen de la imagen.
width: ancho de la imagen.
height: altura de la imagen.