2.1 Editores HTML online

capas
Imagen  en pixabay de chowadari  bajo licencia Creative Common CCO

Familiarizados con los editores HTML, existe una opción de uso actual que serían los editores HTML online.  Estos te permiten  escribir el código directamente desde el navegador y subirlo a tu propia página.

Los editores HTML online podemos dividirlos en dos tipos. Por un lado, los minimalistas, pensados para usuarios con conocimientos de  sintaxis HTML que pueden escribir directamente en este lenguaje sin necesidad de ayuda. En segundo lugar, hay editores más completos para usuarios menos familiarizados con HTML que incluyen botones para añadir contenido especial, como imágenes, vídeo o tablas sin necesidad de escribir manualmente las etiquetas.

Tipos de editores HTML online

  • Online HTML Editor: editor sencillo que  consta de tres partes,  la barra de botones para aplicar titulares, negritas y cursivas, añadir enlaces e imágenes, etc.; el campo donde escribir directamente el código HTML y un tercer campo donde ver el resultado no editable. Con el código listo, existe la posibilidad de subirlo a tu propio espacio usando el servicio N.Nu, anunciado en la misma página.

  • Quackit Online HTML Editor: es más complejo, con una barra repleta de botones que te ayudarán a formatear y añadir elementos al texto sin necesidad de escribir las etiquetas manualmente. Además de poder aplicar estilos, formatos y de escoger fuentes y colores de texto, tienes la posibilidad de añadir enlaces, imágenes, tablas, elementos Flash y botones. Muy recomendable si no estás muy familiarizado con HTML.

  • Free Online HTML Editor: un  editor HTML online para principiantes,  destaca su barra de botones, que te ahorrarán  tener que recordar y escribir las etiquetas a mano. Por lo demás es muy sencillo.

  • Rendera Online HTML5 Editor: nos permite aprender HTML5, CSS y JavaScript. Dividido en dos paneles verticales, puedes elegir entre las distintas pestañas disponibles, donde encontrarás también ejemplos y ayuda. Además, te permite aplicar código HTML o Markdown, entre otras muchas opciones.

Para saber más

capas
Imagen  en pixabay de picography bajo licencia Creative Common CCO

Markdown

Todo aquel familiarizado con escribir escribir y publicar en Internet, debería conocer Markdown. Se trata de un lenguaje ligero para dar formato a contenidos escritos, de forma que puedas utilizar características muy frecuentes de la maquetación de textos (palabras en negrita, cursiva, enlaces, imágenes...) de una forma rápida, legible y productiva. Este lenguaje fue creado por John Gruber y Aaron Swartz como un formato sencillo y rápido para pequeñas publicaciones en Internet, pero con el paso del tiempo se fue extendiendo cada vez más e incluso ampliando a versiones más completas como MultiMarkdown (que soporta tablas, pies de página, soporte matemático, etc...) o GitHub Markdown Flavour (listas de tareas, resaltado de código, soporte de emoji etc). 

Entre los documentos que generan se encuentran HTML para publicar en web, PDF, EPUB para dispositivos móviles, etc. Sin olvidar que es posible aplicar estilos CSS por separado para darle el formato deseado y sin necesidad de diseñar maquetaciones, teniendo siempre el contenido separado de la presentación. Ejemplos de editores serían: MarkdownPad (para Windows), HarooPad (para Windows, Mac y Linux) y JotterPad (Android).