Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Exposicion HTML

    Cargado por

    Lic Fabian Fierro MSC
    13 vistas19 páginas
    Este documento describe las etiquetas HTML básicas para estructurar un documento web. Explica las etiquetas para cabecera (<HEAD>), cuerpo (<BODY>), título (<TITLE>), párrafos (<P>), saltos de línea (<BR>), líneas horizontales (<HR>) y encabezados (<H1>-<H6>). También cubre etiquetas para formato de texto como <FONT> y listas como <OL> y <LI>.

    Descripción original:

    Título original

    exposicion html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento describe las etiquetas HTML básicas para estructurar un documento web. Explica las etiquetas para cabecera (<HEAD>), cuerpo (<BODY>), título (<TITLE>), párrafos (<P>), saltos de línea (<BR>), líneas horizontales (<HR>) y encabezados (<H1>-<H6>). También cubre etiquetas para formato de texto como <FONT> y listas como <OL> y <LI>.

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    13 vistas19 páginas

    Exposicion HTML

    Cargado por

    Lic Fabian Fierro MSC
    Este documento describe las etiquetas HTML básicas para estructurar un documento web. Explica las etiquetas para cabecera (<HEAD>), cuerpo (<BODY>), título (<TITLE>), párrafos (<P>), saltos de línea (<BR>), líneas horizontales (<HR>) y encabezados (<H1>-<H6>). También cubre etiquetas para formato de texto como <FONT> y listas como <OL> y <LI>.

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 19

    LENGUAJE HTML

    <HTML>
    <HEAD>
    Indica el inicio del documento.
    <TITLE> Inicio de la cabecera.
    Título del Documento Inicio del título del documento.

    </TITLE> Final del título del documento.


    Final de la cabecera del documento.
    </HEAD>
    Inicio del cuerpo del documento.
    <BODY> Final del cuerpo del documento.
    Cuerpo del Documento Final del documento.

    </BODY>
    </HTML>
    Titulo a la Pagina
    HTML>
    <HEAD>
    <TITLE>
    MI PRIMERA PAGINA WEB
    </TITLE>
    </HEAD>
    <BODY BGCOLOR=WHITE> Color a la
    Pag
    0
    <BODY BGCOLOR=”#FFFFFF”>
    </BODY>
     ROJO FF0000
     VERDE 00FF00
     AZUL 0000FF
     MAGENTA FF00FF
     VIOLETA 9900DD
     ROSA CLARO FFDDFF
     ETIQUETA <BODY TEXT=RED>
     Esta etiqueta da color al texto. El color por defecto es negro si no se
    especifica.
      
     ETIQUETA <P>
     Esta etiqueta no tiene cierre y nos indica que el texto que sigue es un
    nuevo párrafo. Para alinear párrafos de textos se utiliza los siguientes
    comandos:
     <P ALIGN=LEFT> Justifica a la izquierda
     <P ALIGN=RIGHT> Justifica a la derecha
     <P ALIGN=CENTER> Centra el Párrafo
     La etiqueta <P> se puede utilizar antes o después de un gráfico para
    desplazarlo y hacerlo independiente del texto.
     ETIQUETA <BR>

     Esta etiqueta introduce un salto de línea. La diferencia entre <P> y


    <BR>es que el primero genera una separación mayor que el
    segundo con el fin de poder distinguir mejor los párrafos entre sí.

     La etiqueta BR posee el atributo CLEAR, el cual se utiliza en


    relación con un gráfico alineado a la izquierda o derecha del texto,
    forzando a que el texto siguiente continue debajo del gráfico por
    ejemplo: < B CLEAR=LEFT> se utiliza cuando el gráfico se alínea
    a la izquierda , y queremos que el texto continué debajo de la
    figura. La orden < B CLEAR=RIGHT> es similar.
      
     Esta etiqueta traza una línea horizontal para separar bloques de textos.
    Ejemplo
     <HR>
      La etiqueta <HR> posee tiene algunos atributos que la modifican.
     WIDTH indica la longitud,
     SIZE indica la altura,
     ALIGN la colocación de la línea
     NOSHADE que no tenga relieve y además le añade un color gris más
    fuerte.
     <HR WIDTH=20% ALIGN=RIGHT SIZE=7>
      <HR WIDTH=250 ALIGN=CENTER SIZE=5 NOSHADE>
     Ejemplo Se vería como
     <H1>Texto de Prueba</H1> Texto de prueba
     <H2>Texto de Prueba</H2> Texto de Prueba
     <H3>Texto de Prueba</H3> Texto de Prueba
     <H4>Texto de Prueba</H4> Texto de Prueba
     <H5>Texto de Prueba</H5> Texto de Prueba
     <H6>Texto de Prueba</H6> Texto de Prueba
     Ejemplo Se vería como
     <H3>Pagina de José</H3>Esta es mi pagina personal.
    Pagina de José Esta es mi pagina personal
     Por otro lado la directiva <FONT></FONT> nos permite variar el tamaño
    y color de un texto determinado. Utiliza para ello los parámetros size y
    bgcolor.
     size = valor : Da al texto un tamaño en puntos determinado.
     size = +/- valor : Da al texto un tamaño tantas veces superior (+) o
    inferior (-) como indique el valor.
     color = "código de color": Escribe el texto en el color cuyo código
    se especifica.

     <FONT size = +2 color = "#FF0000"> Texto de prueba </FONT> Texto de


    Prueba
     <font face="arial,helvetica">Fuente arial </font>
     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:

     start = num: Indica que número será el primero de la lista. Si no se indica se


    entiende que empezará por el número 1.
     type = tipo: Indica el tipo de numeración utilizada. Si no se indica se
    entiende que será una lista ordenada numéricamente.
     Los tipos posibles son:
     1 = Numéricamente. (1,2,3,4,... etc.)
     a = Letras minúsculas. (a,b,c,d,... etc.)
     A = Letras mayúsculas. (A,B,C,D,... etc.)
     i = Números romanos en minúsculas. (i.ii,iii,iv,v,... etc.)
     I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.)
    Muestran los elementos tipo Diccionario, o sea, término y definición.
    Se utiliza para ellas la directiva <DL></DL>. El elemento marcado
    como término se antecede de la directiva <DT>, el marcado como
    definición se antecede de la directiva <DD>.
    Ejemplo Resultado
    <A href = "http://www.microsoft.com/"> Pulse para ir a la página de Microsoft
    Pulse para ir a la página de Microsoft</A>

    HYPERENLACES CON IMÁGENES


     Ejemplo:
     <A name = "seccion1"></A>
    o tambien
     <A href = "#seccion1">Primera Parte</A>
     Enlace a Correo Electrónico

     <A href = "mailto: luisfd@jet.es">Envíame tus


    sugerencias</A>
     <A href = "manual.zip">Pulsa aquí para
    llevarte una copia del manual.</A>

    Copiar el manual desde el Disco duro a la pagina

     <A href = "manual.zip" onMouseOver="window.status='Este


    link copia el manual a tu disco duro' ; return true;">Pulsa aquí
    para llevarte una copia del manual.</A>

    También podría gustarte