Este pequeño tutorial sería válido tanto para WordPress.org como WordPress.com, y todos aquellos sitios que admitan HTML sencillo.
Muchas veces queremos resaltar algo cuando comentamos una entrada en un blog, y como no sabemos código HTML (o ignoramos que podamos utilizarlo), pues recurrimos a las “comillas” para hacerlo. Mi labor de hoy es mostraros cómo de una manera muy simple, podemos darle formato a nuestro texto mientras lo escribimos, para dejarlo bien bonito.
Empecemos con lo básico: Negrita, Cursiva y Subrayado. Tras el salto…
Negrita
Antes de la palabra o frase que queramos poner en negrita, añadimos la etiqueta <b> y después de la palabra o frase </b>. Esto marcará el inicio y el fin de la negrita.
| <b> texto en negrita </b> | texto en negrita |
La b es de Bold (marcado, grueso, fuerte, en el idioma de la pérfida Albión).
Cursiva
Igual que antes, cuando queramos que empiece la cursiva, escribimos <i> y cuando queramos que termine </i>.
| <i> texto en cursiva </i> | texto en cursiva |
La i es de Italic.
Subrayado
Ya sabéis cómo es, pero en este caso usaremos <u> y </u> para iniciar y terminar el subrayado.
| <u> texto subrayado </u> | texto subrayado |
La u es de Underline.
Estas tres etiquetas son anidables… es decir, podemos utilizar más de una a la vez para nuestro texto.
| <i>En un lugar de <b><u>la Mancha</u></b>, cuyo nombre no quiero acordarme…</i> |
| En un lugar de la Mancha, cuyo nombre no quiero acordarme… |
Hasta aquí lo más básico de lo básico… Vamos a ver ahora 2 etiquetas más, útiles, pero que no todos los blogs permiten: Enlaces e Imágenes.
Enlaces
La dinámica es la misma que antes, donde queremos que empiece el enlace añadimos la etiqueta <a href=”link“>, cambiando link por la url a la que queremos enlazar (OJO: las comillas tiene que permanecer). Cuando queramos cerrar el link, </a>.
| <a href=”http://zinemaniacos.com”>Zinemaníacos</a> | Zinemaníacos |
Imágenes
Este método permite que las imágenes aparezcan reflejadas, y no sólo hipervinculadas, en nuestros comentarios. Sólo necesitamos conocer la url de la imagen en cuestión que queramos utilizar. Si lo que quieres es reflejar una imagen que está en tu ordenador, antes tendrás que subirla a internet para poder obtener una url válida.
La etiqueta que tenemos que utilizar es <img src=”url de la imagen” />. Como véis, en este caso no existe etiqueta de cierre… la propia etiqueta de inicio se “autocierra”.
<img src=”https://zinemaniacos.files.wordpress.com/2013/06/hhbrfecy2qrqhsnultmgasakrpt.jpg” />
Estas serían las etiquetas más comunes y “permitidas” dentro de los comentarios de los blogs, aunque depende siempre de la seguridad que tengan implementada. En alguna ocasión, muchas, os encontraréis con que ni siquiera podréis poner las 3 básicas, y aparecerán como texto plano, y no como etiquetas…
Por otro lado también tendríamos las etiquetas de alineado de texto (izquierda, centrado, derecha y justificado), tachado, colores, listas, tablas y un larguísimo etc en el que no nos vamos a meter por tres razones: 1. es más complicado; 2. no se permite en la mayoría de sitios; y 3. no me apetece.
La última? la razón más poderosa.
Buen contenido.. Ordenado.. e interesante.
Sigue así. Mira tambien : la etiqueta Hola
La etiqueta hola se escapa a mis conocimientos… 🙂
Hola,
Seguro que tus explicaciones son de mucha utilidad para muchos usuarios que intentan enriquecer tanto los contenidos de sus articulos como los comentarios en ellos cuando se permite el uso de html.
Un Saludo y enhorabuena por tu blog.
David Saiz de http://davidsaiz.com