12
HTML APLICACIONES EDUCATIVAS WEB LIC. TECNOLOGIA EDUCATIVA

Html practica4y5

Embed Size (px)

Citation preview

HTML

APLICACIONES EDUCATIVAS WEBLIC. TECNOLOGIA EDUCATIVA

ESTRUCTURA DE HTMLLas tres etiquetas que describen su estructura general son: • <html>: indica que se inicia el documento. • <head>: incluye el titulo de la pagina (<title>) que se

muestra en la barra de titulo • del navegador. • <body>: contiene la informacion visible. •



Investiga: Las etiquetas principales de html

ETIQUETA FUNCIÓN

Concentra la informacion en una tabla similar a esta.

PRACTICA 43. Diseno3.4 Marcos y Tablas

Aplica las siguientes etiquetas a la practica anterior(3)

PRACTICA 41. Utilizar las siguientes etiquetas y verificar el resultado:<TABLE><TR> </TR> <TR> </TR> </TABLE>2. Utilizar las siguientes etiquetas y verificar los resultados:<TR><TD> Columna1 </TD> <TD> Columna2 </TD></TR>3. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE><TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD>

</TR><TR><TD> Fila2,Columna1 </TD> <TD>Fila2,Columna2</TD></TR></TABLE>4. Utilizar las etiquetas siguientes y verificar los resultados:<TABLE BORDER="5"><TR><TH>Encabezado1</TH><TH>Encabezado2</TH><TH>Encabezado3</TH></TR><TR><TD>Fila1,Columna1</TD><TD>

Fila1,Columna2 </TD></TR><TR> <TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TR></TABLE>5. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE BORDER="5"><TR><TH>Encabezado1</TH><TH>Encabezado2</TH><TH>Encabezado3</TH></TR><TR><TD>Fila1,Columna1

</TD><TD>Fila1,Columna2</TD><TD><BR></TD></TR><TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD><TD></TD></TR></TABLE>6. Determinar las diferencias entre las etiquetas utilizadas en el punto 4 y en el punto 5.7. Utilizar las etiquetas siguientes y verificar los resultados:<TABLE><CAPTION> Titulo de la tabla </CAPTION>... Codigo de la tabla ...</TABLE>8. Utilizar las siguientes etiquetas y verificar los resultados:

Con la infomación anterior realiza las siguientes practicas en HTML.8. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE><CAPTION ALIGN="top"> <BIG><B>Tabla de ejemplo</B></BIG></CAPTION><TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TABLE>9. Utilizar las etiquetas siguientes y verificar los resultados:<TABLE ALIGN="left">...Codigo de la tabla...</TABLE>

10. Utilizar las etiquetas siguientes y verificar los resultados:<TABLE BORDER="1"><TR ALIGN="right"VALIGN="bottom"><TD>Celda1</TD><TD>Celda2</TD><TD ALIGN="left"VALIGN="top"> Celda3 </TD></TR></TABLE>11. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE><TR> <TD WIDTH="50"HEIGHT="50"><IMG SRC="img.gif"WIDTH="100"HEIGHT="100"></TD></TR></TABLE>12. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE><TR>

12. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE><TR> <TD NOWRAP> Texto </TD> </TR></TABLE>13. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE CELLSPACING="10"BORDER="1">... Codigo de la tabla ...</TABLE>14. Utilizar las siguientes etiquetas y verificar los resultados:<TABLE CELLPADDING="10"BORDER="1"ALIGN="LEFT">... Codigo de la tabla ...</TABLE>

Con la infomación de tu investigación realiza las siguientes practicas en HTML.15. Construir una tabla, minimo de 3 columnas y 5 filas con la informacion recabada inicialmente; incluir por lo menos dos imagenes.

16. Desplegar la tabla en dos navegadores; imprimir las pantallas, complementandolas con su punto de vista, en relacion a la importancia de manejar informacion utilizando tablas, especificamente en paginas web educativas y enviarlas al profesor.

PRACTICA 5. Con la infomación de tu investigación realiza las siguientes practicas en HTML.

Construir una tabla, minimo de 3 columnas y 5 filas con la informacion recabada inicialmente; incluir por lo menos dos imagenes.

Ejecuta el archivo html; imprimir las pantallas, e insertalas en un documento WORD, al final da tu punto de vista, en relacion a la importancia de manejar informacion utilizando tablas, especificamente en paginas web educativas y enviarlas al profesor.

ACTIVIDAD EXTRA: GUARDA TODAS TUS PRACTICAS EN UNA CARPETA CON TU NOMBRE Y SUBELAS A LA CARPETA DE DROPBOX QUE TE COMPARTI CON EL NOMBRE DE APLICACIONES EDUATIAS WEB-15/PARCIAL1/NOMBRE DEL ALUMNO.

NOTA: A LOS QUE NO LE LLEGARA LA CARPETA COMPARTIDA DE DROPBOX FAVOR DE MANDARME SU CORREO PARA COMPARTIRLO.


<!doctype html><html><head><script type=