Código HTML básico para dar formato a tus comentarios

A continuación te ofrecemos algunas etiquetas HTML básicas que te permiten dar estilo a tus comentarios en los blogs de Skype. Solo admitimos las etiquetas que figuran a continuación y bloqueamos cualquier otro elemento HTML.

Información básica

  • Asegúrate de que cada etiqueta tenga un inicio < > y un final </>. Por ejemplo, <u>este texto está subrayado</u>.

  • Las etiquetas únicas como los saltos <br /> son las únicas excepciones.

  • Cuando uses marcas de voz para referirte a imágenes, texto alternativo o vínculos que desees añadir, asegúrate de abrir " y cerrar " las marcas de voz p. ej., <a href="http://www.skype.com">este es un vínculo a skype.com</a>

Dar formato al texto

  • Negrita: <strong>el texto estaría ahora en negrita</strong>

  • Subrayado: <u>el texto estaría ahora subrayado</u>

  • Cursiva: <em>el texto estaría ahora en cursiva</em>

Párrafos y saltos de línea

  • Párrafos: <p>este texto sería un párrafo</p>

  • Salto de línea: el final de una línea <br /> y el comienzo de otra

Listas

Las viñetas (listas sin orden) y las listas numeradas (listas con un orden) necesitan una etiqueta para configurar la lista, y otra etiqueta <li> para separar cada elemento de la lista.

Ejemplo de una lista con viñetas:

<ul>
<li>fácil de analizar</li>
<li>fácil de leer</li>
<li>fantástico para resumir</li>
</ul>

Ejemplo de una lista numerada:

<ol>
<li>fácil de analizar</li>
<li>fácil de leer</li>
<li>fantástico para resumir</li>
</ol>

Vínculos

  1. Para agregar un vínculo, primero usa la etiqueta de anclaje <a></a>
  2. Ahora, dentro de la etiqueta<a>, agrega href="dirección de Internet" para referirte a la dirección de Internet que deseas vincular: p. ej., <a href="http://www.skype.com">
  3. Por último, agrega el texto que aparecerá en la página como texto de hipervínculo entre las etiquetas <a href></a>: p. ej., <a href="http://www.skype.com">skype.com</a>.

Imágenes

  1. Para agregar una imagen, usa la etiqueta única <img />.
  2. Dentro de la etiqueta <img />, agrega un espacio después de img y luego, el atributo fuente (donde está ubicada la imagen): p. ej., <img src="http://www.skype.com/i/images/logos/skype_logo.png"/>
  3. A continuación, agrega un espacio, después, una descripción de la imagen con texto alternativo: p. ej., alt=‟logotipo de Skype”
  4. Entonces, todo junto queda de la siguiente manera p. ej., <img src=‟http://www.skype.com/i/images/logos/skype_logo.png” alt=‟logotipo de Skype” />. Recuerda dejar un espacio, después agrega la barra inclinada al final de la etiqueta para cerrarla.