SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Marquesina HTML
Las marquesinas son texto en
movimiento. Ya funciona con
ambos navegadores (hasta hace
poco Netscape no lo
implementaba, el 7 ya lo hace). La
etiqueta es <MARQUEE>, un texto
a desplazar y su cierre
</MARQUEE>.
Algunas etiquetas son:
WIDHT, HEIGHT
Ajustan la anchura y altura,
respectivamente, de la
marquesina. Pueden ser igual a
un número de píxel, o a un
porcentaje de la pantalla.
ALIGN
Modifica el alineamiento del texto
que rodea a la marquesina, que
puede ser TOP (arriba), MIDDLE
(en medio) o BOTTOM (abajo).
BEHAVIOR
Este atributo (que quiere decir en
inglés comportamiento) sirve
para definir de qué manera se va
a efectuar el desplazamiento del
texto. Si es igual a SCROLL (el
valor por defecto), el texto aparece
por un lado, se desplaza hasta el
otro hasta desaparecer por él, y
vuelve a empezar (como los casos
que hemos visto anteriormente).
Si es igual a SLIDE, aparece por
un lado y se desplaza hasta llegar
al otro extremo, y se para ahí. Si
es igual a ALTERNATE se
desplaza alternativamente hacia
un lado y otro, siempre dentro de
los límites de la marquesina.
<MARQUEE
BEHAVIOR=ALTERNATE>Este
texto se mueve a un lado y otro,
sin desaparecer</MARQUEE>
BGCOLOR
Con este atributo se modifica el color
de fondo de la marquesina, de acuerdo
con el método visto en el Capítulo 7.
<MARQUEE BGCOLOR="#FF7070">
Esta marquesina tiene un fondo de
color rosa < /MARQUEE>
DIRECTION Este atributo sirve para
modificar la dirección hacia la que se
dirige el texto. Por defecto es LEFT
(izquierda). Se puede hacer que el texto
se dirija hacia la derecha igualando
este atributo a RIGHT. <MARQUEE
DIRECTION=RIGHT> Este texto se
dirije hacia la derecha </MARQUEE>
SCROLLAMOUNT
Define la cantidad de desplazamiento
del texto en cada movimiento de
avance, expresado en pixels. Cuanto
mayor es el número, más rápido
avanza.
<MARQUEE SCROLLDELAY =200>
Espero mucho entre cada salto
</MARQUEE>
LOOP
Especifica el número de veces que
aparecerá el texto. Es indefinido por
defecto.
HSPACE, VSPACE
Definen, respectivamente, la
separación en sentido horizontal o
vertical del texto que está fuera de la
marquesina.
Fuentes dentro de la
marquesina
Si se desea que el texto que aparece
dentro de una marquesina tenga una
fuente concreta, distinta de la que
tiene por defecto el navegador, se
debe poner la etiqueta <FONT FACE>
(ver Cap. 6) por fuera de la etiqueta
de la marquesina. Ejemplo:
<FONT FACE="IMPACT">
< MARQUEE
BGCOLOR="FFFF00">Esto se ve
con la fuente Impact</MARQUEE>
< /FONT>
Texto en movimiento con un
GIF animado
Otro procedimiento para conseguir
texto en movimiento es el de
confeccionar un GIF animado (ver el
Capítulo 12).
Se puede conseguir que el texto se
desplace realmente, emulando el
comportamiento de las marquesinas,
pero no es fácil conseguirlo, y puede
ser bastante laborioso.
Un procedimiento más sencillo es el
siguiente: Creamos el texto apropiado
con un programa gráfico (tiene la
ventaja sobre las marquesinas de que
podemos escoger el tipo de fuente y
los efectos que deseemos), tal como
el siguiente ejemplo (bienv1.gif):
Cómo incluir Javascript en un
documento HTML
Recordemos que la estructura de un
documento HTML es:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
< /HTML>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Html
HtmlHtml
Html
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Datos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván BravoDatos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván Bravo
 
Clase02 - JavaScript
Clase02 - JavaScriptClase02 - JavaScript
Clase02 - JavaScript
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Agregar espacios en html
Agregar espacios en htmlAgregar espacios en html
Agregar espacios en html
 
Html unidad 3
Html unidad 3Html unidad 3
Html unidad 3
 
Semana 3 Maquetación CSS
Semana 3   Maquetación CSSSemana 3   Maquetación CSS
Semana 3 Maquetación CSS
 
Curso HTML 5 & jQuery - Leccion 7
Curso HTML 5 & jQuery - Leccion 7Curso HTML 5 & jQuery - Leccion 7
Curso HTML 5 & jQuery - Leccion 7
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 

Similar a Marquesina html (20)

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
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
marquesinas
marquesinas marquesinas
marquesinas
 
Etiquetas Eze
Etiquetas EzeEtiquetas Eze
Etiquetas Eze
 
PAGINA
PAGINAPAGINA
PAGINA
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
Marcos
MarcosMarcos
Marcos
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_Valenzuela
 
Practia de marquesina en blugriffon
Practia de marquesina en blugriffonPractia de marquesina en blugriffon
Practia de marquesina en blugriffon
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
Elaboración de páginas web
Elaboración de páginas webElaboración de páginas web
Elaboración de páginas web
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 

Último

EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 

Último (20)

EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 

Marquesina html

  • 1. Marquesina HTML Las marquesinas son texto en movimiento. Ya funciona con ambos navegadores (hasta hace poco Netscape no lo implementaba, el 7 ya lo hace). La etiqueta es <MARQUEE>, un texto a desplazar y su cierre </MARQUEE>. Algunas etiquetas son: WIDHT, HEIGHT Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de píxel, o a un porcentaje de la pantalla. ALIGN Modifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). BEHAVIOR Este atributo (que quiere decir en inglés comportamiento) sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. <MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE> BGCOLOR Con este atributo se modifica el color de fondo de la marquesina, de acuerdo con el método visto en el Capítulo 7. <MARQUEE BGCOLOR="#FF7070"> Esta marquesina tiene un fondo de color rosa < /MARQUEE> DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. <MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha </MARQUEE> SCROLLAMOUNT Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. <MARQUEE SCROLLDELAY =200> Espero mucho entre cada salto </MARQUEE> LOOP Especifica el número de veces que aparecerá el texto. Es indefinido por defecto. HSPACE, VSPACE Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina. Fuentes dentro de la marquesina Si se desea que el texto que aparece dentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta <FONT FACE> (ver Cap. 6) por fuera de la etiqueta de la marquesina. Ejemplo: <FONT FACE="IMPACT"> < MARQUEE BGCOLOR="FFFF00">Esto se ve con la fuente Impact</MARQUEE> < /FONT> Texto en movimiento con un GIF animado Otro procedimiento para conseguir texto en movimiento es el de confeccionar un GIF animado (ver el Capítulo 12). Se puede conseguir que el texto se desplace realmente, emulando el comportamiento de las marquesinas, pero no es fácil conseguirlo, y puede ser bastante laborioso. Un procedimiento más sencillo es el siguiente: Creamos el texto apropiado con un programa gráfico (tiene la ventaja sobre las marquesinas de que podemos escoger el tipo de fuente y los efectos que deseemos), tal como el siguiente ejemplo (bienv1.gif): Cómo incluir Javascript en un documento HTML Recordemos que la estructura de un documento HTML es: <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> < /HTML>