Ejemplos HTML

17
SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE SISTEMA INTEGRADO DE GESTIÓN Proceso Gestión de la Formación Profesional Integral EJERCICIOS HTML Versión: 02 Fecha: 23/02/2015 Código: F004- P006-GFPI Desarrolle cada uno de los siguientes ejemplos en el Bloc de notas, cada ejemplo debe quedar en un documento diferente, al momento de guardarlo escriba el nombre del ejercicio y colóquele .html, guarde todos los ejercicios dentro de una misma carpeta, luego busque el archivo guardado y ábralo para ver los resultados obtenidos, explique para que sirve cada una de las etiquetas utilizadas en el ejercicio, ésto se debe hacer en un documento de Word. EJEMPLO 1. <html> <head> <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 hombre en estudiar el espacio y sus astros desde el punto de vista científico 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 aterrizando en la superficie de estos cuerpos celestes).</p> <p>Las personas que pilotan naves espaciales, o son pasajeros en ellas, se llaman astronautas (en Rusia: <em>cosmonautas</em>; en China: <em>taikonautas</em>). Técnicamente se considera astronauta a todo aquel que emprenda un vuelo sub-orbital (sin entrar en órbita) u orbital a como mínimo 100 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, <em>Somnium</em>, de <strong>Johannes Kepler</strong>, que narra un hipotético viaje a la Luna. Más tarde, en 1865, en una famosa obra de ficción titulada <em>"De la Terre à la Lune"</em>, <strong>Julio Verne</strong> escribe sobre

description

Ejercicios para realizar en html.

Transcript of Ejemplos HTML

SERVICIO NACIONAL DE APRENDIZAJE SENA GUA DE APRENDIZAJESISTEMA INTEGRADO DE GESTINProceso Gestin de la Formacin Profesional IntegralEJERCICIOS HTMLVersin: 02

Fecha: 23/02/2015

Cdigo: F004-P006-GFPI

Desarrolle cada uno de los siguientes ejemplos en el Bloc de notas, cada ejemplo debe quedar en un documento diferente, al momento de guardarlo escriba el nombre del ejercicio y colquele .html, guarde todos los ejercicios dentro de una misma carpeta, luego busque el archivo guardado y bralo para ver los resultados obtenidos, explique para que sirve cada una de las etiquetas utilizadas en el ejercicio, sto se debe hacer en un documento de Word.

EJEMPLO 1.

La exploracin espacial La exploracin espacial La exploracin espacial designa los esfuerzos del hombre en estudiar el espacio y sus astros desde el punto de vista cientfico y de su explotacin econmica. Estos esfuerzos pueden involucrar tanto seres humanos viajando en naves espaciales como satlites con recursos de telemetra o sondas teleguiadas enviadas a otros planetas (orbitando o aterrizando en la superficie de estos cuerpos celestes). Las personas que pilotan naves espaciales, o son pasajeros en ellas, se llaman astronautas (en Rusia: cosmonautas; en China: taikonautas). Tcnicamente se considera astronauta a todo aquel que emprenda un vuelo sub-orbital (sin entrar en rbita) u orbital a como mnimo 100 km de altitud (considerado el lmite externo de la atmsfera). El cielo siempre ha atrado la atencin y los sueos del hombre. Ya en 1634 se public la que se considera primera novela de ciencia ficcin, Somnium, de Johannes Kepler, que narra un hipottico viaje a la Luna. Ms tarde, en 1865, en una famosa obra de ficcin titulada "De la Terre la Lune", Julio Verne escribe sobre un grupo de hombres que viaj hasta la Luna usando un gigantesco can. En Francia, Georges Mlis, uno de los pioneros del cine, tomaba la novela de Verne para crear "Le voyage dans la Lune" (1902), una de las primeras pelculas de ciencia ficcin en la que describa un increble viaje a la Luna. En obras como "The War of the Worlds" (1898) y "The First Men in The Moon" (1901), Herbert George Wells tambin se concibieron ideas de exploracin del espacio y de contacto con civilizaciones extraterrestres.

EJEMPLO 2.

El rtico ha perdido el 14% de su hielo marino perenne en un solo ao El rtico ha perdido el 14% de su hielo marino perenne en un solo ao WASHINGTON.- El hielo perenne del rtico se redujo en un 14% durante el ltimo ao, al perder 720.000 kilmetros cuadrados, una superficie superior a la Pennsula Ibrica, segn datos de la NASA. Segn el JPL, la prdida del hielo perenne, que debiera mantenerse durante todo el verano, fue todava mayor y se acerc a un 50% en el momento en que ese hielo se desplazaba desde el rtico oriental hacia el oeste. Son Nghiem, investigador del JPL ha declarado que: "Los cambios registrados en esos aos en el hielo rtico son rpidos y espectaculares. De mantenerse la situacin, sta tendr un impacto profundo en el ambiente, as como en el transporte marino y el comercio."

EJEMPLO 3.

Espacios en blanco arbitrarios

Caractersticas de los planetas

## Nombre Dimetro relativo Perodo orbital Nmero de lunasMercurio 0,382 0,24 aos 0Venus 0,949 0,62 aos 0Tierra 1 1 ao 1Marte 0,532 1,88 aos 2Jpiter 11,209 11,86 aos 49Saturno 9,449 29,46 aos 52Urano 4,007 84,01 aos 27Neptuno 3,883 164,80 aos 13

EJEMPLO 4.

Mi Sitio Mi Sitio Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis posuere justo. Nam vel neque. Proin sagittis mauris sit amet nisl. Sed ipsum. Aliquam vitae justo. Ultimos proyectos Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, porttitor eu, facilisis vitae, ornare sed, tortor. Acceder a los ltimos proyectos de Mi Sitio

EJEMPLO 5.

Mi Sitio Mi Sitio Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis posuere justo. Nam vel neque. Proin sagittis mauris sit amet nisl. Sed ipsum. Aliquam vitae justo.Ultimos proyectosEtiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat. Aliquam dui ligula, porttitor eu, facilisis vitae, ornare sed, tortor.Acceder a los ltimos proyectos de Mi Sitio

Pgina principal del portafolio: ste cdigo va en otro documento porque se estn trabajando hipervnculos. Analice el cdigo y verifique si los enlaces funcionan, de lo contrario busque el error y corrjalo.

Mi Sitio

Volver a la pgina principalltimos proyectosLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis posuere justo. Nam vel neque.Proyecto 1Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat.Ver imagen del Proyecto 1Proyecto 2Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat.Ver imagen del Proyecto 2

EJERCICIO 6.

Lista simple anidada Menu

  • Inicio
  • Noticias
    • Recientes
    • Ms ledas
    • Ms valoradas

EJERCICIO 7.

Lista compleja anidada Menu

  • Inicio
  • Noticias
    • Recientes
    • Ms ledas
    • Ms valoradas
  • Artculos
    1. XHTML
    2. CSS
    3. JavaScript
    4. Otros
  • Contacto Email [email protected] Telfono 900 900 900 Fax 900 900 900

EJERCICIO 8.

Mi Sitio

Volver a la pgina principalltimos proyectosLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis posuere justo. Nam vel neque.Proyecto 1Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat.

Proyecto 2Etiam consectetuer, mauris vitae cursus scelerisque, dui turpis dignissim justo, et euismod enim odio sit amet erat.

EJERCICIO 9.

Ejemplo de tabla sencilla

Su pedido

Nombre producto Precio unitario Unidades Subtotal Reproductor MP3 (80 GB) 192.02 1 192.02 Fundas de colores 2.50 5 12.50 Reproductor de radio & control remoto 12.99 1 12.99 TOTAL - 7 207.51

EJERCICIO 10.

Ejemplo de tabla avanzada

Resultado de la bsqueda

Resultado de la bsqueda Imagen Datos Porttil - 3 GHz - 4 GB RAM Comprar: 2.990 2.599 Videocmara - Alta definicin 1080p - 60 GB Comprar: 1.099 999 Televisor - 46" - Full HD Comprar: 1.999 1.799 Mvil - 3G - Wi-Fi - 8 GB Comprar: 399 349

EJERCICIO 11.

Ejemplo de tabla compleja Comparativa de reproductores MP3

Tabla comparativa de las caractersticas tcnicas de los reproductores MP3
MP3 mini
MP3 grande Capacidad de almacenamiento 4GB
(1.000 canciones) 8GB
(2.000 canciones) 16GB
(4.000 canciones) 30GB
(7.500 canciones) 80GB
(20.000 canciones) Colores Pantalla LCD de 3 cm (diagonal) con retroiluminacin LCD de 6 cm (diagonal) con retroiluminacin Tiempo de carga Unas 3 horas Unas 4 horas Unas 2 horas para alcanzar el 80% de la capacidad

EJERCICIO 12.

Rellena tu CV Rellena tu CV

Nombre

Apellidos

Contrasea

DNI

Sexo
Hombre
Mujer

Incluir mi foto

Suscribirme al boletn de novedades

EJERCICIO 13. Cambie el nombre de las ciudades por departamentos de Colombia.

Rellena tu CV

Rellena tu CV

Datos personales Provincia
- selecciona - lava/Araba Albacete Alicante/Alacant Almera Asturias vila Badajoz Balears (Illes) Barcelona Burgos Cceres Cdiz Cantabria Castelln/Castell Ceuta Ciudad Real Crdoba Corua (A) Cuenca Girona Granada Guadalajara Guipzcoa/Gipuzkoa Huelva Huesca Jan Len Lugo Lleida Madrid Mlaga Melilla Murcia Navarra Ourense

Fecha de nacimiento
de Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre de

Temas de inters
Administracin de bases de datos Anlisis y programacin Arquitectura Calidad ERP, CRM, Business Intelligence Gestin de proyectos Hardware, redes y seguridad Helpdesk Sistemas Telecomunicaciones

EJERCICIO 14

Informacin sobre el producto

Informacin sobre el producto

Datos bsicos Nombre


Descripcin


Foto

Aadir contador de visitas

Datos econmicos Precio Impuestos 4% 7% 16% 25%

Promocin
Ninguno
Transporte gratuito
Descuento 5%