HTML
- 1. QUE ES HTML es un sistema para estructurar documentos. Estos documentos pueden ser mostrados por los visores de páginas Web en Internet, como Netscape, Mosaico o Microsoft Explorer.
- 2. ESTRUCTURA BASICA DEL HTML • Indica el inicio del documento. • <HTML> • Inicio de la cabecera. • <HEAD> • Inicio del título del documento. • <TITLE> • Final del título del documento. • </TITLE> • Final de la cabecera del • </HEAD> documento. • Inicio del cuerpo del • <BODY> documento. • </BODY> • Final del cuerpo del • </HTML> documento. • Final del documento.
- 3. CABECERA DE DOCUMENTO • La directiva <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la directiva <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro visor de páginas Web.
- 4. CUERPO DEL DOCUMENTO • La directiva <BODY></BODY> indica el inicio y final de nuestra pagina Web. Será entre el inicio y el final de esta directiva donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc.... Esta directiva tiene una serie de parámetros opcionales que nos permiten indicar la "apariencia" global del documento: background , bgcolor, text, link, vlink.
- 5. EJEMPLO DE COLORES • #000000 • Color Negro #FF0000 Color Rojo #00FF00 Color Verde #0000FF Color Azul #FFFFFF Color Blanco
- 6. JUEGOS DE CARACTERES • Todos los visores de páginas Web actuales soportan todos los caracteres gráficos de la especificación ISO 8859-1, que permite escribir textos en la mayoría de los países occidentales. • De cualquier forma y como muchos sistemas tienen distintos juegos de caracteres ASCII, se han definido dos formas de representar caracteres especiales usando solamente el código ASCII de 7 bits. Para hacer referencia a estos caracteres se les asigna un código numérico o un nombre de " entidad". Asimismo hay caracteres que se utilizan para las directivas de HTML, por ejemplo < y >. Estos caracteres pueden ser representados por un código numérico o una entidad cuando deseemos que aparezcan en el documento "tal cual". Las entidades comienzan por el símbolo & (ampersand) y terminan con el símbolo ; (punto y coma).
- 7. ESPACIOS Y SALTOS LINEAS • En HTML sólo se reconoce un espacio entre palabra y palabra, el resto de los espacios serán ignorados por el visor.
- 8. CABECERAS • En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de las directivas <H1><H2><H3><H4><H5> y <H6>. El texto que escribamos entre el inicio y el fin de la directiva será el afectado por las cabeceras. La cabecera <H1> será la que muestre el texto en mayor tamaño.
- 9. ATRIBUTOS DE TEXTOS • Para indicar atributos de texto (negrilla, subrayado, etc...) tenemos varias directivas. Algunas de ellas no son reconocidas por determinados visores de Internet, es por ello que según el visor que estés utilizando, verás el resultado correctamente o no.
- 10. LISTAS DE ELEMENTOS • Las listas numeradas representarán los elementos de la lista numerando cada uno de ellos según el lugar que ocupan en la lista. Para este tipo de lista se utiliza la directiva <OL></OL>. Cada uno de los elementos de la lista irá precedido de la directiva <LI>. La directiva <OL> puede llevar los siguientes parámetros:
- 11. IMAGENES • Para incluir una imagen en nuestra página Web utilizaremos la directiva <IMG>. Hay dos formatos de imágenes que todos los navegadores modernos reconocen. Son las imágenes GIF y JPG. Cualquier otro tipo de fichero gráfico o de imagen (BMP, PCX, CDR, etc...) no será mostrado por el visor, a no ser que disponga de un programa externo que permita su visualización.
- 12. HYPERENLACES • Para incluir un Hyperenlace se utiliza la directiva <A></A>. El texto o imagen que se encuentre dentro de los límites de esta directiva será sensible, esto quiere decir que si situamos el ratón sobre él aparecerá una mano con el dedo apuntando y si pulsamos se realzará la función de hyperenlace indicada por la directiva <A></A>. Si el Hyperenlace está indicado por un texto, este aparecerá subrayado y en distinto color, si se trata de una imagen, esta aparecerá con un borde rodeándola. Esta directiva tiene el parámetro href que indica el lugar a donde nos llevará el Hyperenlace si lo pulsamos.