HTML - Enlace

 Ejercicio 21:

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

        a. Un nombre a la página
        b. Un título
        c. Un enlace a google
        d. Un enlace a otra página creada en la misma carpeta, y de la misma poder volver a la primer página
        e. Una imagen que redirija al blog del curso


index.html

<!DOCTYPE html>

<html>

    <header>

        <title>HTML - Enlace</title>

    </header>

    <body>

        <head>

            <h1>Enlace en html</h1>

        </head>

        <main>


            <!-- párrafos para enlazar una URL -->

            <p><a href="http:google.com"> <!-- URL escrita de manera http -->

                Google

            </a></p>

            <p><a href="https://www.w3.org/"> <!-- URL escrita de manera https -->

                w3c

            </a></p>


            <!-- párrafo para enlazar dos páginas -->

            <p><a href="pagina1.html">

                Ir a la página 1

            </a></p>


            <!-- párrafo para insertar un enlace en una imagen -->

            <p><a href="https://tallerprogramacioninicial.blogspot.com/"> <!-- href="http:tallerprogramacioninicial.blogspot.com"-->

                <img scr="https://img.freepik.com/vector-premium/smile-emoticon-logo_8163-48.jpg?w=2000" alt="Blog del curso - smile" width="300" height="300">

            </a></p>

        </main>

    </body>

</html>




...

pagina1.html

<!DOCTYPE html>

<html>

    <header>

        <title>Pagina 1</title>

    </header>

    <body>

        <h1>Otra pagina</h1>

        <p><a href="index.html">

            Volver a la página anterior

        </a></p>

    </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