
thalia yanneisa moreno ibarguen
Preguntahola, si quiero hacer que la imagen se vea mas pequeña en el sito wed que puedo hacer?
que etiqueta me sirve para cambiarle el tamaño a la imagen ?

Pedro David Juarez Leyva
ademas de modificar el tamaño con css, recomiendo checar la etiqueta picture la cual permite especificar que imagen se cargará dependiendo de la resolución, muy útil para responsive design

Patricio Villarroel Durán
Uy, si, tienes razón, me adelanté un poco jajaja.

Patricio Manuel Ugarte
¡Muy cierto! Esa es la forma correcta de hacerlo, siguiendo buenas prácticas. Yo busqué adaptar la respuesta a algo acorde a este punto del curso. Por eso aclaré que más adelante se ve mejor el tema de unidades y cómo aplicar estilos con CSS.

Patricio Villarroel Durán
Hola Thalia
Complementando lo que dice mi tocayo, puedes crear clases en css donde definir estos valores. Esto es muy útil cuando tienes elementos repetidos en la web (imagina un listado de carátulas de tus discos favoritos, que puede tener cientos de carátulas).
Podrías escribir en cada imagen el alto o el ancho y otras propiedades.
O podrias tener en tun CSS algo como esto:
.caratula { width: 120px; height: 120px border: solid 3px #FFFFFF; /* y todos los estilos que quieras, sombras, etc. */ }
Y en tu html simplemente invocas la clase en cada imagen
<img class="caratula" src="/images/discos/0001.png /> <img class="caratula" src="/images/discos/0002.png /> <img class="caratula" src="/images/discos/0003.png /> ...
Otra ventaja de usar clases es que si de pronto miras tu trabajo y dices "mmm, 120px es muy pequeño, creo que 150px se vería mejor", pues editas la clase en el CSS y listo. No tienes que editar una por una cada imagen en cada archivo donde tengas las carátulas.

thalia yanneisa moreno ibarguen
gracias

Patricio Manuel Ugarte
¡Hola! La etiqueta <img> tiene los atributos width y height que aceptan valores numéricos y con una unidad (para empezar te recomiendo que uses px (píxeles). Ejemplo:
<img src="./images/manzana.jpg" height="250px" />
Un detalle importante es que si solamente colocas uno de los dos atributos (en el ejemplo la altura), el otro se acomoda proporcionalmente a como era la imagen original. Si utilizas ambos atributos se pierde la proporcionalidad ya que el alto y el ancho responderan a los valores que les pases. Más adelante en el curso vas a ver más sobre las unidades y como agregar estilos utilizando CSS. Espero que te sirva la respuesta :)