Programación Web II

CONTROL SEMANA 1
DESARROLLO DEL CONTROL.

1. Utilizando la etiqueta PICTURE, asigne una imagen responsive que se adapte al

tamaño de la pantalla del dispositivo donde se vaya a visualizar. Genere el código
correspondiente, utilice viewport (4 puntos)
2. Inserte debajo de la imagen un borde responsive color azul, con anchura o grosor de
2px. (2 puntos)

.bordes {
float:center;
width:80%;
height:80px;
background: blue;
 margin:2px 2% solid;
}

<div class="bordes"></div>

3. A partir del código HTML, aplique estilos CSS donde el texto que contiene la
página tenga el siguiente aspecto: (3 puntos)
BIBILIOGRAFIA

https://webdesign.tutsplus.com/es/tutorials/quick-tip-how-to-use-html5-picture-for-
responsive-images--cms-21015

https://www.w3schools.com/tags/tag_picture.asp

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_picture