SlideShare une entreprise Scribd logo
1  sur  9
ETIQUETAS HTML
   ANIMADAS

 BLINK Y MARQUEE
<BLINK>

       −   HACE PARPADEAR EL TEXTO
              −   ES MUY SENCILLO
−   Solo se coloca el texto en el interior y
                este parpadea.
                     Ejemplo:
    <blink> Texto parpadeando </blink>
    Así de fácil y ya podés tener tu texto
                    animado.
<MARQUEE>

    Sirve para animar elementos dentro de una
    página.

    Permite que el contenido que pongamos dentro de
    la etiqueta se desplace horizontalmente por la
    página.
Los atributos de <Marquee> son
         los siguientes:

    height: Indica la altura de la marquesina

    width: Indica la anchura de la marquesina

    bgcolor: Indica el color de fondo de la
    marquesina

    aling: Indica la alineación del texto de la
    marquesina.

    direction: Indica en que dirección se desplaza el
    texto dentro de la marquesina, a la derecha o
    izquierda.

    Hspace: Define el margen horizontal de la
    marquesina.

    Vspace: Define el margen horizontal de la
    marquesina

    Loop: Indica el número de veces que se
    desplazará el texto por la marquesina

    Scrolldelay: Es el tiempo en milisegundo
    que tiene que pasar entre cada cambio
    de la posición de lo que hay
    desplazandose.

    Behavior: Indica el comportamiento del
    letrero
EJEMPLOS

  Heigth:
<marquee heigth= num 0%/>

  Width:
<marquee width= num 0%/>

  Bgcolor:
<marquee bgcolor=“#00FFFF”/>

  Aling:
<marquee aling=top/ middle/ bottom/>

  Direction:
<marquee direction= left/ rigth/>

    Loop:
<marquee loop=5/> o <marquee
 loop=infinite/>

    Scrodellay:
<marquee scrodellay=num/>

    Behavior:
<marquee behavior=scroll/ slide/
 alternate/>
Al final se debe cerrar la ETIQUETA
 </MARQUEE>
Bibliografia

    Sitiosweb:

    http://www.webtaller.com/manual-htm/marquee.php

    http://ortihuela.galeon.com/html16.htm

    http://www.desarrolloweb.com/articulos/anmacion-html-con-

    http://www.aulaclic.es/html/t_3_4.htm
Trabajo realizado por:
    Luciana Aima
       Grupo:2
     “IEM 2009”

Contenu connexe

En vedette

Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con htmlNoemi Gavilánez
 
Matemática Discreta - Operaciones entre conjuntos
Matemática Discreta - Operaciones entre conjuntosMatemática Discreta - Operaciones entre conjuntos
Matemática Discreta - Operaciones entre conjuntosSebastian De Los Angeles
 
Instalar joomla 2017
Instalar joomla 2017Instalar joomla 2017
Instalar joomla 2017Emerson Garay
 
Configurar Joomla 2017
Configurar Joomla 2017Configurar Joomla 2017
Configurar Joomla 2017Emerson Garay
 
Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Emerson Garay
 
Relaciones binarias
Relaciones binariasRelaciones binarias
Relaciones binariasgmromano
 
Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Emerson Garay
 
Metodo de la burbuja en algoritmo
Metodo de la burbuja en algoritmo Metodo de la burbuja en algoritmo
Metodo de la burbuja en algoritmo ikky2345
 
LÓGICA Y CONJUNTOS
LÓGICA Y CONJUNTOSLÓGICA Y CONJUNTOS
LÓGICA Y CONJUNTOSJose Ojeda
 

En vedette (12)

Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Matemática Discreta - Operaciones entre conjuntos
Matemática Discreta - Operaciones entre conjuntosMatemática Discreta - Operaciones entre conjuntos
Matemática Discreta - Operaciones entre conjuntos
 
Instalar joomla 2017
Instalar joomla 2017Instalar joomla 2017
Instalar joomla 2017
 
Configurar Joomla 2017
Configurar Joomla 2017Configurar Joomla 2017
Configurar Joomla 2017
 
Html
HtmlHtml
Html
 
Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02
 
Relaciones binarias
Relaciones binariasRelaciones binarias
Relaciones binarias
 
Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01
 
Metodo de la burbuja en algoritmo
Metodo de la burbuja en algoritmo Metodo de la burbuja en algoritmo
Metodo de la burbuja en algoritmo
 
Matemáticas discretas- Teoría de Conjuntos
Matemáticas discretas- Teoría de ConjuntosMatemáticas discretas- Teoría de Conjuntos
Matemáticas discretas- Teoría de Conjuntos
 
LÓGICA Y CONJUNTOS
LÓGICA Y CONJUNTOSLÓGICA Y CONJUNTOS
LÓGICA Y CONJUNTOS
 

Similaire à ETIQUETAS HTML ANIMADAS (20)

Etiquetas Eze
Etiquetas EzeEtiquetas Eze
Etiquetas Eze
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Practia de marquesina en blugriffon
Practia de marquesina en blugriffonPractia de marquesina en blugriffon
Practia de marquesina en blugriffon
 
Marquesina html
Marquesina htmlMarquesina html
Marquesina html
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Manual html
Manual htmlManual html
Manual html
 
Compu
CompuCompu
Compu
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
examen corto tics 1
examen corto tics 1 examen corto tics 1
examen corto tics 1
 
Trabajo para-blog
Trabajo para-blogTrabajo para-blog
Trabajo para-blog
 
Trabajo para-blog
Trabajo para-blogTrabajo para-blog
Trabajo para-blog
 
PAGINA
PAGINAPAGINA
PAGINA
 
Etiquetas en html
Etiquetas en htmlEtiquetas en html
Etiquetas en html
 
Html
HtmlHtml
Html
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 

Dernier

ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdfMiguelHuaman31
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Katherine Concepcion Gonzalez
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 

Dernier (20)

ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 

ETIQUETAS HTML ANIMADAS

  • 1. ETIQUETAS HTML ANIMADAS BLINK Y MARQUEE
  • 2. <BLINK> − HACE PARPADEAR EL TEXTO − ES MUY SENCILLO − Solo se coloca el texto en el interior y este parpadea. Ejemplo: <blink> Texto parpadeando </blink> Así de fácil y ya podés tener tu texto animado.
  • 3. <MARQUEE>  Sirve para animar elementos dentro de una página.  Permite que el contenido que pongamos dentro de la etiqueta se desplace horizontalmente por la página.
  • 4. Los atributos de <Marquee> son los siguientes:  height: Indica la altura de la marquesina  width: Indica la anchura de la marquesina  bgcolor: Indica el color de fondo de la marquesina  aling: Indica la alineación del texto de la marquesina.  direction: Indica en que dirección se desplaza el texto dentro de la marquesina, a la derecha o izquierda.
  • 5. Hspace: Define el margen horizontal de la marquesina.  Vspace: Define el margen horizontal de la marquesina  Loop: Indica el número de veces que se desplazará el texto por la marquesina  Scrolldelay: Es el tiempo en milisegundo que tiene que pasar entre cada cambio de la posición de lo que hay desplazandose.  Behavior: Indica el comportamiento del letrero
  • 6. EJEMPLOS  Heigth: <marquee heigth= num 0%/>  Width: <marquee width= num 0%/>  Bgcolor: <marquee bgcolor=“#00FFFF”/>  Aling: <marquee aling=top/ middle/ bottom/>  Direction: <marquee direction= left/ rigth/>
  • 7. Loop: <marquee loop=5/> o <marquee loop=infinite/>  Scrodellay: <marquee scrodellay=num/>  Behavior: <marquee behavior=scroll/ slide/ alternate/> Al final se debe cerrar la ETIQUETA </MARQUEE>
  • 8. Bibliografia  Sitiosweb:  http://www.webtaller.com/manual-htm/marquee.php  http://ortihuela.galeon.com/html16.htm  http://www.desarrolloweb.com/articulos/anmacion-html-con-  http://www.aulaclic.es/html/t_3_4.htm
  • 9. Trabajo realizado por: Luciana Aima Grupo:2 “IEM 2009”