Scribd Logo
Upload

Welcome to Scribd!

  • Ejercicio de Matematica

    Uploaded by

    H Huari Beli
    7 views7 pages

    Original Title

    EJERCICIO DE MATEMATICA

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views7 pages

    Ejercicio de Matematica

    Uploaded by

    H Huari Beli

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    FUNDAMENTOS DE PROGRAMACIÓN WEB

    PIAD-218
    FUNDAMENTOS DE
    PROGRAMACIÓN WEB

    Ingeniería de Software con


    Inteligencia Artificial
    Semestre II

    EJERCICIO N° 1
    Desarrolla página web utilizando conceptos semánticos
    A continuación, se presentan un grupo de ejercicios propuestos de autoestudio referidos al tema de
    la unidad y que complementa el aprendizaje.

    1. Crear un archivo index.html y construir una página que tenga, por este orden:
     2 Párrafos centrados
     3 Párrafos alineados a la derecha
     Un salto de línea triple
     1 párrafo alineado a la izquierda

    Ingeniería de Software con Inteligencia Artificial 1


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>index xd</title>
    </head>
    <body>
    <p align="center">centrado <br>centrado</p>
    <p align="right">alineado a la derecha <br>alineado a la derecha<br>alineado a la derecha</p>
    <br><br><br>
    <p align="left">parrafo a la izquierda</p>
    </body>
    </html>

    Ingeniería de Software con Inteligencia Artificial 2


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    2.Crear el archivo mipagina.html y aplicar elementos HTML como se muestra a continuación.

    Ingeniería de Software con Inteligencia Artificial 3


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    </head>
    <body>
    <h1>mi primera etiqueta h1</h1>
    <h2>mi segunda estiqueta h2</h2>
    <p>etiqueta de parrafos</p>
    <b>noticias del dia</b>
    <br>
    <u style="color: #2E00FF;">noticia1</u>
    <br>
    <u style="color: #2E00FF;">noticia2</u>
    <br>
    <u style="color: #2E00FF;">esta es la noticia resaltante noticia3</u>
    <br>
    <p>noticia 4</p>
    <ul>
    <li>desarrollo web</li>
    <li>programacion I</li>
    <li>base de datos</li>
    <li>algoritmos</li>
    </ul>
    </body>
    </html>

    Ingeniería de Software con Inteligencia Artificial 4


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    3.Crear el archivo login.html y aplicar elementos HTML que muestre el siguiente


    formulario.

    Type : es el tipo de formato que se va a ingresar por ejemplo en usuario utilice type=”text” para que lo reconozca
    como texto al momento de ingresar el usuario
    Input :como en Python esta etiqueta sirve para que podamos ingresar números o textos dependiendo del type
    Value: se refiere al valor que tomaría el botón (ingresar) “el nombre”

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><h1>formulario juan inicia sesion</h1></title>
    </head>
    <body>
    <form>
    <h1>formulario juan inicia sesion</h1>
    <div>usuario: <input type="text"><br></div>

    <div>contraseña: <input type="password"><br></div>

    <input type="submit" value="Ingresar">


    </form>
    </body>
    </html>

    Ingeniería de Software con Inteligencia Artificial 5


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    4.Visualice los siguientes Links, sobre HTML, luego desarrollar una página principal que tenga
    un hipervínculo a otra página secundaria. La página secundaria debe tener también un
    hipervínculo a la página principal.
    https://www.youtube.com/watch?v=tXvAnlPmmKI https://www.youtube.com/watch?
    v=rbuYtrNUxg4&t=42s

    pagina principal:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    </head>
    <body>

    <h1><a href="juan.html" target="_blank">enlace a formulario </a></h1>

    </body>
    </html>

    Ingeniería de Software con Inteligencia Artificial 6


    FUNDAMENTOS DE PROGRAMACIÓN WEB

    Pagina secundaria:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><h1>formulario juan inicia sesion</h1></title>
    </head>
    <body>
    <form>
    <h1>formulario juan inicia sesion</h1>
    <div>usuario: <input type="text"><br></div>

    <div>contraseña: <input type="password"><br></div>

    <input type="submit" value="ingresar">


    </form>
    </body>
    </html>

    Ingeniería de Software con Inteligencia Artificial 7

    You might also like