Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Desarrollo de Aplicaciones 1

    Cargado por

    Migdalia Mnarique
    9 vistas8 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    9 vistas8 páginas

    Desarrollo de Aplicaciones 1

    Cargado por

    Migdalia Mnarique

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Desarrollo de aplicaciones 1

    Elaborado por: Juan Ignacio Gómez Manrique

    Ci 28421897

    Profesor:

    Ejercicio 1 XHTML

    <!DOCTYPE html>
    <html>
    <head>
    <title>Formulario de registro - Mi web</title>
    </head>
    <body>

    <h1>Formulario de registro</h1>

    <form action="" method="get">
    <p>
    <label for="nombre">Nombre:</label> <input type="text" name="nombre" id="nom
    bre" maxlength="50" />
    </p>

    <p>
    <label for="apellidos">Apellidos:</label> <input type="text" name="apellidos
    " id="apellidos" maxlength="50" />
    </p>

    <p>
    Sexo: <input type="radio" name="sexo" id="sexo-h" value="h" /> <label fo
    r="sexo-h">hombre</label> <input type="radio" name="sexo" id="sexo-m" valu
    e="m" /> <label for="sexo-m">mujer</label>
    </p>

    <p>
    <label for="correo">Correo:</label> <input type="text" name="correo" id="cor
    reo" maxlength="100" />
    </p>

    <p>
    <label for="poblacion">Población:</label>
    <select name="poblacion" id="poblacion">
    <option>Caracas</option>
    <option>Barinas</option>
    <option>Guanare</option>
    <option>Valencia</option>
    </select> 
    </p>

    <p><label for="descripcion">Descripción:</label>
    <textarea name="descripcion" id="descripcion" rows="6" cols="60"></textarea>
    </p>

    <p>
    <input type="checkbox" name="info" id="info" checked="checked" /> <label for
    ="info">Deseo recibir información sobre novedades y ofertas</label>
    </p>

    <p>
    <input type="checkbox" name="condiciones" id="condiciones" /> <label for="co
    ndiciones"> Declaro haber leido y aceptar las condiciones generales del prog
    rama y la normativa sobre protección de datos</label>
    </p>

    <p>
    <input type="submit" value="Enviar" />
    </p>
    </form>

    </body>
    </html>
    Ejercicio 2 CSS

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8" />
    <title>28421897</title>
    <style>
    body {
      font-family: Arial, Helvetica, sans-serif;
      width: 90%;
      margin: 0 auto;
    }

    header {
      text-align: center;
    }

    h1, h2 {
      font-family: Georgia, serif;
    }

    h1 {
      font-size: 3em;
    }

    fieldset {
      margin: 1em auto;
    }

    legend {
      font-size: 1.2em;
      font-weight: bold;
      text-transform: uppercase;
    }

    label {
      font-weight: bold;
      display: block;
    }

    input:focus, select:focus {
      background-color: yellow;
    }
    input:hover, select:hover {
      background-color: red;
    }

    #boton-crear {
      font-size: 2em;
      padding: 0.5em;
    }

    .inline {
      display: inline;
    }

    .centrado {
      text-align: center;
    }
    </style>
    </head>
    <body>
    <header>
    <h1>Juan Gomez</h1>
    <h2>Formulario de registro</h2>
    </header>

    <form action="" method="post">
    <fieldset>
    <legend>¿Quién eres?</legend>
    <p>
    <label for="nombre">Nombre</label>
    <input type="text" name="nombre" id="nombre" />
    <label for="apellidos">Apellidos</label>
    <input type="text" name="apellidos" id="apellidos" />
    </p>

    <p>
    <label for="nombre">Correo electrónico</label>
    <input type="text" name="correo" id="correo" />
    </p>

    <p>
    <label for="dia">Fecha de nacimiento</label>
    <select name="dia" id="dia">
    <option>Día</option>
    </select>
    <select name="mes" id="mes">
    <option>Mes</option>
    </select>

    <select name="anyo" id="anyo">
    <option>Año</option>
    </select>
    </p>
    </fieldset>

    <fieldset>
    <legend>¿De dónde eres?</legend>
    <p>
    <label for="ciudad">Ciudad</label>
    <input type="text" name="ciudad" id="ciudad" />
    </p>

    <p>
    <label for="cp">Código postal</label>
    <input type="text" name="cp" id="cp" />
    </p>

    <p>
    <label for="pais">País</label>
    <select name="pais" id="pais">
    <option>País</option>
    </select>
    </p>
    </fieldset>

    <fieldset>
    <legend>¿Cómo quieres iniciar sesión?</legend>
    <p>
    <label for="nomusu">Nombre de usuario</label>
    <input type="text" name="nomusu" id="nomusu" />
    </p>

    <p>
    <label for="contrasenya">Contraseña</label>
    <input type="password" name="contrasenya" id="contrasenya" />
    </p>

    <p>
    <label for="repcontrasenya">Vuelve a escribir la contraseña</label>
    <input type="password" name="repcontrasenya" id="repcontrasenya" />
    </p>
    </fieldset>

    <fieldset>
    <legend>Condiciones de registro</legend>
    <p>
    <label>Deseo recibir ofertas de iDESWEB</label>
    <input type="radio" name="ofertas" id="ofertas1" value="1" /> <label for="of
    ertas1" class="inline">Una vez al día</label>
    <input type="radio" name="ofertas" id="ofertas2" value="2" /> <label for="of
    ertas2" class="inline">Una vez a la semana</label>
    <input type="radio" name="ofertas" id="ofertas3" value="3" /> <label for="of
    ertas3" class="inline">Una vez al mes</label>
    </p>

    <p>
    <input type="checkbox" name="acepto" id="acepto" />
    <label for="acepto" class="inline">Acepto el acuerdo de servicios, la declar
    ación de privacidad y la declaración de uso de cookies</label>
    </p>
    </fieldset>

    <p class="centrado">
    <input type="submit" value="Crear cuenta" id="boton-crear" />
    </p>

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

    También podría gustarte