el lenguaje html principios b sicos n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
El lenguaje HTML: Principios básicos PowerPoint Presentation
Download Presentation
El lenguaje HTML: Principios básicos

Loading in 2 Seconds...

play fullscreen
1 / 16

El lenguaje HTML: Principios básicos - PowerPoint PPT Presentation


  • 115 Views
  • Uploaded on

El lenguaje HTML: Principios básicos. Juan Alberto Sigüenza ETS de Informática Universidad Autónoma de Madrid. Características generales. Hipertexto e Hipermedia HTML: HyperText Markup Language El proceso de textos mediante marcas: Script de IBM TEX Documentos HTML: fichero ASCII

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

El lenguaje HTML: Principios básicos


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
    Presentation Transcript
    1. El lenguaje HTML:Principios básicos Juan Alberto Sigüenza ETS de Informática Universidad Autónoma de Madrid

    2. Características generales • Hipertexto e Hipermedia • HTML: HyperText Markup Language • El proceso de textos mediante marcas: • Script de IBM • TEX • Documentos HTML: fichero ASCII • Lenguajes interpretados y compilados

    3. Edición de páginas HTML • Editores de propósito general • Editores asociados al navegador: • Netscape Composer • MS Front Page • Editores específicos • HoTMetaL • Procesadores de Texto

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

    5. Las etiquetas • El formato general a seguir: • <etiqueta>contenido</etiqueta> • La inclusión de comentarios que no se ven: • <! Comentario> • Las etiquetas que nunca deben faltar: • <HTML></HTML> • <HEAD></HEAD> • <BODY></BODY>

    6. Formateo elemental de textos • Encabezamientos • <H1></H1>...........<H6></H6> • Salto de párrafo • <P></P> • Centrado • <CENTER></CENTER> • Negrita y Cursiva • <B></B> <I></I>

    7. Atributos de etiquetas • Alineación de párrafos • Izquierda: ALIGN=left (opción por defecto) • Derecha: ALIGN=right • Centrado: ALIGN=center • Utilización. • <p ALIGN=opción> • Ejemplo 1

    8. Creación de listas • Listas no ordenadas • <UL> • <LI> • </UL> • Listas ordenadas • <OL> • <LI> • </OL> • Ejemplo 2

    9. Añadir viñetas a las listas • Sintaxis general • <UL TYPE=atributo> • <OL TYPE=atributo> • Atributos listas no ordenadas • DISC, CIRCLE, SQUARE • Atributos listas ordenadas • 1, A, I

    10. Otras propiedades de las listas • Listas de definición • <DL> • <DT> • <DD> • </DL> • Listas anidadas (Ejemplo 3) • <UL> • <LI> • <UL> • <LI>

    11. Otras etiquetas • Línea horizontal <HR> • Atributos de <HR> • <HR NOSHADE SIZE=valor WIDTH=“porcentaje” ALIGN=valor> • La etiqueta <BLINK> (Ejemplo 4) • <BLINK> ¡Hola Pepe! </BLINK> • La etiqueta <META> • <META HTTP-EQUIV= “refresh” CONTENT= “5; url=http://www.uam.es” >

    12. Inclusión de imágenes • Formatos principales GIF y JPEG (Ejemplo 5) • Sintaxis: • <IMG SRC= “imagen.gif” > • Atributos • <IMG SRC= “imagen.gif” HEIGHT= valor WIDTH= valor > • Alineación • <IMG SRC= “imagen.gif” ALIGN= top >

    13. Fondos • Pueden ser: Texturas, Imágenes y Colores • Sintaxis: • <BODY BACKGROUND= “fondo.gif” > • <BODY BGCOLOR= “color” > • Ejemplos 6, 7 y 8

    14. Creación de hiperenlaces • Permiten enlazar dos páginas cualesquiera independientemente de la ubicación de cada una: local o en red. (ejemplo hiperenlace 1) • Ejemplos: • <A HREF= “http://www.elpais.es” > Diario El País </A> • <A HREF= “pagina.html” > Página1 </A> • <A HREF= “http://www.uam.es” ><IMG SRC= “imagen.gif” ></A>

    15. Hiperenlaces entre secciones de diferentes páginas HTML • Enlace desde una página (indice de autores.html) a una sección específica en otro documento (autores.html). (hiperenlace 2) • Primero creamos la referencia en el primer documento: • <A HREF= “autores.html#A1” > Autor1 </A> • A continuación creamos el anclaje en el segundo documento: • <A NAME= “A1” > Autor1 </A>

    16. Hiperenlaces entre secciones de la misma página HTML • Enlace desde una página (indice de autores.html) a una sección del mismo documento. (hiperenlace 3) • Primero creamos la referencia: • <A HREF= “#A1” > Autor1 </A> • A continuación creamos el anclaje en el mismo documento: • <A NAME= “A1” > Autor1 </A>