Guía básica de las etiquetas HTML del foro.
¡Buenas nintenderos/as! El foro se ha renovado completamente, tanto que ahora en vez de usar etquetas llamadas BBCODE, usan HTML, pues he decidido crear esta guía para los que o sepáis usarlas correctamente o tengáis duda.
Antes de empezar recuerdo que todas las etiquetas se tiene que cerrar, por ejemplo:
¡Hola!
Etiquta
Etiquetas
<b>¡Hola mundo!</b>
Etiqueta <strong>:
Esta etiqueta sirve para convertir en negrita las palabras que hayamos seleccionado desde el inicio de la etiqueta hasta el final de la misma, veamos un ejemplo:
<strong>¡Hola!</strong>
Resultado: ¡Hola!;
Etiqueta <em> (i) :
Con esta etiquetas vamos a poder convertir las palabras que hayamos seleccionado en cursiva; se puede combinar con la etique <b>. Veamos un ejemplo:
<em>¡Hola!</em>
Resultado: ¡Hola!
Etiqueta <a> (link):
Con esta etiqueta vamos a poder insertar un hipervinculo en nuestro mensaje, podemos insertarla con el botón link que encontramos en el encabezado, o de la siguiente manera:
<a href="http://nintenderos.com/">nintenderos.com</a>
Resultado: nintenderos.com
Etiqueta <blockquote> (b-quote): Con esta etqiqueta podemos citar el mensaje de alguien, entre otras cosas...
La podemos seleccionar desde el encabezado o de la siguiente manera:
<blockquote>¡Hola!</blockquote>
Resultado:
¡Hola!Etiqueta
<del>: Con esta etiqueta podemos tachar una parte de nuestro mensaje, veamos un ejemplo:
<del>¡Hola</del>
Resultado: <img>: Con ésta podemos insertar una imagen en nuestro mensaje; necesitamos tener un enlace directo a la imagen. Veamos un ejemplo:
<img src="http://lorempixel.com/207/180/" alt="Esto es opcional, sirve para cuando un usario tenga el ratón en la imagen ver un recuadro con información adicional sobre la misma." />
Resultado:
<ul>, <ol> y <li>: Con estas etiqueta podremos colocar listas en nuestro mensajes.
La etiqueta ul sirve para crear eiquetas 'desordenadas' -sin número, solo con unos cuadrados- tiene que llevar la etiqueta li para crear los elementos de la misma, veamos un ejemplo:
<ul>
<li>¡Hola #1!</li>
<li>¡Hola #2!</li>
<li>¡Hola #3!</li>
<li>¡Hola #4!</li>
</ul>
Resultado:
- ¡Hola #1!
- ¡Hola #2!
- ¡Hola #3!
- ¡Hola #4!
<ol>
<li>¡Adiós #1!</li>
<li>¡Adiós #1!</li>
<li>¡Adiós #1!</li>
<li>¡Adiós #1!</li>
</ol>
Resultado:
- ¡Adiós #1!
- ¡Adiós #1!
- ¡Adiós #1!
- ¡Adiós #1!
(code): Sirve para mostrar lineas de código sin que hagan efectos en el mensaje.
Resultado: <b>Texto de ejemplo</b>
Opción "cerrar etiquetas": Con ella podemos cerrar etiquetas que no han sido cerradas automáticamente (no recomendado.)
Insertar vídeos de YouTube: aunque esto no sea una etiqueta, voy a mostrar cómo insertar un vídeo:
Para insertar un vídeo sólo tiene que insertar la url del mensaje, por ejemplo:
¡Qué vídeo más chulo! https://www.yotube.com/wath?v=CES32EOxiyw
Resultado: ¡Qué vídeo más chulo!
https://www.youtube.com/watch?v=CES32EOxiyw
Esto es de momento todas las opciones que tenemos disponibles en el foro, si se añaden nuevas, se editará el post.
¡Saludos!
