Está en la página 1de 2

ESTRUCTURA BSICA DE UN DOCUMENTO HTML Todos los documentos Html tienen la estructura que se muestra a continuacin, aunque la etiqueta

<body> puede ser sustituida por <frameset> para un tipo de pginas que dividen la ventana del navegador en varios cuadros (frames). <HTML> Inicia documento html <HEAD> Abre la Cabecera del documento <TITLE>Ttulo de la pgina</TITLE> ... </HEAD> Cierra la Cabecera <BODY> Abre el Cuerpo del documento Aqu ira el contenido de la pgina </BODY> Cierra el Cuerpo del documento </HTML> Cierra el documento html

Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo: <meta name="description" content="Informacin sobre el Centro,las enseanzas que se pueden cursar, los departamentos didcticos"> <meta name="keywords" content="educacin,enseanza,instituto, profesores, alumnos"> En este caso las etiquetas le indican a los buscadores el contenido de nuestras pginas (description) y algunas palabras clave (keywords) para su localizacin.

ETIQUETAS BSICAS PARA EL MANEJO DEL HTML <body bgcolor= > <body background=" "> <h1> hasta <h6> <font size=" "></font> <font color=" "></font> Color al fondo Imagen de fondo Tamaos del texto pre-establecidos. personalizado de la letra Color del Texto Color del Texto Tipo de letra Crear prrafos Alinear Centrado Alinear a la Derecha

<body text= "#000000"> </body> <font face=""></font> <p> </p> <p align="center"> <p align="right">

<p align="left"> <p align="justify"> <a href=" "> <BODY link= > <BODY vlink= > <BODY alink= > </a>

Alinear a la Izquierda Alinear Justificado Insertar un Hipervnculo Texto del vnculo con enlace Texto del enlace ya visitado Texto del enlace activo

<body link= "#FF0000" alink= "#FF0000" vlink= "# 0000FF"></body> <img src=" " > Insertar una Imagen

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 > <br> Salto de lnea <hr> Crear lneas horizontales <HR align="CENTER" size="6" width="400" color="Red" > <BGSOUND SRC=" " LOOP=INFINITE> Sonido de fondo

<EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">

Paleta De Colores http://platea.pntic.mec.es/~abercian/guiahtml/colores.htm Creacin de Tablas http://www.htmlpoint.com/guida/html_11.htm

Ejercicio Prctico para entregar Prxima Clase Realizar un pequeo sitio web de 4 pginas utilizando 3 marcos (Izquierdo, Superior y Derecho) http://www.htmlpoint.com/guida/html_13.htm

También podría gustarte