Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!
EN
Home Explore lenguaje de programacion atom folleto 1

lenguaje de programacion atom folleto 1

Published by cetpropfl, 2019-08-26 22:42:58

Description: lenguaje de programacion atom folleto 1

Search

Read the Text Version

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA ... </head> <body> ... </body> </html> El DOCTYPE también puede ser: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> 14.2. CABECERA XHTML Las cabeceras HTML pueden llegar a ser muy grandes, ya que incluyen toda la metainformación de la página y los enlaces a todos los recursos externos (hojas de estilos CSS, archivos JavaScript y archivos RSS). <head> <title>Título de la página</title> <meta http-equiv=\"content-type\" content=\"text/html; charset=iso-8859-1\" / > <meta name=\"description\" content=\"...\" /> ... <meta name=\"author\" content=\"...\" /> LENGUAJE DE PROGRAMACION PAG. 201

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <style type=\"text/css\" media=\"screen,projection\"> @import '/css/archivo.css'; </style> <link rel=\"stylesheet\" type=\"text/css\" href=\"/css/impresora.css\" media=\"p rint\" /> <link rel=\"stylesheet\" type=\"text/css\" href=\"/css/movil.css\" media=\"handh eld\" /> <link rel=\"shortcut icon\" href=\"/favicon.ico\" type=\"image/ico\" /> <link rel=\"alternate\" type=\"application/rss+xml\" title=\"...\" href=\"/archi vo_rss.xml\" /> <script type=\"text/javascript\" src=\"/js/archivo.js\"></script> <style type=\"text/css\"> /* Código CSS */ </style> LENGUAJE DE PROGRAMACION PAG. 202

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <script type=\"text/javascript\"> //<![CDATA[ // Código JavaScript //]]> </script> </head> 14.3. TABLA Las tablas XHTML complejas están formadas por cabecera, pie y uno o más cuerpos. Además, es necesario incluir atributos como summary y scope para mejorar la accesibilidad. <table summary=\"Descripción de la tabla y su contenido\"> <caption>Título de la tabla</caption> <thead> <tr> <th scope=\"col\"></th> <th scope=\"col\">Cabecera columna 1</th> <th scope=\"col\">Cabecera columna 2</th> </tr> </thead> LENGUAJE DE PROGRAMACION PAG. 203

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <tfoot> <tr> <th scope=\"col\"></th> <th scope=\"col\">Cabecera columna 1</th> <th scope=\"col\">Cabecera columna 2</th> </tr> </tfoot> <tbody> <tr> <th scope=\"row\">Cabecera fila 1</th> <td>...</td> <td>...</td> </tr> <tr> <th scope=\"row\">Cabecera fila 2</th> <td>...</td> <td>...</td> </tr> LENGUAJE DE PROGRAMACION PAG. 204

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </tbody> </table> 14.4. FORMULARIO Los formularios complejos agrupan sus campos mediante las etiquetas <fieldset> y <legend>. Además, cada campo debe incluir su título mediante la etiqueta <label>. <form id=\"identificador\" method=\"post\" action=\"\" enctype=\"multipart/form- data\"> <fieldset> <legend>Título del formulario</legend> <label for=\"campo_texto\">Campo de texto</label> <input id=\"campo_texto\" name=\"campo_texto\" type=\"text\" maxlength=\"255\" va lue=\"\"/> <label for=\"campo_areatexto\">Area de texto</label> <textarea id=\"campo_areatexto\" name=\"campo_areatexto\" rows=\"10\" cols=\"50\" ></textarea> LENGUAJE DE PROGRAMACION PAG. 205

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <label for=\"campo_desplegable\">Lista desplegable</label> <select id=\"campo_desplegable\" name=\"campo_desplegable\"> <option value=\"0\" selected=\"selected\">- selecciona -</option> <option value=\"1\">Valor 1</option> <option value=\"2\">Valor 2</option> <option value=\"3\">Valor 3</option> </select> <label for=\"campo_fichero\">Subir un fichero</label> <input id=\"campo_fichero\" name=\"campo_fichero\" type=\"file\" value=\"\"/> <input type=\"radio\" id=\"valor1\" name=\"campo_radio\" value=\"valor1\" checked =\"checked\" /> <label for=\"valor1\">Valor 1</label> <input type=\"radio\" id=\"valor2\" name=\"campo_radio\" value=\"valor2\" /> <label for=\"valor2\">Valor 2</label> <input id=\"campo_check\" name=\"campo_check\" type=\"checkbox\" value=\"valor1\" checked=\"checked\"/> LENGUAJE DE PROGRAMACION PAG. 206

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <label for=\"campo_check\">Campo check 1</label> <input id=\"boton_enviar\" type=\"submit\" value=\"Enviar formulario\" /> </fieldset> </form> LENGUAJE DE PROGRAMACION PAG. 207

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA EJERCICIOS DE LENGUAJE DE PROGRAMACION 2019 Capítulo 15. Ejercicios resueltos 15.1. EJERCICIO 1 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <title>El primer documento HTML</title> </head> <body> <p>El lenguaje HTML es <strong>tan sencillo</strong> que practicamente se entiende sin estudiar el significado de sus etiquetas principales.</p> <p>Ademas de textos en <strong>negrita</strong>, tambien se pueden poner <em>en cursiva</em> o <del>tachados</del>.</p> </body> </html> LENGUAJE DE PROGRAMACION PAG. 208

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA Descargar solución completa 15.2. EJERCICIO 2 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>La exploración espacial</title> </head> <body> <h2>La exploración espacial</h2> <p>La <strong>exploración espacial</strong> designa los esfuerzos del hom bre en estudiar el espacio y sus astros desde el punto de vista científic o y de su explotación económica. Estos esfuerzos pueden involucrar tanto seres humanos viajando en naves espaciales como satélites con recursos de telemetría o sondas teleguiadas enviadas a otros planetas (orbitando o at errizando en la superficie de estos cuerpos celestes).</p> LENGUAJE DE PROGRAMACION PAG. 209

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p>Las personas que pilotan naves espaciales, o son pasajeros en ellas, s e llaman astronautas (en Rusia: <em>cosmonautas</em>; en China: <em>taiko nautas</em>). Técnicamente se considera astronauta a todo aquel que empre nda un vuelo sub-orbital (sin entrar en órbita) u orbital a como mínimo 1 00 km de altitud (considerado el límite externo de la atmósfera).</p> <p>El cielo siempre ha atraído la atención y los sueños del hombre. Ya en 1634 se publicó la que se considera primera novela de ciencia ficción, <e m>Somnium</em>, de <strong>Johannes Kepler</strong>, que narra un hipotét ico viaje a la Luna. Más tarde, en 1865, en una famosa obra de ficción ti tulada <em>\"De la Terre à la Lune\"</em>, <strong>Julio Verne</strong> esc ribe sobre un grupo de hombres que viajó hasta la Luna usando un gigantes co cañón.</p> <p>En Francia, <strong>Georges Méliès</strong>, uno de los pioneros del c ine, tomaba la novela de Verne para crear <em>\"Le voyage dans la Lune\"</e m> (1902), una de las primeras películas de ciencia ficción en la que des cribía un increíble viaje a la Luna. En obras como <em>\"The War of the Wo rlds\"</em> (1898) y <em>\"The First Men in The Moon\"</em> (1901), <strong> Herbert George Wells</strong> también se concibieron ideas de exploración del espacio y de contacto con civilizaciones extraterrestres.</p> </body> LENGUAJE DE PROGRAMACION PAG. 210

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </html> Descargar solución completa 15.3. EJERCICIO 3 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://ww w.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\" / > <title>El Ártico ha perdido el 14% de su hielo marino perenne en un solo año</title> </head> <body> <h1>El Ártico ha perdido el 14% de su hielo marino perenne en un solo año </h1> LENGUAJE DE PROGRAMACION PAG. 211

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p><strong>WASHINGTON.-</strong> El hielo perenne del Ártico se redujo en un 14% durante el último año, al perder <strong>720.000 kilómetros cuadra dos</strong>, una superficie superior a la Península Ibérica, según datos de la <acronym title=\"National Aeronautics and Space Administration\">NASA </acronym>.</p> <p>Según el <acronym title=\"Laboratorio de Propulsión a Chorro\">JPL</acro nym>, la pérdida del hielo perenne, que debiera mantenerse durante todo e l verano, fue todavía mayor y se acercó a un 50% en el momento en que ese hielo se desplazaba desde el Ártico oriental hacia el oeste.</p> <p><strong>Son Nghiem</strong>, investigador del <acronym title=\"Laborato rio de Propulsión a Chorro\">JPL</acronym> ha declarado que:</p> <blockquote><em>\"Los cambios registrados en esos años en el hielo ártico son rápidos y espectaculares. De mantenerse la situación, ésta tendrá un impacto profundo en el ambiente, así como en el transporte marino y el co mercio.\"</em></blockquote> </body> </html> Descargar solución completa LENGUAJE DE PROGRAMACION PAG. 212

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA 15.4. EJERCICIO 4 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Espacios en blanco arbitrarios</title> </head> <body> <h2>Características de los planetas</h2> <pre> Nombre Diametro relativo Período orbital Número de lunas ----------------------------------------------------------------- Mercurio 0,382 0,24 años 0 Venus 0,949 0,62 años 0 Tierra 1 1 año 1 LENGUAJE DE PROGRAMACION PAG. 213

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA Marte 0,532 1,88 años 2 Júpiter 11,209 11,86 años 49 Saturno 9,449 29,46 años 52 Urano 4,007 84,01 años 27 Neptuno 3,883 164,80 años 13 </pre> </body> </html> Descargar solución completa 15.5. EJERCICIO 5 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>La etiqueta blockquote</title> </head> LENGUAJE DE PROGRAMACION PAG. 214

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <body> <h1>Sintaxis de la etiqueta &lt;blockquote&gt;</h1> <p> La sintaxis de la etiqueta &lt;blockquote&gt; se muestra a continuación: <br/><br/> &lt;blockquote cite=&quot;<em>...direccion original de la cita...</em>&qu ot;&gt;Texto que se cita&lt;/blockquote&gt; </p> </body> </html> Descargar solución completa 15.6. EJERCICIO 6 Página principal LENGUAJE DE PROGRAMACION PAG. 215

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Mi Sitio</title> </head> <body> <h1>Mi Sitio</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculi s posuere justo. Nam vel neque. Proin sagittis mauris sit amet nisl. Sed ipsum. Aliquam vitae justo.</p> <h2>Ultimos proyectos</h2> LENGUAJE DE PROGRAMACION PAG. 216

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, portti tor eu, facilisis vitae, ornare sed, tortor.</p> <p><a href=\"portfolio/indice.html\" title=\"Ultimos proyectos realizados po r Mi Sitio\">Acceder a los ultimos proyectos de Mi Sitio</a></p> </body> </html> Página principal del portfolio <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Mi Sitio</title> </head> LENGUAJE DE PROGRAMACION PAG. 217

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <body> <p><a href=\"../indice.html\" title=\"Página principal de Mi Sitio\">Volver a la pagina principal</a></p> <h1>Ultimos proyectos</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculi s posuere justo. Nam vel neque.</p> <h3>Proyecto 1</h3> <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><a href=\"../imagenes/proyecto1.png\" title=\"Imagen del Proyecto 1\">Ver imagen del Proyecto 1</a></p> <h3>Proyecto 2</h3> LENGUAJE DE PROGRAMACION PAG. 218

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><a href=\"../imagenes/proyecto2.png\" title=\"Imagen del Proyecto 2\">Ver imagen del Proyecto 2</a></p> </body> </html> Descargar ZIP con la solución completa 15.7. EJERCICIO 7 Página principal <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <link rel=\"shortcut icon\" href=\"favicon.ico\" type=\"image/x-icon\" /> <title>Mi Sitio</title> </head> LENGUAJE DE PROGRAMACION PAG. 219

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <body> <h1>Mi Sitio</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculi s posuere justo. Nam vel neque. Proin sagittis mauris sit amet nisl. Sed ipsum. Aliquam vitae justo.</p> <h2>Ultimos proyectos</h2> <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, portti tor eu, facilisis vitae, ornare sed, tortor.</p> <p><a href=\"portfolio/indice.html\" title=\"Ultimos proyectos realizados po r Mi Sitio\">Acceder a los ultimos proyectos de Mi Sitio</a></p> </body> LENGUAJE DE PROGRAMACION PAG. 220

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </html> Página principal del portfolio <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <link rel=\"shortcut icon\" href=\"../favicon.ico\" type=\"image/x-icon\" /> <title>Mi Sitio</title> </head> <body> <p><a href=\"portfolio/indice.html\" title=\"Página principal de Mi Sitio\" r el=\"index\">Volver a la pagina principal</a></p> <h1>Ultimos proyectos</h1> LENGUAJE DE PROGRAMACION PAG. 221

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculi s posuere justo. Nam vel neque.</p> <h3>Proyecto 1</h3> <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><a href=\"../imagenes/proyecto1.png\" title=\"Imagen del Proyecto 1\" type =\"image/png\">Ver imagen del Proyecto 1</a></p> <h3>Proyecto 2</h3> <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><a href=\"../imagenes/proyecto2.png\" title=\"Imagen del Proyecto 2\" type =\"image/png\">Ver imagen del Proyecto 2</a></p> </body> LENGUAJE DE PROGRAMACION PAG. 222

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </html> Descargar ZIP con la solución completa 15.8. EJERCICIO 8 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Lista simple anidada</title> </head> <body> <h1>Menú</h1> <ul> <li>Inicio</li> <li> LENGUAJE DE PROGRAMACION PAG. 223

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <strong>Noticias</strong> <ul> <li><a href=\"#\" title=\"Ver las noticias más recientes\">Recientes</a ></li> <li><strong><a href=\"#\" title=\"Ver las noticias más leídas\">Más leí das</a></strong></li> <li><a href=\"#\" title=\"Ver las noticias más valoradas\">Más valorada s</a></li> </ul> </li> </ul> </body> </html> Descargar solución completa 15.9. EJERCICIO 9 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> LENGUAJE DE PROGRAMACION PAG. 224

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Lista compleja anidada</title> </head> <body> <h1>Menú</h1> <ul> <li>Inicio</li> <li> <strong>Noticias</strong> <ul> <li><a href=\"#\" title=\"Ver las noticias más recientes\">Recientes</a ></li> <li><strong><a href=\"#\" title=\"Ver las noticias más leídas\">Más leí das</a></strong></li> LENGUAJE DE PROGRAMACION PAG. 225

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <li><a href=\"#\" title=\"Ver las noticias más valoradas\">Más valorada s</a></li> </ul> </li> <li> Artículos <ol> <li><strong>XHTML</strong></li> <li>CSS</li> <li>JavaScript</li> <li>Otros</li> </ol> </li> <li> Contacto <dl> <dt><em>Email</em></dt> <dd><strong>[email protected]</strong></dd> <dt><em>Teléfono</em></dt> <dd>900 900 900</dd> LENGUAJE DE PROGRAMACION PAG. 226

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <dt><em>Fax</em></dt> <dd>900 900 900</dd> </dl> </li> </ul> </body> </html> Descargar solución completa 15.10. EJERCICIO 10 Página principal del portfolio <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <link rel=\"shortcut icon\" href=\"../favicon.ico\" type=\"image/x-icon\" /> <title>Mi Sitio</title> </head> LENGUAJE DE PROGRAMACION PAG. 227

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <body> <p><a href=\"portfolio/indice.html\" title=\"Página principal de Mi Sitio\" r el=\"index\">Volver a la pagina principal</a></p> <h1>Ultimos proyectos</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculi s posuere justo. Nam vel neque.</p> <h3>Proyecto 1</h3> <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><img src=\"../imagenes/proyecto1.png\" title=\"Imagen del Proyecto 1\" />< /p> <h3>Proyecto 2</h3> LENGUAJE DE PROGRAMACION PAG. 228

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <p>Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignis sim justo, et euismod enim odio sit amet erat.</p> <p><img src=\"../imagenes/proyecto2.png\" title=\"Imagen del Proyecto 2\" />< /p> </body> </html> Descargar ZIP con la solución completa 15.11. EJERCICIO 11 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Ejemplo de tabla sencilla</title> </head> LENGUAJE DE PROGRAMACION PAG. 229

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <body> <h1>Su pedido</h1> <table> <tr> <th scope=\"col\">Nombre producto</th> <th scope=\"col\">Precio unitario</th> <th scope=\"col\">Unidades</th> <th scope=\"col\">Subtotal</th> </tr> <tr> <td>Reproductor MP3 (80 GB)</td> <td>192.02</td> <td>1</td> <td>192.02</td> </tr> LENGUAJE DE PROGRAMACION PAG. 230

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <tr> <td>Fundas de colores</td> <td>2.50</td> <td>5</td> <td>12.50</td> </tr> <tr> <td>Reproductor de radio &amp; control remoto</td> <td>12.99</td> <td>1</td> <td>12.99</td> </tr> <tr> <th scope=\"row\">TOTAL</th> <td>-</td> <td>7</td> <td><strong>207.51</strong></td> LENGUAJE DE PROGRAMACION PAG. 231

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </tr> </table> </body> </html> Descargar solución completa 15.12. EJERCICIO 12 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Ejemplo de tabla avanzada</title> </head> <body> <h1>Resultado de la búsqueda</h1> LENGUAJE DE PROGRAMACION PAG. 232

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <table summary=\"Tabla con los datos de los resultados de la búsqueda\"> <caption>Resultado de la búsqueda</caption> <tr> <th abbr=\"Imagen del producto\" scope=\"col\">Imagen</th> <th abbr=\"Datos del producto\" scope=\"col\">Datos</th> </tr> <tr> <td> <img src=\"imagenes/portatil.png\" alt=\"Imagen del ordenador portátil \" /> </td> <td> <h4><a href=\"#\" title=\"Ver más información sobre el portátil\">Portá til - 3 GHz - 4 GB RAM</a></h4> <p><a href=\"#\" title=\"Comprar el portátil\">Comprar:</a> <del>2.990 &euro;</del> <strong>2.599 &euro;</strong></p> </td> </tr> LENGUAJE DE PROGRAMACION PAG. 233

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <tr> <td><img src=\"imagenes/videocamara.png\" alt=\"Imagen de la videocámara \" /></td> <td> <h4><a href=\"#\" title=\"Ver más información sobre la videocámara\">Vi deocámara - Alta definición 1080p - 60 GB</a></h4> <p><a href=\"#\" title=\"Comprar la videocámara\">Comprar:</a> <del>1.0 99 &euro;</del> <strong>999 &euro;</strong></p> </td> </tr> <tr> <td><img src=\"imagenes/tv.png\" alt=\"Imagen del televisor\" /></td> <td> <h4><a href=\"#\" title=\"Ver más información sobre el televisor\">Tele visor - 46\" - Full HD</a></h4> <p><a href=\"#\" title=\"Comprar el televisor\">Comprar:</a> <del>1.999 &euro;</del> <strong>1.799 &euro;</strong></p> </td> </tr> LENGUAJE DE PROGRAMACION PAG. 234

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <tr> <td><img src=\"imagenes/movil.png\" alt=\"Imagen del móvil\" /></td> <td> <h4><a href=\"#\" title=\"Ver más información sobre el móvil\">Móvil - 3G - Wi-Fi - 8 GB</a></h4> <p><a href=\"#\" title=\"Comprar el móvil\">Comprar:</a> <del>399 &euro ;</del> <strong>349 &euro;</strong></p> </td> </tr> </table> </body> </html> Descargar ZIP con la solución completa 15.13. EJERCICIO 13 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> LENGUAJE DE PROGRAMACION PAG. 235

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Ejemplo de tabla compleja</title> </head> <body> <h3>Comparativa de reproductores MP3</h3> <table summary=\"Tabla comparativa de las características técnicas de los reproductores MP3\"> <caption>Tabla comparativa de las características técnicas de los repro ductores MP3</caption> <tr> <th></th> <th abbr=\"Reproductor mini\" scope=\"col\" colspan=\"3\"> <img src=\"imagenes/mp3_pequeno_blanco.png\" alt=\"Imagen del reproduc tor MP3 pequeño de color blanco\" /> LENGUAJE DE PROGRAMACION PAG. 236

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <img src=\"imagenes/mp3_pequeno_negro.png\" alt=\"Imagen del reproduct or MP3 pequeño de color negro\" /> <br/><strong>MP3 mini</strong> </th> <th abbr=\"Reproductor estándar\" scope=\"col\" colspan=\"2\"> <img src=\"imagenes/mp3_grande_blanco.png\" alt=\"Imagen del reproduct or MP3 grande de color blanco\" /> <img src=\"imagenes/mp3_grande_negro.png\" alt=\"Imagen del reproducto r MP3 grande de color negro\" /> <br/><strong>MP3 grande</strong> </th> </tr> <tr> <th scope=\"row\" abbr=\"Capacidad\">Capacidad de almacenamiento</th> <td>4GB <br/> (1.000 canciones)</td> <td>8GB <br/> (2.000 canciones)</td> <td>16GB <br/> (4.000 canciones)</td> <td>30GB <br/> (7.500 canciones)</td> <td>80GB <br/> (20.000 canciones)</td> LENGUAJE DE PROGRAMACION PAG. 237

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </tr> <tr> <th scope=\"row\" abbr=\"Colores disponibles\">Colores</th> <td> <img src=\"imagenes/color_blanco.png\" alt=\"Color blanco\" /> </td> <td> <img src=\"imagenes/color_negro.png\" alt=\"Color blanco\" /> <img src=\"imagenes/color_verde.png\" alt=\"Color verde\" /> <img src=\"imagenes/color_azul.png\" alt=\"Color azul\" /> <img src=\"imagenes/color_rosa.png\" alt=\"Color rosa\" /> </td> <td> <img src=\"imagenes/color_negro.png\" alt=\"Color negro\" /> </td> <td colspan=\"2\"> <img src=\"imagenes/color_blanco.png\" alt=\"Color blanco\" /> <img src=\"imagenes/color_negro.png\" alt=\"Color negro\" /> LENGUAJE DE PROGRAMACION PAG. 238

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </td> </tr> <tr> <th scope=\"row\" abbr=\"Tamaño de pantalla\">Pantalla</th> <td colspan=\"3\">LCD de 3 cm (diagonal) con retroiluminación</td> <td colspan=\"2\">LCD de 6 cm (diagonal) con retroiluminación</td> </tr> <tr> <th rowspan=\"2\" scope=\"row\" abbr=\"Tiempo de carga\">Tiempo de carga</t h> <td rowspan=\"2\" colspan=\"3\">Unas 3 horas</td> <td colspan=\"2\">Unas 4 horas</td> </tr> <tr> <td colspan=\"2\">Unas 2 horas para alcanzar el 80% de la capacidad</td > </tr> LENGUAJE DE PROGRAMACION PAG. 239

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </table> </body> </html> Descargar ZIP con la solución completa 15.14. EJERCICIO 14 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Rellena tu CV</title> </head> <body> LENGUAJE DE PROGRAMACION PAG. 240

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <h3>Rellena tu CV</h3> <form action=\"/php/insertar_cv.php\" method=\"post\" enctype=\"multipart/form -data\"> Nombre <br/> <input type=\"text\" name=\"nombre\" value=\"\" size=\"20\" maxlength=\"30\" /> <br/> Apellidos <br/> <input type=\"text\" name=\"apellidos\" value=\"\" size=\"50\" maxlength=\"80\" /> <br/> Contraseña <br/> <input type=\"password\" name=\"contrasena\" value=\"\" maxlength=\"10\" /> <br/> DNI <br/> LENGUAJE DE PROGRAMACION PAG. 241

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <input type=\"text\" name=\"dni\" value=\"\" size=\"10\" maxlength=\"9\" /> <br/> Sexo <br/> <input type=\"radio\" name=\"sexo\" value=\"hombre\" checked=\"checked\" /> Hombr e <br/> <input type=\"radio\" name=\"sexo\" value=\"mujer\" /> Mujer <br/><br/> Incluir mi foto <input type=\"file\" name=\"foto\" /> <br/><br/> <input name=\"suscribir\" type=\"checkbox\" value=\"suscribir\" checked=\"checke d\"/> Suscribirme al boletín de novedades <br/><br/> LENGUAJE DE PROGRAMACION PAG. 242

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <input type=\"submit\" name=\"enviar\" value=\"Guardar cambios\" /> <input type=\"reset\" name=\"limpiar\" value=\"Borrar los datos introducidos\" /> </form> </body> </html> Descargar solución completa 15.15. EJERCICIO 15 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Rellena tu CV</title> LENGUAJE DE PROGRAMACION PAG. 243

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA </head> <body> <h3>Rellena tu CV</h3> <form action=\"/php/insertar_cv.php\" method=\"post\" enctype=\"multipart/form -data\"> <fieldset> <legend>Datos personales</legend> <label for=\"provincia\">Provincia</label> <br/> <select id=\"provincia\" name=\"provincia\"> <option value=\"\" selected=\"selected\">- selecciona -</option> <option value=\"01\">Álava/Araba</option> <option value=\"02\">Albacete</option> <option value=\"03\">Alicante/Alacant</option> <option value=\"04\">Almería</option> <option value=\"33\">Asturias</option> LENGUAJE DE PROGRAMACION PAG. 244

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <option value=\"05\">Ávila</option> <option value=\"06\">Badajoz</option> <option value=\"07\">Balears (Illes)</option> <option value=\"08\">Barcelona</option> <option value=\"09\">Burgos</option> <option value=\"10\">Cáceres</option> <option value=\"11\">Cádiz</option> <option value=\"39\">Cantabria</option> <option value=\"12\">Castellón/Castelló</option> <option value=\"51\">Ceuta</option> <option value=\"13\">Ciudad Real</option> <option value=\"14\">Córdoba</option> <option value=\"15\">Coruña (A)</option> <option value=\"16\">Cuenca</option> <option value=\"17\">Girona</option> <option value=\"18\">Granada</option> <option value=\"19\">Guadalajara</option> <option value=\"20\">Guipúzcoa/Gipuzkoa</option> <option value=\"21\">Huelva</option> LENGUAJE DE PROGRAMACION PAG. 245

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <option value=\"22\">Huesca</option> <option value=\"23\">Jaén</option> <option value=\"24\">León</option> <option value=\"27\">Lugo</option> <option value=\"25\">Lleida</option> <option value=\"28\">Madrid</option> <option value=\"29\">Málaga</option> <option value=\"52\">Melilla</option> <option value=\"30\">Murcia</option> <option value=\"31\">Navarra</option> <option value=\"32\">Ourense</option> <option value=\"34\">Palencia</option> <option value=\"35\">Palmas (Las)</option> <option value=\"36\">Pontevedra</option> <option value=\"26\">Rioja (La)</option> <option value=\"37\">Salamanca</option> <option value=\"38\">Santa Cruz de Tenerife</option> <option value=\"40\">Segovia</option> <option value=\"41\">Sevilla</option> LENGUAJE DE PROGRAMACION PAG. 246

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <option value=\"42\">Soria</option> <option value=\"43\">Tarragona</option> <option value=\"44\">Teruel</option> <option value=\"45\">Toledo</option> <option value=\"46\">Valencia/València</option> <option value=\"47\">Valladolid</option> <option value=\"48\">Vizcaya/Bizkaia</option> <option value=\"49\">Zamora</option> <option value=\"50\">Zaragoza</option> </select> <br/><br/> <label for=\"fecha_dia\">Fecha de nacimiento</label> <br/> <input type=\"text\" size=\"3\" maxlength=\"2\" id=\"fecha_dia\" name=\"fecha_di a\" /> de <select id=\"fecha_mes\" name=\"fecha_mes\"> <option value=\"1\">Enero</option> <option value=\"2\">Febrero</option> LENGUAJE DE PROGRAMACION PAG. 247

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <option value=\"3\">Marzo</option> <option value=\"4\">Abril</option> <option value=\"5\">Mayo</option> <option value=\"6\">Junio</option> <option value=\"7\">Julio</option> <option value=\"8\">Agosto</option> <option value=\"9\">Septiembre</option> <option value=\"10\">Octubre</option> <option value=\"11\">Noviembre</option> <option value=\"12\">Diciembre</option> </select> de <input type=\"text\" size=\"5\" maxlength=\"4\" id=\"fecha_ano\" name=\"fecha_an o\" /> <br/><br/> <label for=\"temasDeInteres\">Temas de interés</label> <br/> <select multiple=\"multiple\" size=\"5\" id=\"temasDeInteres\" name=\"temasDeI nteres\"> LENGUAJE DE PROGRAMACION PAG. 248

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA <option value=\"3105\">Administración de bases de datos</option> <option value=\"3106\">Análisis y programación</option> <option value=\"3107\">Arquitectura</option> <option value=\"3108\">Calidad</option> <option value=\"3109\">ERP, CRM, Business Intelligence</option> <option value=\"3110\">Gestión de proyectos</option> <option value=\"3111\">Hardware, redes y seguridad</option> <option value=\"3112\">Helpdesk</option> <option value=\"3113\">Sistemas</option> <option value=\"3114\">Telecomunicaciones</option> </select> </fieldset> </form> </body> </html> Descargar solución completa LENGUAJE DE PROGRAMACION PAG. 249

CETPRO PILOTO FEMENINO DE LIMA FAMILIA COMPUTACIÓN E INFORMÁTICA 15.16. EJERCICIO 16 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.o rg/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"es\" xml:lang=\"es\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <title>Información sobre el producto</title> </head> <body> <h3>Información sobre el producto</h3> <form action=\"/php/insertar_subasta.php\" method=\"post\" enctype=\"multipart /form-data\"> <fieldset> <legend>Datos básicos</legend> LENGUAJE DE PROGRAMACION PAG. 250


cetpropfl

lenguaje de programacion atom folleto 1
Share
Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook

TOP SEARCH

business design fashion music health life sports home marketing children

RELATED PUBLICATIONS