Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML01

    Încărcat de

    Smith DaRe
    16 vizualizări38 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    PPT, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PPT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    16 vizualizări38 pagini

    HTML01

    Încărcat de

    Smith DaRe

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PPT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 38

    El lenguaje HTML-Parte I

    Introduccin

    Contenido
    Estructura bsica y definicin de los tags Encabezados, prrafos y comentarios Enlaces a otros documentos Web

    Objetivos
    Identificar un documento en HTML Identificar los tags Conocer los encabezados Desarrollar prrafos Lo conveniente de trabajar con comentarios

    Introduccin
    El lenguaje HTML (Hypertext Markup language). Lenguaje marcador estndar Generalizado, permite desarrollar documentos para World Wide Web.

    Introduccin
    Bsicamente, los documentos escritos en HTML constan del texto del documento y los tags que pueden llevar atributos <tag> texto afectado </tag>

    Versiones de HTML
    Para HTML 4.01 Strict (recomendado):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Para HTML 4.01 Transitional:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Estructura bsica
    <HTML> encierra el documento
    <HEAD> define el prlogo del documento <BODY> encierra el resto del documento HTML incluyendo todo el texto.

    Un Simple Ejemplo

    Cdigo de Simple Ejemplo


    <!-- Programa N1 Doc001.HTML
    <HTML> <HEAD><TITLE>Ttulo del Documento</TITLE></HEAD> <BODY> <CENTER> <H1>Cabecera</H1> <P>Este es un prrafo de ejemplo </CENTER>

    -->

    </BODY>
    </HTML>

    <!-- Termina documento Doc001.HTM -->

    Encabezados y prrafos
    Como los ttulos de un libro comn , podramos tener hasta 6 niveles de encabezados
    <H1> El ms grande </H1> <H2> </H2>

    <H3> </H3>
    <H4> </H4> <H5> </H5>

    <H6> El ms pequeo </H6>

    Prrafos
    Se utilizan para definir los prrafos (bloque de texto) como en los documentos de Word. No importa como escriba el texto este se adaptar a los mrgenes del Browser.
    <P>
    El prrafo es un bloque de texto, que normalmente empieza en una lnea y termina cuando se pulsa <ENTER>. Es posible que esto no sea visto como se esta viendo en este procesador. </P>

    Ejemplo doc002.html

    Ejercicio doc003.html

    Enlace a otros documentos Web


    Para generar un enlace a otro documento necesitamos: El nombre de un archivo o URL El texto que servir de punto de activacin.

    URL
    Localizador Universal de Recursos, son las direcciones de las informaciones que buscamos en internet, tienen tres partes: Protocolo Nombre de Host Ruta del archivo
    http://www.parainformaticos.com/libros/superjava2.html

    Creacin de Vnculos
    Un vnculo es la conexin de un documento con otro documento HTML. La etiqueta que permite abrir y cerrar vnculos es: <A> </A>

    Ejemplo:
    Archivo: clases.html

    Enlace con documento Objetos.html

    Ejemplo: objetos.html

    Enlace con Clases.html

    Vnculos a otros documentos en zonas especficas


    En documento destino

    En documento fuente

    Vnculo al mismo documento

    Previamente se ha definido la etiqueta, a donde llegar!

    A direcciones de Internet
    Archivo: microsoft.html

    <A HREF="http://www.microsoft.com">Click aqu</A>

    Al correo electrnico
    Archivo: mailto.html
    <A HREF="mailto: direccin de email"> Texto del enlace </A> <A HREF="mailto:pxfsanch@cibertec.edu.pe">Frank Snchez</A>

    El lenguaje HTML- Parte II


    Listas

    Contenido
    Listas Ordenadas Desordenadas De Glosario Listas Anidadas

    Objetivos
    Presentar informacin debidamente ordenada Aprender diferentes criterios de ordenamiento

    Listas Ordenadas
    Permiten mostrar la informacin con cierto orden
    <H2>Continentes</H2> <OL> <LI>Amrica

    <LI>Europa
    <LI>Asia <LI>Europa

    <LI>Oceana
    </OL>

    Archivo : ordenadas.html

    Listas Desordenadas
    Presentan los datos sin seguir una secuencia numerada al respecto
    <H2>Software para oficina</H2> <UL> <LI>Procesadores de texto <LI>Hojas de clculo

    <LI>Bases de datos <LI>Graficadores


    <LI>Mail </UL>

    Archivo : desordenadas.html

    Listas de definiciones
    Archivo : glosario.html

    Listas Anidadas
    Archivo :anidadas.html

    El lenguaje HTML
    Apariencia del texto

    Contenido
    Negrita, itlica, subrayada, subndice, superndice, centrado Texto preformateado Color y tamao de texto Caracteres especiales (codificacin) Lneas grficas y saltos de lnea

    Objetivos
    Presentar texto con caractersticas especiales de color, estilo y tamao Aprender criterios para presentar nuestro texto a los usuarios

    Apariencia del Texto


    Los Tags permiten modificar la apariencia o aspecto de palabras o caracteres

    Archivo : apariencia.html

    Texto PreFormateado
    Para preformatear use <pre> </pre>

    Archivo : preformateado.html

    Color y Tamao de Texto


    <FONT COLOR=#RRGGBB> texto de color </FONT>

    Ejercicio

    Tamao
    <FONT SIZE=+- valor>texto</FONT>
    +- valor Representa el tamao del texto que queremos obtener +2 Doble de tamao +3 Triple de tamao -2 Mitad de tamao -3 Tercera parte del tamao normal +1 Tamao normal

    Caracteres Especiales
    Estas entidades pueden ser: Nombradas: Numeradas: &reg; &#num; ISO-Latin-1 (ISO-8859-1)

    Lneas grficas y saltos de lnea


    Donde: Size El alto de la lnea Width El largo de la lnea Align Justificacin de la lnea (Left, center, right) Noshade Cambia la apariencia de la lnea

    <HR> <BR>

    Archivo : lineas.html

    S-ar putea să vă placă și