Estilos y variables para el texto de tus publicaciones

Publicar en internet ocasionalmente requiere hacer uso de estilos css y variables para resaltar o diferenciar nuestros textos.

Si el proposito de tu publicación es informar de manera simple y concisa, será suficiente aplicar estilos y marcado básicos de tu editor TinyMCE como los son el uso de negritas, itálicas y uso de citas y enlaces, así como la asignación de colores.

Si tu objetivo es crear una publicación mas nutrida, entonces puedes hacer uso de más estilos existentes, adaptados bajo el formato de bootstrap incorporados en Ekiline.

 

Dar formato a selección de texto individual

1 Pequeño (Small),
Aplica al texto marcado un tamaño de fuente más pequeño añadiendo la etiqueta HTML: small.

<small> texto </small>

2 Remarcar (Mark), Individual
Representa un texto resaltado, incorporando un efecto de marca-textos, resalta el texto seleccionado en un contexto particular agregando la etiqueta HTML: mark.

<mark> texto </mark>

3 Eliminar (Del)
Marca las partes de un texto que han sido suprimidas o sustituidas, y se conservan para fines informativos con la etiqueta HTML: del.

<del> texto </del>

4 Insertar (Ins)
Marca las partes de un texto que han sido añadidos a la publicación con la etiqueta HTML: ins.

<ins> texto </ins>

5 Abreviatura (abbr)
Designa que el texto es una abreviatura con la etiqueta HTML: abbr. Opcionalmente puede proporcionar una descripción completa con la propiedad “title”.

<abbr title="descripcion completa de abreviatura"> texto </abbr>

6 Siglas (CSS = “initialism”)
Al seleccionar nuestro texto, los transforma en mayúsculas o versalitas añadiendo una clase css.

<p class="initialism" > texto </p>

7 Cita (cite)
Marca la referencia a una fuente o el autor de un texto citado agregando la etiqueta HTML: cite.

<p> <cite> autor </cite> cita propiedad del autor citado </p>

8 Entrada de usuario (kbd)
Se usa para especificar un proceso donde se requiere que el visitante ingrese datos o haga uso de su teclado. Se asigna con la etiqueta HTML: kbd.

<kbd> texto </kbd>

9 Variable (var)
Especifica un elemento que es una variable en un proceso. Se asigna con la etiqueta HTML: var.

<p> Esta página estará lista cuando el <var> contador </var> sea igual 0</p>

10 Muestra salida (samp)
Especifica un elemento de salida que es hecha por la computadora. Se asigna con la etiqueta HTML samp. Su uso es complementario, por ejemplo, en una descripción donde se indica al lector que el ordenador arrojará un mensaje como resultado.

<p>Entonces el ordenador mostrará el mensaje: <samp> hola mundo </samp> </p>

11 Dirección (address)
Aporta información de contacto y obedecerá la jerarquía de etiquetas article, body o todo el documento. Se asigna con la etiqueta HTML: address. Puede contener enlaces, direcciones y texto en general, pero no elementos anidados como encabezados, secciones o navegaciones.

<address> texto </address>


Dar formato bloque de texto

12 Bloque de código (pre)
Brinda formato para ejemplificar código HTML, con la etiqueta pre. Útil en los casos de reproducción y muestreo de código HTML.

<pre> texto </pre>