El lenguaje HTML: Principios básicos Juan Alberto Sigüenza ETS de Informática Universidad Autónoma de Madrid.

Presentación del tema: "El lenguaje HTML: Principios básicos Juan Alberto Sigüenza ETS de Informática Universidad Autónoma de Madrid."— Transcripción de la presentación:

1 El lenguaje HTML: Principios básicos Juan Alberto Sigüenza ETS de Informática Universidad Autónoma de Madrid

2 Características generales zHipertexto e Hipermedia zHTML: HyperText Markup Language zEl proceso de textos mediante marcas: yScript de IBM yTEX zDocumentos HTML: fichero ASCII zLenguajes interpretados y compilados

3 Edición de páginas HTML zEditores de propósito general zEditores asociados al navegador: yNetscape Composer yMS Front Page zEditores específicos yHoTMetaL zProcesadores de Texto

4 Manuales y Guías de referencia zA beginners Guide to HTML (accesible en formato PDF a través del WWW) zBuscar en www.uam.es en el apartado de Internet (multitud de Manuales y Guías) zHTML avanzado. Bruce Morris, McGraw- Hill, Microsoft Press. zPublicar con HTML en Internet. B. Heslop, Ed. Paraninfo.

5 Las etiquetas zEl formato general a seguir: y contenido zLa inclusión de comentarios que no se ven: y zLas etiquetas que nunca deben faltar: y

6 Formateo elemental de textos zEncabezamientos y........... zSalto de párrafo y zCentrado y zNegrita y Cursiva y

7 Atributos de etiquetas zAlineación de párrafos yIzquierda: ALIGN=left (opción por defecto) yDerecha: ALIGN=right yCentrado: ALIGN=center zUtilización. y zEjemplo 1

8 Creación de listas zListas no ordenadas y zListas ordenadas y zEjemplo 2

9 Añadir viñetas a las listas zSintaxis general y zAtributos listas no ordenadas yDISC, CIRCLE, SQUARE zAtributos listas ordenadas y1, A, I

10 Otras propiedades de las listas zListas de definición y zListas anidadas (Ejemplo 3) y x

11 Otras etiquetas zLínea horizontal zAtributos de y zLa etiqueta (Ejemplo 4) y ¡Hola Pepe! zLa etiqueta y

12 Inclusión de imágenes zFormatos principales GIF y JPEG ( Ejemplo 5 ) zSintaxis: y zAtributos y zAlineación y

13 Fondos zPueden ser: Texturas, Imágenes y Colores zSintaxis: y zEjemplos 6, 7 y 8

14 Creación de hiperenlaces zPermiten enlazar dos páginas cualesquiera independientemente de la ubicación de cada una: local o en red. ( ejemplo hiperenlace 1 ) zEjemplos: y Diario El País y Página1 y

15 Hiperenlaces entre secciones de diferentes páginas HTML zEnlace desde una página (indice de autores.html) a una sección específica en otro documento (autores.html). (hiperenlace 2) yPrimero creamos la referencia en el primer documento: x Autor1 yA continuación creamos el anclaje en el segundo documento: x Autor1

16 Hiperenlaces entre secciones de la misma página HTML zEnlace desde una página (indice de autores.html) a una sección del mismo documento. (hiperenlace 3) zPrimero creamos la referencia: y Autor1 zA continuación creamos el anclaje en el mismo documento: y Autor1