HTML - Imagen

 Ejercicio 20:

    1. Crear una página en html, agregar mínimamente:

        a. Un nombre a la página
        b. Un título
        c. Una imagen desde la compu, con un texto alternativo en caso de error y especificar ancho y alto
        d. Una imagen desde la web y especificar la mitad de ancho y alto que la que está desde la pc
        e. Un párrafo que indique cual es la imagen que carga desde la compu y otro para la que carga desde la web


index.html

<!DOCTYPE html>

<html>

    <header>

        <title>HTML - Imagen</title>

    </header>

    <body>

        <head>

            <h1>Imagen en html</h1>

        </head>

        <main>

            <p>Imagen guardada en la compu</p>

            <img src="smile.jpg" alt="carita feliz" style="width:250px;height:250px;"> <!-- Imagen desde compu-->

            <p>Imagen de la web</p>

            <img src="https://www.directivegroup.com/wp-content/uploads/2017/03/smile-9047-9380-hd-wallpapers-1.jpg" alt="carita feliz" width="125" height="125"> <!--Imagen desde la web-->

        </main>

    </body>

</html>




...

Comentarios

Publicar un comentario

Entradas más populares de este blog

CSS - style (en línea HTML)

Imagen
 Ejercicio 22:     1. Crear una página en html, agregar minimamente:          a. Un nombre a la página          b. Un color para el fondo          c. Un título centrado y distinta tipografía          d. Un párrafo con distinto colo de letra y de 20px de tamaño          e. Un subtítulo con un borde de color          f. Un párrafo con color de fondo index.html <!DOCTYPE   html > <html>      <head>           <title> CSS - en línea </title>      </head>     <body  style = "background-color:lightblue;" >           <main>               <h1  style = "text-align:center;font-family:'Courier New',Courier,monoespace" >  ...
Leer más

JS interno, imagenes

Imagen
  Ejercicio 7b      1. Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma interna, a través de dos botones. Los cuales cambien la imagen que quiera visualizar. A diferencia del ejercicio 6b, hacerlo a través de una variable ... index.html <!DOCTYPE html> <html>   <head>     <title>Cambiar imagen</title>     <script>         function clima(estado) {           var pic;           if (estado == 1) {             pic = "sol.jpg";           } else {             pic = "nube.jpg";           }           document.getElementById("Imagen").src = pic;         }       <...
Leer más

JS prompt y switch

Ejercicio 45: 1. Crear una página en HTML, agregar mínimamente:     a.  Un nombre a la página     b.  Un botón accione un prompt que consulte al usuario ¿Cuál comida típica argentina es su favorita     c.  Los casos son (Locro, Buseca, Tortas Fritas, Asado, default) index.html <!DOCTYPE html> <html>   <head>     <title>JS prompt y switch</title>     <meta charset="UTF-8">   </head>   <body>     <h1>JS prompt y switch</h1>     <button onclick="comidasArgentinas()">Inserte una comida</button>     <p id="demo"></p>     <script>       function comidasArgentinas() {         let frase;         let comidaFavArg = prompt(           "¿Cuál es tu comida favorita argentina?",           "L...
Leer más