Etiquetas HTML incorporadas admitidas por Flash Player at After-hours

Texto en formato HTML con campos de texto de flash

Flash Player admite un subconjunto de etiquetas HTML estándar, como y <li>, que puedes utilizar para aplicar estilo al texto de cualquier campo de texto dinámico o de introducción de texto.

Los campos de texto de Flash Player 7 y versiones posteriores también admiten la etiqueta <img>, que permite incorporar archivos JPEG, archivos SWF y clips de película a un campo de texto. Flash Player distribuye automáticamente el texto alrededor de las imágenes incorporadas a los campos de texto, de forma muy similar a como los navegadores Web distribuyen el texto alrededor de las imágenes incorporadas en las páginas HTML.

Etiqueta de anclaje (<a>)

La etiqueta <a> crea un hipervínculo y admite los atributos siguientes:

href Especifica la URL de la página que se cargará en el navegador. La URL puede ser absoluta o bien relativa a la ubicación del archivo SWF que carga la página.

target Especifica el nombre de la ventana de destino en la que se cargará la página.

Por ejemplo, el fragmento de código HTML siguiente crea el vínculo 'Ir al foro', que abre www.after-hours.org/foro en una ventana de navegador nueva.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 300, 20);
mytext.html = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0xff0000;
myformat.underline = true;
mytext.htmlText = '<a href="http://www.after-hours.org/foro" target="_blank">Ir al Foro</a>';
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de salto de línea ( )

La etiqueta   crea un salto de línea en el campo de texto, como se muestra en este ejemplo:

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 300, 100);
mytext.html = true;
mytext.multiline = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
mytext.htmlText = 'Una línea de texto. Otra línea de texto.';
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de fuente ()

La etiqueta  especifica una fuente o una lista de fuentes para mostrar el texto.

La etiqueta de fuente admite los atributos siguientes:

color Sólo se admiten los valores de colores hexadecimales (#FFFFFF).

face Especifica el nombre de la fuente que se utiliza. También puede especificar una lista de nombres de fuentes separados por comas; en este caso, Flash Player elegirá la primera fuente disponible. Si la fuente especificada no está instalada en el sistema de reproducción o no está incorporada en el archivo SWF, Flash Player elegirá una fuente alternativa.

size Especifica el tamaño de la fuente en píxeles. También puede utilizar tamaños en puntos relativos (+2 o -4).
Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 300, 100);
mytext.html = true;
mytext.multiline = true;
mytext.htmlText = 'Esto es texto de color rojo';
mytext.htmlText +=
'Esto es Times o Times New Roman..';
mytext.htmlText +=
'Esto es texto de color verde de 24 puntos>';

This movie requires Flash Player 8

Etiqueta de imagen (<img>)

La etiqueta <img> permite incorporar archivos JPEG y SWF externos y clips de película en los campos de texto. El texto fluye automáticamente alrededor de las imágenes incorporadas en los campos de texto. Esta etiqueta está admitida únicamente en los campos de texto dinámicos y de introducción de texto multilínea y con ajuste de texto.

La etiqueta <img> tiene un solo atributo necesario, src, que especifica la ruta a un archivo JPEG, a un archivo SWF o al identificador de vínculo de un símbolo de clip de película. Todos los demás atributos son opcionales.

La etiqueta <img> admite los atributos siguientes:

src Especifica la URL de un archivo JPEG o SWF o el identificador de vínculo de un símbolo de clip de película de la biblioteca. Este atributo es necesario; todos los demás son opcionales. Los archivos externos (JPEG y SWF) no se muestran hasta que no se han descargado completamente.

Nota: Flash Player no admite archivos JPEG progresivos.

id Especifica el nombre de la instancia de clip de película (creada por Flash Player) que contiene el archivo JPEG, SWF o el clip de película incorporado. Resulta de utilidad si desea controlar el contenido incorporado con ActionScript.

width Anchura, en píxeles, de la imagen, el archivo SWF o el clip de película.

height Altura, en píxeles, de la imagen, archivo SWF o clip de película que se va a insertar.

align Especifica la alineación horizontal de la imagen incorporada en el campo de texto. Los valores válidos son left y right. El valor predeterminado es left.

hspace Especifica la cantidad de espacio horizontal que rodea a la imagen si no aparece texto alguno. El valor predeterminado es 8.

vspace Especifica la cantidad de espacio vertical que rodea a la imagen si no aparece texto alguno. El valor predeterminado es 8.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 0, 0, 500, 375);
mytext.html = true;
mytext.multiline = true;
mytext.wordWrap=true
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
mytext.htmlText =
"Aquí es donde me lo curro:<img src='http://www.after-hours.org/blog/2006/tutoriales/htmlTags/myWS.jpg'>";
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de cursiva ()

La etiqueta  muestra el texto en cursiva. Debe haber un tipo de letra en cursiva disponible para la
fuente utilizada.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 500, 20);
mytext.html = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
mytext.htmlText = 'Este texto está en cursiva';
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de elemento de lista (<li>)

La etiqueta <li> coloca una viñeta delante del texto incluido en la etiqueta.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 500, 100);
mytext.html = true;
mytext.multiline = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
mytext.htmlText = '<li>Manzanas</li> <li>Naranjas</li> <li>Limones</li>';
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de párrafo ()

La etiqueta  crea un párrafo nuevo. Admite los atributos siguientes:

align Especifica la alineación del texto dentro del párrafo; los valores válidos son left,right y center.
class Especifica una clase de estilos CSS definida por un objeto TextField.StyleSheet.

En el ejemplo siguiente se utiliza el atributo align para alinear el texto centrado en un campo de texto.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 0, 15, 500, 100);
mytext.html = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
mytext.htmlText = "Este texto se alinea en el centro del campo de texto
";
mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de formato de texto (<textformat>)

La etiqueta <textformat> permite utilizar un subconjunto de las propiedades de formato de párrafo de la clase TextFormat en los campos de texto HTML, incluidos el interlineado, la sangría, los márgenes y las tabulaciones. Puede combinar las etiquetas <textformat> con las etiquetas HTML incorporadas.

La etiqueta <textformat> tiene los atributos siguientes:

blockindent Especifica la sangría de bloque en puntos; corresponde a TextFormat.blockIndent.

indent Especifica la sangría desde el margen izquierdo hasta el primer carácter del párrafo.

leading Especifica la cantidad de espacio vertical entre las líneas (interlineado).

leftmargin Especifica el margen izquierdo del párrafo en puntos.

rightmargin Especifica el margen derecho del párrafo en puntos.

tabstops Especifica las tabulaciones personalizadas como una matriz de enteros no negativos.

Ejemplo

En el ejemplo de código siguiente se utiliza el atributo tabstops de la etiqueta <textformat> para crear una tabla de datos con encabezados de fila en negrita.

PLAIN TEXT

Actionscript:

var rowHeaders = 'Nombret<b<EdadtDepartamento&quot';
var row_1 = "Tomást31tIMD";
var row_2 = "Eduardot42tQA";
// --
_root.createTextField ("table_txt", 1, 20, 20, 500, 200);
table_txt.html = true;
table_txt.multiline = true;
table_txt.wordWrap = true;
myformat = new TextFormat ();
myformat.size = 10;
myformat.font = "verdana";
myformat.color = 0x000000;
// --
table_txt.htmlText = "<textformat tabstops='[100, 200]'>";
table_txt.htmlText += rowHeaders;
table_txt.htmlText += row_1;
table_txt.htmlText += row_2;
table_txt.htmlText += "</textformat>";
table_txt.setTextFormat (myformat);

This movie requires Flash Player 8

Etiqueta de subrayado ()

La etiqueta subraya el texto incluido en la etiqueta.

Ejemplo

PLAIN TEXT

Actionscript:

_root.createTextField ("mytext", 1, 10, 10, 500, 20);

mytext.html = true;

myformat = new TextFormat ();

myformat.size = 10;

myformat.font = "verdana";

myformat.color = 0x000000;

mytext.htmlText = 'Este texto está subrayado';

mytext.setTextFormat (myformat);

This movie requires Flash Player 8

Estilos para etiquetas HTML incorporadas

Se puede asignar un estilo CSS a cada instancia de una etiqueta HTML incorporada que aparezca en un campo de texto. Por ejemplo, a continuación se define un estilo para la etiqueta HTML incorporada
. Todas las instancias de dicha etiqueta tendrán el estilo especificado por la regla de estilo.

PLAIN TEXT

CSS:

p {

font-family: Arial,Helvetica,sans-serif;

font-size: 12px;

display: inline;

}

Nombre del estilo Aplicación

p Afecta a todas las etiquetas .

body Afecta a todas las etiquetas <body>. El estilo p, si se especifica, tiene prioridad sobre el estilo body.

li Afecta a todas las etiquetas de viñeta <li>.

a Afecta a todas las etiquetas de anclaje <a>.

a:link Afecta a todas las etiquetas de anclaje <a>. Este estilo se aplica después del estilo a.

a:hover Se aplica a una etiqueta de anclaje <a> cuando se coloca el puntero del ratón sobre el vínculo. Este estilo se aplica después de los estilos a y a:link.

a:active Se aplica a una etiqueta de anclaje <a> cuando el usuario hace clic en el vínculo. Este estilo se aplica después de los estilos a y a:link.