Scribd Logo
Upload

Welcome to Scribd!

  • HTML1

    Uploaded by

    LCBS
    10 views16 pages
    diseño paginas web html1

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    diseño paginas web html1

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views16 pages

    HTML1

    Uploaded by

    LCBS
    diseño paginas web html1

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 16

    El lenguaje HTML:

    Principios bsicos

    Jhon Jairo Perez B.


    ECBTI
    Unad Pitalito

    Caractersticas 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

    Edicin de pginas HTML


    Editores de propsito general
    Editores asociados al navegador:
    Netscape Composer
    MS Front Page

    Editores especficos
    HoTMetaL

    Procesadores de Texto

    Manuales y Guas de
    referencia
    A beginners Guide to HTML (accesible en
    formato PDF a travs del WWW)
    Buscar en www.uam.es en el apartado de
    Internet (multitud de Manuales y Guas)
    HTML avanzado. Bruce Morris, McGrawHill, Microsoft Press.
    Publicar con HTML en Internet. B. Heslop,
    Ed. Paraninfo.

    Las etiquetas
    El formato general a seguir:
    <etiqueta>contenido</etiqueta>

    La inclusin de comentarios que no se ven:


    <! Comentario>

    Las etiquetas que nunca deben faltar:


    <HTML></HTML>
    <HEAD></HEAD>
    <BODY></BODY>

    Formateo elemental de textos


    Encabezamientos
    <H1></H1>...........<H6></H6>

    Salto de prrafo
    <P></P>

    Centrado
    <CENTER></CENTER>

    Negrita y Cursiva
    <B></B> <I></I>

    Atributos de etiquetas
    Alineacin de prrafos
    Izquierda: ALIGN=left (opcin por defecto)
    Derecha: ALIGN=right
    Centrado: ALIGN=center

    Utilizacin.
    <p ALIGN=opcin>

    Ejemplo 1

    Creacin de listas
    Listas no ordenadas
    <UL>
    <LI>
    </UL>

    Listas ordenadas
    <OL>
    <LI>
    </OL>

    Ejemplo 2

    Aadir vietas a las listas


    Sintaxis general
    <UL TYPE=atributo>
    <OL TYPE=atributo>

    Atributos listas no ordenadas


    DISC, CIRCLE, SQUARE

    Atributos listas ordenadas


    1, A, I

    Otras propiedades de las listas


    Listas de definicin

    <DL>
    <DT>
    <DD>
    </DL>

    Listas anidadas (Ejemplo 3)


    <UL>
    <LI>
    <UL>
    <LI>

    Otras etiquetas
    Lnea 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 >

    Inclusin de imgenes
    Formatos principales GIF y JPEG (Ejemplo 5)
    Sintaxis:
    <IMG SRC= imagen.gif >

    Atributos
    <IMG SRC= imagen.gif HEIGHT= valor
    WIDTH= valor >

    Alineacin
    <IMG SRC= imagen.gif ALIGN= top >

    Fondos
    Pueden ser: Texturas, Imgenes y
    Colores
    Sintaxis:
    <BODY BACKGROUND= fondo.gif >
    <BODY BGCOLOR= color >

    Ejemplos 6, 7 y 8

    Creacin de hiperenlaces
    Permiten enlazar dos pginas cualesquiera
    independientemente de la ubicacin de
    cada una: local o en red. (ejemplo hiperenlace 1)
    Ejemplos:
    <A HREF= http://www.elpais.es > Diario El
    Pas </A>
    <A HREF= pagina.html > Pgina1 </A>
    <A HREF= http://www.uam.es ><IMG SRC=
    imagen.gif ></A>

    Hiperenlaces entre
    secciones de diferentes
    Enlace desde
    una pgina (indice de
    pginas
    HTML

    autores.html) a una seccin especfica en


    otro documento (autores.html). (hiperenlace 2)
    Primero creamos la referencia en el primer
    documento:
    <A HREF= autores.html#A1 > Autor1 </A>

    A continuacin creamos el anclaje en el


    segundo documento:
    <A NAME= A1 > Autor1 </A>

    Hiperenlaces entre
    secciones de la misma
    pgina
    HTML
    Enlace desde una pgina (indice de
    autores.html) a una seccin del
    mismo documento. (hiperenlace 3)
    Primero creamos la referencia:
    <A HREF= #A1 > Autor1 </A>

    A continuacin creamos el anclaje en


    el mismo documento:
    <A NAME= A1 > Autor1 </A>

    You might also like