El gestor de contenidos de este blog tiene algunas etiquetas propias para facilitar la inclusión de elementos multimedia y de diseño, pero el código fuente admite esa inclusión en forma de código HTML directamente. Además, en el editor de este blog existe el botón de plantillas (el último de todos) que abre una ventana desde donde se pueden incluir casi todas estas etiquetas sin necesidad de escribirlas.
Estas etiquetas se escriben entre corchetes, y hay una de apertura y otra de cierre; ésta incluye una barra (/) al principio. Dentro de la etiqueta de apertura puede haber algunos atributos que la modifican después del signo igual (=). Y la palabra ENLACE se sustituye por la URL, que puede ser relativa, es decir, no hay necesidad de escribir la URL completa, con alguna excepción. Las palabras en mayúsculas que hay en estas etiquetas indican lo que hay que incluir en vez de esas palabras.
La sintaxis de las etiquetas es así:
[etiqueta=atributos numéricos=ATRIBUTOS TEXTUALES]ENLACE[/etiqueta]
Para mostrar las etiquetas en este documento sin que se activen, pondré un paréntesis donde tendría que ir el último corchete: [/etiqueta).
[podcast=1]ENLACE[/podcast)
Las siguientes etiquetas tienen una sintaxis parecida. El primer atributo es la anchura y el segundo, la altura del objeto. En medio va el ENLACE del objeto.
[video=400=300]ENLACE_COMPLETO[/video)
[video1=400=300=TITULO]ENLACE_COMPLETO[/video)
[flash=400=300]ENLACE[/flash)
[iframe=630=500]ENLACE[/iframe)
[ficha=green=TITULO)
TEXTO
[/ficha)
Con esta etiqueta podemos insertar una imagen en la actividad:
[imagen=centro=DESCRIPCION]ENLACE[/imagen)
se pueden cambiar tres valores:
En las imágenes que van a ir a la izquierda y a la derecha del párrafo, hay que colocar el principio del párrafo pegado al final de la etiqueta para que el conjunto quede en el mismo párrafo y la presentación sea correcta. Es de esta forma:
[imagen=izquierda=DESCRIPCION]ENLACE[/imagen)Principio del párrafo...
No hay que confundir esta etiqueta con la que se incluye con el botón Img, pues la nueva etiqueta simplifica la inclusión de la imagen, y el código utilizado incluye las marcas de las hojas de estilo CSS.
La etiqueta marco reproduce el marco verde y fino que aparece alrededor de cada comentario. Se puede usar en las actividades para enfatizar algún apartado o sección. Su sintaxis es la siguiente:
[marco)
Texto de párrafo con etiqueta de párrafo
[/marco)
Con la etiqueta marco_color se puede elegir el color del borde y color del fondo:
[marco_color=#f9930f=#f9eee0)
Texto de párrafo con etiqueta de párrafo
[/marco)
Si lo usáis con HTML, no os olvidéis de usar la etiqueta de párrafo de HTML en el texto.
[galeria1)
Imágenes
[/galeria=600=300)
Hay que poner [galeria1). Después se insertan las imágenes con código o con el botón del editor, da igual. Y al final, ponemos[/galeria=600=300) con la anchura y la altura del reproductor respectivamente. En esta etiqueta, por motivos técnicos, las dimensiones van en la etiqueta de cierre.
El tamaño de las imágenes puede ser distinto. Las imágenes pueden ser más grandes que el reproductor, porque se verán adaptadas al tamaño de éste, pero conviene que sean del mismo tamaño en que se verán.
Más información en este comentario del foro.
La sintaxis de la etiqueta para introducir páginas en una entrada es:
[newpage)
Cada vez que pongáis esa etiqueta en un post se verá una nueva página, de forma que un mismo post puede constar de varias páginas numeradas.
Para incluir huecos que rellenar en un texto tenemos la etiqueta gap, cuya sintaxis es:
[gap=TEXTO=TAMAÑO) Ejemplo: [gap=Hola=7)
Existe la etiqueta [gap_instructions) que muestra un boton para las instrucciones:
Esta es una etiqueta para el nuevo audio. Es muy simple. Se llama audio1 y tiene la opción de elegir la longitud del reproductor, que por defecto es 300 píxeles. Le he quitado los controles de quitar y subir o bajar el sonido, porque no valen para nada, ya que si quieres quitar el sonido, lo apagas y ya está, y porque en tamaños pequeños, abultan mucho y quitan espacio a la línea de reproducción, que sí es importante. La sintaxis es así (con los corchetes cambiados aquí por paréntesis para que no se active):
(audio1=300)ENLACE(/audio)
Y esto funciona así, con tamaños 200 y 300:
De momento hay tres tipos de tests. Su uso es un poco complicado. Ésta es su sintaxis:
[test=1=#FDF0DA), [test=2=#FDF0DA), [test=3=#FDF0DA)
Para el correcto funcionamiento de estos tests, consultad con Pege Gotera.
Si queréis hacer un test como el del buen blogfesor, podéis ir a este documento donde explico cómo hacerlo, pues no se puede poner en una etiqueta.
URL del artículo: http://www.tinglado.net/?id=etiquetas-de-codigo
(El tinglado - http://www.tinglado.net - Con licencia de Creative Commons)