HTML - Adaptar imagen en todas las resoluciones

Buen día, estoy haciendo una página para una práctica de HTML de la escuela. He estado buscando en varias páginas un código en HTML para que una imagen se adapte a cualquier resolución de pantalla. En mi página puse un "banner" en la parte superior y cada vez que cambio de pantalla (resolución), se desproporciona y sale recortada.

He visto códigos javascript, pero simplemente no me sirven, o tal vez es que no los coloque bien. Si alguien me podría decir como resolver mi problema, estaría muy agradecido.

Que tengan buen día!~

Hola Juan Carlos!
Lo que deseas hacer es sencillo, solo tienes que hacer media queries en css con las resoluciones que desees, asi las imagenes se ajustaran en tiempo real sin necesidad de acceder con cada resolucion para notar los cambios.

Saludos!

Aquí tienes un ejemplo:
http://www.lawebdelprogramador.com/codigo/CSS/2694-Ejemplo-de-una-web-responsive.html

Hola Juan Carlos,
yo creo que con aplicar este estilo a la imagen te valdria:

Un saludo,
David
estudio de diseño grafico

Aunque las otras respuestas son igual de válidas, también está la opción de usar la nueva etiqueta <picture>. Te pego un ejemplo:

http://www.desarrolloweb.com/articulos/imagenes-responsive-etiqueta-picture.html

Creo que puede ser algo más óptimo que los anteriores, ya que te carga únicamente la imagen del tamaño indicado, no la redimensiona.