Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 37 vistas

    HTML 5 Tablas Formularios

    Cargado por

    Enzo Timon Quiñones Correa
    La tabla muestra los detalles de un curso electivo sobre diseño de páginas web y HTML5. Incluye la definición, nuevos elementos, y un icono para HTML5. El formulario solicita información personal de un cliente así como detalles de un préstamo, y incluye funciones para grabar, modificar, y eliminar datos del cliente.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    HTML 5 Tablas Formularios

    Cargado por

    Enzo Timon Quiñones Correa
    37 vistas3 páginas
    La tabla muestra los detalles de un curso electivo sobre diseño de páginas web y HTML5. Incluye la definición, nuevos elementos, y un icono para HTML5. El formulario solicita información personal de un cliente así como detalles de un préstamo, y incluye funciones para grabar, modificar, y eliminar datos del cliente.

    Descripción original:

    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?

    La tabla muestra los detalles de un curso electivo sobre diseño de páginas web y HTML5. Incluye la definición, nuevos elementos, y un icono para HTML5. El formulario solicita información personal de un cliente así como detalles de un préstamo, y incluye funciones para grabar, modificar, y eliminar datos del cliente.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    37 vistas3 páginas

    HTML 5 Tablas Formularios

    Cargado por

    Enzo Timon Quiñones Correa
    La tabla muestra los detalles de un curso electivo sobre diseño de páginas web y HTML5. Incluye la definición, nuevos elementos, y un icono para HTML5. El formulario solicita información personal de un cliente así como detalles de un préstamo, y incluye funciones para grabar, modificar, y eliminar datos del cliente.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 3

    1

    HTML 5 Tablas - Formularios


    1. Elaborar una tabla que tenga
    las siguientes caractersticas
    Nota: Usando el software Notepad ++, implementamos el siguiente cdigo (Nombre del archivo:
    index_tabla.html)
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Tablas</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <table border="2" width="50%" align="center">
    <caption>Titulo de la Tabla</caption>
    <tr>
    <th colspan="3" >celda0</th>
    </tr>
    <tr>
    <td>celda1</td>
    <td>celda2</td>
    <td>celda3</td>
    </tr>
    <tr>
    <td rowspan="3">celda4</td>
    <td>celda5</td>
    <td>celda6</td>
    </tr>
    <tr>
    <td>celda8</td>
    <td>celda9</td>
    </tr>
    <tr>
    <td>celda11</td>
    <td>celda12</td>
    </tr>
    </table>
    </body>
    </html>
    2
    2. Elaborar un formulario que tenga las siguientes
    caractersticas
    Nota: Usando el software Notepad ++, implementamos el siguiente cdigo (Nombre del archivo:
    index_formulario.html)
    <!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <title> Formulario HTML5</title>
    </head>
    <body>
    <h1>Mi Formulario</h1>
    <form>
    <label>Carga tu foto de perfil: </label>
    <br/>
    <input type="file" accept="image/*">
    <label>Tu nombre: </label>
    <input type="text" autofocus>
    <br/>
    <label>Tu Tu numero telefonico: </label>
    <input type="tel">
    <br/>
    <label>Tu correo: </label>
    <input type="email" placeholder="Anota tu correo">
    <br/>
    <label>Tu fecha de nacimiento: </label>
    <input type="date">
    <br/>
    <label>Dime que hora es: </label>
    <input type="time" required>
    <br/>
    <label>Dime tu color favorito: </label>
    <input type="color">
    <br/>
    <label>Dame tu pagina: </label>
    <input type="url">
    <br/>
    <label>Tipo de sangre: </label>
    <input type="text" pattern="[A-Z]{1}">
    <br/>
    <input type="submit" value="Listo">
    </form>
    </body>
    </html>
    3
    Trabajo
    1. Disear la siguiente Tabla usando HTML5
    CURSO ELECTIVO 1
    Diseo de Pginas Web
    HTML5
    Definicin Nuevos Elementos Icono
    HTML5 (HyperText Markup Language,
    versin 5) es la quinta revisin
    importante del lenguaje bsico de
    la World Wide Web, HTML. HTML5
    especifica dos variantes de sintaxis
    para HTML: un clsico HTML
    (text/html), la variante conocida
    como HTML5 y una variante XHTML
    conocida como sintaxis XHTML5 que
    deber ser servida como
    XML).
    1 2
    Esta es la primera vez que
    HTML y XHTML se han desarrollado
    en paralelo
    HTML5 establece una serie de
    nuevos elementos y atributos
    que reflejan el uso tpico de los
    sitios web modernos. Algunos
    de ellos son tcnicamente
    similares a las
    etiquetas <div> y <span>, pero
    tienen un significado semntico,
    como por
    ejemplo <nav> (bloque de
    navegacin del sitio web)
    y <footer>. Otros elementos
    proporcionan nuevas
    funcionalidades a travs de una
    interfaz estandarizada, como los
    elementos <audio> y <video>.
    Mejora el elemento <canvas>,
    capaz de renderizar elementos
    3D en los navegadores ms
    importantes (Mozilla, Chrome,
    Opera, Safari e IE)
    Universidad Privada
    San Pedro
    2. Implementar un Formulario para la siguiente Clase utilizando las etiquetas de HTML5, los controles
    debern de estar correctamente validados, debe de usar los atributos para la validacin.
    Nota: Crear 2 archivos con extensin html, comprimir los archivos y enviarlo por el aula virtual.
    Cliente
    dni : String
    nombre : String
    apellido : String
    fecha_nacimiento : Date
    telefono : String
    email : String
    direccion : String
    monto_credito : Integer
    grabar()
    modificar()
    eliminar()

    También podría gustarte