Códigos BB para escribir en la web

#2804

1. Introducción

Para darle formato al texto en los contenidos que crees para la web (tutoriales, análisis, comentarios, etc...) debes usar etiquetas de texto.

Las etiquetas de texto no son más que trozos especiales de texto que rodearán a las palabras que te interesen y le indicarán a la web qué es cada cosa. Por ejemplo, para destacar un trozo de texto, usaríamos las etiquetas [b]texto a destacar[/b]

La mayoría de las etiquetas de texto se abren: [b] ...

Y luego deben cerrarse añadiento un /: ... [/b]

2. Etiquetas básicas

Éstas son las etiquetas fundamentales que usarás con mayor frecuencia y que conviene saberse de memoria. No te asustes, son muy pocas:

[b]...[/b] - 'Negritas'

En realidad, más que 'negritas', lo correcto es decir que sirve para destacar un trozo de texto.

b.gif

[url=...]...[/url] - Enlaces

Para enlazar hacia otras webs.

url.gif

[#...]...[/#] - Enlaces dentro de retrovicio

Si deseas enlazar a otro artículo dentro retrovicio, este es el modo más cómodo. Tan sólo debes anotar el número identificativo del artículo al que quieras enlazar, lo encontrarás en la parte superior derecha de cada artículo.

nid.gif enlaceretrovicio.gif

[ inline:...] ó [ inline:...=...] - Fotos y ficheros

Si deseamos mostrar fotos o enlaces para que los usuarios descarguen los ficheros que hemos usado, usaremos un [ inline]. Tenemos la opción de añadirle un título a la foto o fichero que se mostrará si dejamos el cursor del ratón parado sobre la foto o enlace durante unos segundos.

Imágen mostrada con un 'inline'

[autor]...[/autor] - Para firmar los artículos

Si lo desea, puede firmar sus artículos con esta etiqueta. De todos modos, conviene restringir su uso a los artículos más personales como puedan ser sus 'proyectos' de construcción o restauración, análisis de videojuegos, etc...

autor.gif

[ul]...[/ul], [ol]...[/ol], [li]...[/li] - Listas sin numerar/numeradas y sus elementos

Las listas de elementos se componen de dos partes, por un lado indicaremos si se trata de una lista sin ordenar ([ul]...[/ul], unordered list) u ordenada ([ol]...[/ol], ordered list); y por otro los distintos elementos que la componene ([li]...[/li], list item).

listas.gif

3. Etiquetas un poco más complejas

...o no tan necesarias, o menos comunes, o que no hay que aprenderse Guiño

[fuente]...[/fuente] - Indicación del origen de la información

Si hemos obtenido información para la creación de nuestro artículo (tutorial, noticia, proyecto, etc...) desde alguna web, libro, persona o similar, conviene indicarla. Además de ser honrados, ayudaremos a que la gente que lo desee profundice más en el tema o investigue más.

fuente.gif

[valoracion=...]...[/valoracion] - Valoraciones de juegos

Usaremos esta etiqueta para escribir las valoraciones de los juegos. En realidad se trata de una lista un poco especial en la que debemos indicar la nota general del juego (de 0 a 10) al abrir la lista:

valoracion.gif

<table>, <tr>, <th>, <td> - Tablas, filas, celdas de título y celdas normales

Dado que las tablas se usarán poco y que no conviene limitarlas en cuanto a sus funciones, no tenemos un código BB específico para ellas sino que las escribiremos diréctamente en HTML.

Los elementos de una tabla son:

  • <table> Abre y cierra el cuerpo general de la tabla, marca su principio y su fin
  • <tr> Abre y cierra cada una de las filas de la tabla
  • <th> Indica una celda importante, normalmente las de la cabecera de la tabla
  • <td> Indica una celda normal
tablas.gif

Es bastante sencillo si nos damos cuenta de que avanzamos de izquierda a derecha y de arriba a abajo

4. Insertar videos de Youtube

Simplemente debemos incluir entre el código de Youtube

[youtube]...[/youtube]

el del video que queremos incluir, pero copiándo solamente el código que vemos detrás del signo =

Publicidad