Embed Size (px)
Citation preview
1
HTML 5 – Tablas - Formularios
1. Elaborar una tabla que tengalas siguientes características
Nota: Usando el software Notepad ++, implementamos el siguiente código (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 siguientescaracterísticas
Nota: Usando el software Notepad ++, implementamos el siguiente código (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
Trabajo1. Diseñar la siguiente Tabla usando HTML5
CURSO ELECTIVO 1
Diseño de Páginas Web
HTML5
Definición Nuevos Elementos IconoHTML5 (HyperText Markup Language,versión 5) es la quinta revisiónimportante del lenguaje básico dela World Wide Web, HTML. HTML5especifica dos variantes de sintaxispara HTML: un «clásico» HTML(text/html), la variante conocidacomo HTML5 y una variante XHTMLconocida como sintaxis XHTML5 quedeberá ser servida comoXML).1 2 Esta es la primera vez queHTML y XHTML se han desarrolladoen paralelo
HTML5 establece una serie denuevos elementos y atributosque reflejan el uso típico de lossitios web modernos. Algunosde ellos son técnicamentesimilares a lasetiquetas <div> y <span>, perotienen un significado semántico,como porejemplo <nav> (bloque denavegación del sitio web)y <footer>. Otros elementosproporcionan nuevasfuncionalidades a través de unainterfaz estandarizada, como loselementos <audio> y <video>.Mejora el elemento <canvas>,capaz de renderizar elementos3D en los navegadores másimportantes (Mozilla, Chrome,Opera, Safari e IE)
Universidad PrivadaSan Pedro
2. Implementar un Formulario para la siguiente Clase utilizando las etiquetas de HTML5, los controlesdeberán de estar correctamente validados, debe de usar los atributos para la validación.
Nota: Crear 2 archivos con extensión html, comprimir los archivos y enviarlo por el aula virtual.
Clientedni : Stringnombre : Stringapellido : Stringfecha_nacimiento : Datetelefono : Stringemail : Stringdireccion : Stringmonto_credito : Integer
grabar()modificar()eliminar()
