BBCode - Una guía básica
Introducción - Lenguaje de Etiquetas
Un lenguaje de etiquetas o marcas, en general es un conjunto de instrucciones principal mente enfocadas a dar presentación a un texto simple o plano (el que escribirías usando el bloc de notas), a diferencia de un lenguaje de programación, un lenguaje de etiquetas no maneja variables ni algún tipo de operación. La estructura de una etiqueta es:
Carácter_de_inicio_etiquetaNombre_EtiquetaCarácter_de_fin_etiqueta
Por ejemplo
Casi siempre existe una etiqueta de cierre, esta es similar a la de apertura, tal y como la etiqueta del ejemplo anterior, solo que se distingue porque contiene una barra inclinada(que puede ser ó /). La estructura genérica de la etiqueta de cierre es:
Carácter_de_inicio_etiqueta/Nombre_EtiquetaCarácter_de_inicio_etiqueta
Por ejemplo
[/Etiqueta]
Dependiendo del lenguaje, los caracteres que delimitan la etiqueta pueden varar.
BBCode
Es un lenguaje nacido en los foros de Internet como respuesta a la necesidad de dar formato al texto que se publica, sin tener conocimientos previos de HTML. En mi opinión es similar al HTML, aunque en ciertas tareas como insertar un video o un enlace, el código se simplifica bastante.
No todos los sitios Web soportan todas las etiquetas de BBCode que existen, así que enlistaré las más usadas:
y - Negrilla (bold)
soy negrilla
Soy negrilla
y - Cursiva (Italic)
Soy cursiva
Soy cursiva
y - Subrayado (Underline)
Soy subrayado
Soy subrayado
y [/s] - Tachado (Strike)
Soy tachado[/s]
Soy tachado
ó [url] y [/url] - Agregar un enlace [url="http://www.google.com&qGoogle[/url] Google [url]http://www.google.com[/url] http://www.google.com
ó Insertar imágen
ó
[swf]"URL"[/swf] ó [swf] y [/swf] Insertar archivos flash (juegos, videos Youtube, etc.)
[swf]"http://www.youtube.com/watch?v=ft3wGg6WbPQ"[/swf] ó
[swf]https://ugc.kn3.net/s/http://www.youtube.com/watch?v=ft3wGg6WbPQ[/swf]
Introducción - Lenguaje de Etiquetas
Un lenguaje de etiquetas o marcas, en general es un conjunto de instrucciones principal mente enfocadas a dar presentación a un texto simple o plano (el que escribirías usando el bloc de notas), a diferencia de un lenguaje de programación, un lenguaje de etiquetas no maneja variables ni algún tipo de operación. La estructura de una etiqueta es:
Carácter_de_inicio_etiquetaNombre_EtiquetaCarácter_de_fin_etiqueta
Por ejemplo
Casi siempre existe una etiqueta de cierre, esta es similar a la de apertura, tal y como la etiqueta del ejemplo anterior, solo que se distingue porque contiene una barra inclinada(que puede ser ó /). La estructura genérica de la etiqueta de cierre es:
Carácter_de_inicio_etiqueta/Nombre_EtiquetaCarácter_de_inicio_etiqueta
Por ejemplo
[/Etiqueta]
Dependiendo del lenguaje, los caracteres que delimitan la etiqueta pueden varar.
BBCode
Es un lenguaje nacido en los foros de Internet como respuesta a la necesidad de dar formato al texto que se publica, sin tener conocimientos previos de HTML. En mi opinión es similar al HTML, aunque en ciertas tareas como insertar un video o un enlace, el código se simplifica bastante.
No todos los sitios Web soportan todas las etiquetas de BBCode que existen, así que enlistaré las más usadas:
y - Negrilla (bold)
soy negrilla
Soy negrilla
y - Cursiva (Italic)
Soy cursiva
Soy cursiva
y - Subrayado (Underline)
Soy subrayado
Soy subrayado
y [/s] - Tachado (Strike)
Soy tachado[/s]
Soy tachado
ó [url] y [/url] - Agregar un enlace [url="http://www.google.com&qGoogle[/url] Google [url]http://www.google.com[/url] http://www.google.com
ó Insertar imágen
ó
[swf]"URL"[/swf] ó [swf] y [/swf] Insertar archivos flash (juegos, videos Youtube, etc.)
[swf]"http://www.youtube.com/watch?v=ft3wGg6WbPQ"[/swf] ó
[swf]https://ugc.kn3.net/s/http://www.youtube.com/watch?v=ft3wGg6WbPQ[/swf]
y [align] Alinear un párrafo,imagen, etc..
Nota: en alineación solo acepta left,right,center
estoy alineado a la izquierda
estoy alineado al centro
estoy alineado a la derecha
Jerarquía
Las etiquetas tienen cierta jerarquía, esta es:
align (va antes que cualquier otra etiqueta, y se cierra al final de cada párrafo).
img , swf y url tienen la misma jerarquía. De estas, solo img y url se deberían de combinar.
b , i, u, s tienen la misma jerarquía, se pueden combinar de cualquier forma, pero se recomienda que se abran en el siguiente orden
Consejos
Se puede omitir el uso de la etiqueta puesto que la alineación por defecto está a la derecha.
Se recomienda que las etiquetas que abras, las cierres en orden inverso al que las abres, por ejemplo : Soy negrilla y subrayado como puedes ver, se escribe primero la etiqueta y se cierra con
Se puede omitir el uso de comillas adentro de las etiquetas, ejemplo: Google es lo mismo que Google
Para agregar un enlace a una imagen [ /url]
Nota: en alineación solo acepta left,right,center
estoy alineado a la izquierda
estoy alineado a la izquierda
estoy alineado al centro
estoy alineado al centro
estoy alineado a la derecha
estoy alineado a la derecha
Jerarquía
Las etiquetas tienen cierta jerarquía, esta es:
align (va antes que cualquier otra etiqueta, y se cierra al final de cada párrafo).
img , swf y url tienen la misma jerarquía. De estas, solo img y url se deberían de combinar.
b , i, u, s tienen la misma jerarquía, se pueden combinar de cualquier forma, pero se recomienda que se abran en el siguiente orden
Consejos
Se puede omitir el uso de la etiqueta puesto que la alineación por defecto está a la derecha.
Se recomienda que las etiquetas que abras, las cierres en orden inverso al que las abres, por ejemplo : Soy negrilla y subrayado como puedes ver, se escribe primero la etiqueta y se cierra con
Se puede omitir el uso de comillas adentro de las etiquetas, ejemplo: Google es lo mismo que Google
Para agregar un enlace a una imagen
[ /url]