Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Programación Básica en HTML

    Cargado por

    Elmer Delgado
    11 vistas7 páginas
    Pagina Web

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Pagina Web

    Copyright:

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

    Programación Básica en HTML

    Cargado por

    Elmer Delgado
    Pagina Web

    Copyright:

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

    FORMATO HTML:

    <!DOCTYPE html>

    <html>

    <head>

    <title>Formulario de Inscripcion</title>

    <link href="estilos.css" rel="stylesheet" type="text/css"/>

    </head>

    <body>

    <div id="formulario">

    <form name="formIns">

    <table border="0" align="center">

    <tr>

    <td class="estilos" colspan="2">Registro de


    Inscripción/Gimnasio ULA-NURR</td>

    </tr>

    <tr>

    <td class="datos">Nombres: </td>

    <td class="valor">

    <input type="text"
    name="txNombres" maxlength="30"/>

    </td>

    </tr>

    <tr>

    <td class="datos">Apellidos: </td>

    <td class="valor">
    <input type="text"
    name="txtApellidos" maxlength="30"/>

    </td>

    </tr>

    <tr>

    <td class="datos">Cédula de Identidad:


    </td>

    <td class="valor">

    <input type="text" name="txtCedIdent"


    maxlength="10" size="20" placeholder="Con puntos" />

    </td>

    </tr>

    <tr>

    <td class="datos">Correo Electrónico:


    </td>

    <td class="valor">

    <input type="text"
    name="txtCorreo" maxlength="50" placeholder="correo1234@gmail.com"/>

    </td>

    </tr>

    <tr>

    <td class="datos">Nro. de Teléfono: </td>

    <td class="valor">

    <input type="text"
    name="txtNroTel" maxlength="11" size="12" placeholder="04261234567"/>

    </td>

    </tr>
    <tr>

    <td class="datos">Edad: </td>

    <td class="valor">

    <input type="text" name="Edad"


    maxlength="02" size="01"/>

    </td>

    </tr>

    <tr>

    <td class="datos">Sexo: </td>

    <td class="valor">

    <input type="radio"
    name="opSexo" value="m"/>Masculino

    <input type="radio"
    name="opSexo" value="f"/>Femenino

    </td>

    </tr>

    <tr>

    <td valign="top" class="datos">Experiencia


    en Entrenamientos: </td>

    <td class="valor">

    <input type="checkbox"
    name="opNotiene" value="1">No tiene</br>

    <input type="checkbox"
    name="opNovato" value="2">Novato</br>

    <input type="checkbox"
    name="opIntermedio" value="3">Intermedio</br>

    <input type="checkbox"
    name="opExperimentado" value="4">Experimentado</br>

    </td>

    </tr>
    <tr>

    <td class="datos">Carrera Cursante:</td>

    <td class="valor">

    <select name="CarrCur">

    <option value="1">Ing.
    Civil</option>

    <option value="2">Ing.
    Informática</option>

    <option value="3">Ing.
    Agrónoma</option>

    <option value="4">Edu.
    Física</option>

    <option value="5">Edu.
    Inicial</option>

    <option
    value="6">Farmacia</option>

    <option value="7">Lenguas
    Extr.</option>

    <option
    value="7">Medicina</option>

    </td>

    </tr>

    <tr>

    <td class="datos">Carnet Estudiantil:</td>

    <td class="valor">

    <input type="file"
    name="Carnet" />

    </td>

    </tr>
    <tr>

    <td class="datos">Constancia de
    Estudio:</td>

    <td class="valor">

    <input type="file"
    name="Constancia" />

    </td>

    </tr>

    <tr>

    <td class="datos">Dos Fotos Tipo


    Carnet:</td>

    <td class="valor">

    <input type="file" name="Fotos" />

    </td>

    </tr>

    <tr>

    <td class="estilos" colspan="2">

    <input type="submit"
    name="btnRegistrar" value="Registrar Estudiante">

    </td>

    </tr>

    </table>

    </form>

    </div>

    </body>

    </html>
    FORMATO CSS:

    .estilos{

    font-family: verdana;

    font-size: 18px;

    text-align: center;

    background-color: #40A472;

    height: 40px;

    color: #fff;

    .datos{

    font-family: verdana;

    font-size: 15px;

    color: #fff;

    .valor{

    font-family: verdana;

    font-size: 15px;

    color: #fff;

    body{

    background-image: url(gris.jpg);

    background-size: 100vw 100vh

    table{
    width: 450;

    border: auto;

    background: rgba(0,0,0,0.2);

    box-sizing: border-box;

    padding: 10px 20px;

    margin-top: 20px;

    Screenshot/Foto:

    También podría gustarte