Documente Academic
Documente Profesional
Documente Cultură
Prctica No. 1. ETIQUETAS DE APERTURA..................................................................................... 3 Prctica No. 2. ESTRUCTURA BSICA ............................................................................................ 3 Prctica No. 3. PRRAFOS ............................................................................................................. 4 Prctica No. 4. ENCABEZADOS ...................................................................................................... 5 Prctica No. 5. CENTRADO ............................................................................................................ 6 Prctica No. 6. SEPARADOR HORIZONTAL .................................................................................... 6 Prctica No. 7. SEPARADOR HORIZONTAL ANCHO ....................................................................... 7 Prctica No. 8. SEPARADOR NOSHADE ......................................................................................... 7 Prctica No. 9. SEPARADOR NOSHADE SIZE .................................................................................. 8 Prctica No. 10. DERECHA ............................................................................................................. 8 Prctica No. 11. IZQUIERDA .......................................................................................................... 9 Prctica No. 12. ETIQUETAS ANIDADAS ........................................................................................ 9 Prctica No. 13. SALTO DE LNEA ................................................................................................ 10 Prctica No. 14. TEXTO CON TAMAO MENOR .......................................................................... 11 Prctica No. 15. TEXTO CON TAMAO MAYOR .......................................................................... 12 Prctica No. 16. NEGRITAS Y CURSIVAS ...................................................................................... 13 Prctica No. 17. Tipo de fuente ................................................................................................... 14 Prctica No. 18. TEXTO PREFORMATEADO ................................................................................. 15 Prctica No. 19. TAMAO DE FUENTE ........................................................................................ 17 Prctica No. 20. CITA TEXTUAL .................................................................................................... 19 Prctica No. 21. VIETAS............................................................................................................. 21 Prctica No. 22. ANIDAR VIETAS ............................................................................................... 22 Prctica No. 23. VIETAS CUADRADAS ....................................................................................... 23 Prctica No. 24. VIETAS CON NMEROS ROMANOS ................................................................ 24 Prctica No. 25. COLOR DE TEXTO .............................................................................................. 25 Prctica No. 26. COLOR DE FONDO ............................................................................................. 26 Prctica No. 27. IMAGEN DE FONDO .......................................................................................... 27 Prctica No. 28. IMAGEN DE BOTN .......................................................................................... 28 Prctica No. 29. ANCLAS O MARCADORES .................................................................................. 29 Prctica No. 30. ENLACE CON UNA PGINA DE INTERNET ......................................................... 31 Prctica No. 31. ENLACE DE CORREO ELECTRNICO .................................................................. 32 Prctica No. 32. ENLAZAR A OTRA PGINA UTILIZANDO UNA IMAGEN ..................................... 33
1 MAGN Alberto Karim Gmez Vzquez
Prctica No. 33. TEXTO ALTERNATIVO ........................................................................................ 34 Prctica No. 34. ENLACE UTILIZANDO UNA IMAGEN PARA VER OTRA IMAGEN ........................ 35 Prctica No. 35. ENLACE A UN DOCUMENTO ............................................................................. 36 Prctica No. 36. ENLACE TEXTO A UNA IMAGEN ....................................................................... 37 Prctica No. 37. TEXTO CON RESPECTO A LA IMAGEN .............................................................. 38 Prctica No. 38. LETRAS Y CARACTERES ESPECIALES .................................................................. 39 Prctica No. 39. TABLAS .............................................................................................................. 41 Prctica No. 40. TABLAS CON BORDE.......................................................................................... 42 Prctica No. 41. COLOR DE BORDE.............................................................................................. 43 Prctica No. 42. SEPARACIN ENTRE LAS CELDAS DE UNA TABLA ............................................. 44 Prctica No. 43. SEPARACIN ENTRE EL CONTENIDO Y EL BORDE DE LA CELDA ....................... 46 Prctica No. 44. DIMENSIONES DE TABLA Y CELDAS .................................................................. 48 Prctica No. 45. TABLAS FILAS DESIGUALES................................................................................ 50 Prctica No. 46. IMAGEN EN UNA TABLA.................................................................................... 51 Prctica No. 47. TTULO DE LA TABLA ......................................................................................... 53 Prctica No. 48. CELDAS DE CABECERA ....................................................................................... 55 Prctica No. 49. CELDAS QUE ABARCAN A OTRAS CELDAS ......................................................... 56 Prctica No. 50. UNA CELDA OCUPE EL ESPACIO DE VARIAS FILAS ............................................ 57 Prctica No. 51. POSICIN DEL CONTENIDO DENTRO DE LA CELDA........................................... 58 Prctica No. 52. ALINEACIN DE TEXTO EN UNA CELDA ARRIBA O ABAJO ................................ 60 Prctica No. 53. DIMENSIONES DE LAS CELDAS .......................................................................... 61 Prctica No. 54. COLOR DE FONDO DE LA TABLA ....................................................................... 62 Prctica No. 55. COLOR DE FONDO DE LAS CELDAS.................................................................... 63 Prctica No. 56. IMAGEN DE FONDO DE LA TABLA ..................................................................... 64 Prctica No. 57. IMAGEN DE FONDO DE LA CELDA ..................................................................... 65
PRCTICAS DE HTML
HTML es un lenguaje de hipertexto, Nos sirve para modelar texto, Trabaja con etiquetas y cada etiqueta indicar algo. <etiquetas> < abre >cierra Su extensin es HTML
Ejemplo: <HTML> <HEAD> <TITLE>TIPO DE FUENTE</TITLE> </HEAD> <BODY> TIPO DE FUENTE <P> <HR> <CENTER><H1><B><I>INSTITUTO MAR DE CORTES</I></B></H1></CENTER> <HR> <CENTER><H1>Tipo de fuente</H1></CENTER> <HR> <H3> <FONT face="Arial"> Fuente Arial <BR> </FONT> <FONT face="Arial Black"> Fuente Arial Black <BR> </FONT> <FONT face="Comic Sans MS"> Fuente Comic Sans MS <BR> </FONT> <FONT face="Courier New"> Fuente Courier New <BR> </FONT> <FONT face="Georgia"> Fuente Georgia <BR> </FONT> <FONT face="Impact"> Fuente Impact <BR> </FONT> <FONT face="Times New Roman"> Fuente Times New Roman <BR> </FONT> <FONT face="Trebuchet MS"> Fuente Trebuchet MS <BR> </FONT> <FONT face="Verdana"> Fuente Verdana <BR> </FONT> </H3> </BODY> </HTML>
escribir antiguas (tipo curier) respetar los espacios en blanco y los saltos de linea sin necesidad de incluir ninguna etiqueta ms </PRE> </BODY> </HTML>
<HTML> <HEAD> <TITLE>ATRIBUTO FACE</TITLE> </HEAD> <BODY TEXT="#0000FF"> <font face="Comic Sans MS,">Este texto tiene otra tipografa</font> <HR> <CENTER>IMC</CENTER> <HR> <CENTER>ATRIBUTO FACE</CENTER> <HR> Podemos crear un texto que aparezca muy colorido con la etiqueta TEXT y con el atributo face, podemos cambiar el tipo de letra. </BODY> </HTML>
HIPERVNCULOS
Una de las caractersticas fundamentales de las pginas web es la posibilidad de enlazar distintos documentos La sintaxis para crear un enlace es: <A HREF=yahoo.com.mx>Enlace</A> Entre comilla se pone la ruta de la pgina a la que queremos dirigir el enlace. Podemos distinguir 4 tipos de enlaces que son: Enlaces dentro de la misma pgina Enlace con otra pgina de forma local Enlace con una pgina ya publicada en Internet Enlaces con una direccin de correo electrnico
<BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <font face="ARIAL" SIZE"14"><A name="seccion2">Esta es la seccin 2</A></FONT> <A HREF="#principio">Vamos al principo del documento</A> <BR> <BR> <a name="final">Este es el final del documento!!</a> </BODY> </HTML>
Prctica No. 34. ENLACE UTILIZANDO UNA IMAGEN PARA VER OTRA IMAGEN
<HTML> <HEAD> <TITLE>VINCULO CON IMAGEN</TITLE> </HEAD> <BODY> Conoce el logo del IMC:<P> <A HREF="imagenes/logo_mar_de_cortes.jpg"> <img src="imagenes/logo_mar_de_cortes2.jpg"> </A> </BODY> </HTML>
<HTML> <HEAD> <TITLE>TABLAS</TITLE> </HEAD> <BODY> <center> <TABLE> <table border="5" bordercolor="#ab4322" cellspacing="20" cellpadding="12" width="30%"> <TR> <TD>CELDA1 FILA1</TD> <TD>CELDA2 FILA1</TD> <TD>CELDA3 FILA1</TD> </TR> <TR> <TD>CELDA1 FILA2</TD> <TD>CELDA2 FILA2</TD> <TD>CELDA3 FILA2</TD> </TR> <TR> <TD>CELDA1 FILA3</TD> <TD>CELDA2 FILA3</TD> <TD>CELDA3 FILA3</TD> </TR> </table> </center> </BODY> </HTML>