Scribd Logo
Upload

Welcome to Scribd!

  • Glosario HTML Animaciones Web

    Uploaded by

    El Gato Con Botas
    65 views5 pages
    html

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    65 views5 pages

    Glosario HTML Animaciones Web

    Uploaded by

    El Gato Con Botas
    html

    Copyright:

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

    GLOSARIO HTML ANIMACIONES WEB

    <html></html>
    Etiqueta principal
    <head></head>
    Encabezado
    <title></title>
    Titulo de la pagina
    <body></body>
    Cuerpo de la pagina
    <meta>
    Entrega informacin de la pagina
    <br>
    Salto de lnea
    Estamos aprendiendo Html.<br><br>

    <p></p>
    Saltos de prrafos
    <p>Bienvenido</p>
    Address
    <address></address>
    Esta etiqueta tiene dos usos:
    1. Indicar direcciones de Correo
    <center><address>Escribanos a abc@gmail.com</address></center>
    2. Escribir un Mensaje Corporativo
    <center><address>Inmobiliaria Abc<br> Trabajando para Usted</address></center>

    <hr></hr>
    Linea horizontal
    Size: tamao o grosor de la lnea expresada en nmero.
    Width: Indica el ancho de la lnea expresada en numero o porcentaje
    Align: Permite alinear la lnea dentro de la pantalla: left (izquierda), right (derecha), center (centro).
    Color: Esta etiqueta es utilizada para ponerle color a la lnea.
    ejemplo.html
    <html>
    <head><title>Ejemplo</title></head>
    <body>
    Etiqueta Hr:<Hr>
    <hr color=black>
    <hr width=100% size=4 align=right color=red>
    <hr width=50% size=20 align=center color=blue>
    </body>
    </html>
    <align>
    Especifica la alineacin de un objeto, sus valores pueden ser left (izquierda), right (derecha), center (centrado) o
    justify (justificado).
    Por defecto el texto de un prrafo aparece alineado a la izquierda.

    <p>Izquierda</p>
    <p align="left">Izquierda</p>
    <p align="center">Centrado</p>
    <center>Centrado</center>
    <p align="right">Derecha</p>

    <img>
    Imgenes
    Atributos:
    Src (Source=Fuente)
    Indica el nombre completo (con extensin) de la imagen.
    Ejemplo de Imagen ubicada en carpeta Mis Documentos:
    <Html>
    <Head><Title>Imagenes y Propiedades</Title></head>
    <body>
    <img src="C:\Documents and Settings\Administrador\Mis documentos\Imagen.gif">
    </body>
    </html>
    Width
    Indica el ancho de la imagen (en pixeles o en porcentaje).
    Height
    Indica el alto de la imagen (en pixeles o en porcentaje).
    Border
    De forma predeterminada las imgenes no tienen borde, pero se pueden especificar con valores numricos
    en pixeles.
    Alt
    Muestra un texto alternativo que aparece al posicionar el mouse sobre la imagen cuando el navegador no la
    reconoce.
    Align
    Permite alinear la imagen HORIZONTALMENTE (izquierda, centro o derecha), utilizando el atributo align
    dentro de una etiqueta <p> o <div>.
    Cuando se alinea una imagen en forma vertical, respecto del texto, puede tomar tres valores:
    Top:
    Posiciona el texto en el extremo superior derecho de la imagen
    Middle: Posiciona el texto en el extremo centro derecho de la imagen
    Bottom Por defecto. Posiciona el texto en el extremo inferior derecho de la imagen
    Hspace (horizontal space)
    Indica la separacin horizontal en pixeles de lo que rodea a la imagen a la derecha o izquierda (borde de
    pagina , textos, otra imagen, etc) separacion horizontal
    Vspace (vertical space)
    Indica la separacin o espacio vertical en pixeles de la imagen respecto del borde superior de la pagina.

    <h1> </h1> a <h6></h6>


    Encabezados de titulo
    <h1>Titulo 1</h1>

    <h2>Titulo
    <h3>Titulo
    <h4>Titulo
    <h5>Titulo
    <h6>Titulo

    2</h2>
    3</h3>
    4</h4>
    5</h5>
    6</h6>

    <Font></Font>
    Fuente
    Face
    Propiedad de fuente que indica su tipo
    Ejemplo: <Font face=arial>Tipo fuente arial</Font>
    Size
    Propiedad de fuente que indica su tamao
    <Font size=7>Tamao fuente 7</Font>
    Color
    Propiedad de fuente que indica su color
    <Font color=red>Color fuente rojo</Font>
    1. Mediante el nombre: En ingls, ejemplo: <Font color=red>Color fuente rojo</Font>
    2. Mediante su intensidad: (Codigo Hexadecimal).
    Ejemplo: <Font color=#ff0000>Color fuente rojo</Font>
    El cdigo del color est formado por 6 smbolos alfa-numricos precedidos del smbolo #.
    Ejemplos:
    <p align="center"><font face=" arial size=4pt color="red">Bienvenidos</font></p>
    Texto Bienvenidos centrado tipo fuente arial tamao 4 y color rojo, todo dentro de un parrafo:
    Nombre en Ingles
    Red
    Lime
    Blue
    Black
    White
    Yellow

    Color
    Rojo
    Verde claro
    Azul
    Negro
    Blanco (x defecto)
    Amarillo

    Hexadecimal
    #FF0000
    #00FF00
    #0000FF
    #000000
    #FFFFFF
    #FFFF00

    navy
    teal
    green
    Aqua
    Maroon
    Purple
    Olive
    Gray
    Silver
    Fuchsia

    Azul oscuro
    Verde/celeste
    Verde oscuro
    Celeste claro
    Caf oscuro
    Lila
    Verde
    Gris oscuro
    Gris claro
    Lila claro

    #000080
    #008080
    #008000
    #00FFFF
    #800000
    #800080
    #808000
    #808080
    #C0C0C0
    #FF00FF

    <Bgcolor>
    Propiedad de body
    Especifica el color de fondo de pgina.
    <html>
    <head><title>Bgcolor </title></head>
    <body bgcolor="#f0d7b5>
    Color de fondo Pastel
    </body>
    </html>

    <Text>
    Propiedad de body
    Especifica el color del texto de todo el documento.
    <html>
    <head><title>Bgcolor y Text</title></head>
    <body bgcolor="#f0d7b5 text=#0000ff>
    Color de fondo Pastel y color de texto Azul
    </body>
    </html>
    <Topmargin><Leftmargin>
    Propeiadad de body
    Topmargin: Indica el margen o espacio entre el borde superior de la ventana y el contenido de la pagina expresado en
    pixeles.
    Leftmargin: Indica el margen o espacio entre el lado izquierdo de la ventana y el contenido de la pagina en pixeles.
    <html>
    <head><title>Bgcolor Text Margenes</title></head>
    <body bgcolor="#ffcc99" text="#0000ff" topmargin=50 leftmargin=50>
    Color de fondo Pastel y color de texto Azul
    </body>
    </html>
    <Background>
    Propiedad de body
    Posiciona una imagen como fondo de pagina, pueden ser fondos con extensin JPG, GIF, BMP.
    Sintaxis: <Body Background="ruta/archivo.gif">
    Por ejemplo si la pgina desde la que hacemos el enlace se encuentra en el directorio Html y queremos poner como
    fondo la imagen fondo.gif, que se encuentra en gifs, se debe escribir: <Body Background="gifs/fondo.gif">
    Si la pgina estuviese en ejemplos se pondra:
    <Body background="../gifs/fondo.gif">
    <html>
    <head><title>Background</title></head>
    <body background="fondo.jpg">
    </body>
    </html>
    <Bgproperties>
    Propiedad de body
    Permite fijar o no fijar el contenido de la pagina al desplazarse sobre el fondo del documento.
    <body background="fondo.jpg" >
    <html>
    <head><title>Bgproperties</title></head>
    <body background="fondo.jpg" bgproperties="fixed">

    Tipos de formatos
    Formatos de texto.html
    <html>
    <head><title>Formatos de Texto</title></head>
    <body>
    <h2>Tipos de Formatos de Textos:</h2>
    <p><b>Negrita</b></p>
    <p><i>Cursiva</i></p>

    <p><u>Subrayado</u></p>
    <p><strike>Tachado</Strike></p>
    <p><tt>Teletipo</tt></p>
    <p>La palabra <sup>ejemplo</sup> tiene SuperIndice</p>
    <p>La palabra <sub>ejemplo</sub> tiene SubIndice</p>
    <p>Este es un texto <big>Mas Grande</big></p>
    <p>Este es un texto <small>Mas Pequeo</small></p>
    </body>
    </html>
    <marquee></marquee>
    Marquesina
    Atributos:
    Bgcolor: Indica el color del fondo de la marquesina.
    Width:
    Indica el ancho de la marquesina (en pixeles o porcentaje).
    Height:
    Indica la altura de la marquesina (en pixeles o porcentaje).
    Scrollamount:
    Velocidad a la que se desplaza el texto.(1=Muy Lento, 80=Muy Rapido, Predetermionada= 6)
    Loop:
    Indica el numero de veces que se desplazar el texto por la marquesina, por defecto es infinito.
    Direction:
    Indica la direccin hacia donde se desplazar el texto, sus valores son: Up (arriba), Down (abajo), Left
    izq), Right (derecha).
    Behavior (Comportamiento).
    Permite modificar el tipo de movimiento de la marquesina, sus valores son:
    Scroll: Se desplaza de un lado a otro continuamente (por defecto)
    Alternate: Se desplaza de lado a lado de la ventana rebotando en los extremos
    Slide: Aparece por un lado, se desplaza y se detiene (slo funciona en Internet Explorer).

    You might also like