Hello. If you are new to Hive, or want to learn how to improve the appearance of your publications, giving them a professional style that allows you to provide your audience with quality, visually pleasing and easy to read content, then this guide is for you.
En la comunidad de Writing Club queremos apoyarte y brindarte todas las herramientas que necesitas, para que alcances el éxito escribiendo cosas grandiosas. Por esta razón, ponemos a tu disposición, una serie de guías con instrucciones paso a paso para principiantes, con las que puedes aprender muchas cosas interesantes.
Hoy te enseñaremos cómo utilizar los principales códigos de los lenguajes de programación HTML y MARKDOWN, para que la estructura de tus publicaciones se vea muy bien.
¡Ah! pero no te asustes, parece ser algo complicado pero realmente no lo son, además te explicaremos de una manera tan amena, que aprenderás a usarlos a la perfección con ejemplos prácticos.
In the Writing Club community we want to support you and give you all the tools you need to achieve success writing great things. For this reason, we put at your disposal, a series of guides with step by step instructions for beginners, with which you can learn many interesting things.
Today we will teach you how to use the main codes of the HTML and MARKDOWN programming languages, so that the structure of your publications will look great.
Ah but don't be scared, they seem a bit complicated but they are not, besides we will explain you in such an enjoyable way that you will learn how to use them perfectly with practical examples.
¿Qué es el maquetado o estructura de la publicación?
Lo primero que debes saber es que, la estructura detrás de la forma visible resultante en la publicación, es conocida popularmente como la maqueta. Eso es fundamental para que tu publicación genere una buena impresión al lector.
En esa estructura semilla, debes colocar los códigos adecuados para que los párrafos estén correctamente alineados y justificados. Las imágenes deben tener los enlaces correspondientes para citar su fuente (recuerda que siempre sean fuentes libres de derechos de autor), aquí también puedes hacer muchas cosas más como poner las letras en cursiva, negrita, o simplemente asignarle la categoría necesaria a cada título.
Pero descuida, no quiero abrumarte con tanta información de un solo golpe. Lo primero que debes aprender es que en una publicación literaria lo recomendable es que el texto esté totalmente justificado, para eso debes colocar este código al empezar tu publicación.
What is the layout or structure of the publication?
The first thing you should know is that the structure behind the resulting visible form in the publication is popularly known as the layout. This is fundamental for your publication to generate a good impression on the reader.
In this seed structure, you must place the appropriate codes so that the paragraphs are correctly aligned and justified. The images must have the corresponding links to cite their source (remember that they must always be copyright free sources), here you can also do many other things like putting the letters in italics, bold, or simply assign the necessary category to each title.
But don’t worry, I don't want to overwhelm you with so much information at once, the first thing you should learn is that in a literary publication it is recommended that the text is fully justified, for that you must place this code at the beginning of your publication.
Aprende cómo separar los párrafos
El siguiente paso es aprender cómo dar espacios adecuados a la distancia entre párrafos, recuerda que en la estructura es mucho más que solo pulsar enter, debes indicar correctamente donde debe ir una separación de párrafos para que no se mezclen con las imágenes por ejemplo. Para ello puedes usar estos códigos más un espacio.
#<br>Learn how to separate paragraphs
The next step is to learn how to give adequate spaces to the distance between paragraphs, remember that in the structure is much more than just pressing enter, you must correctly indicate where a paragraph separation should go so that they are not mixed with the images for example. To do this you can use these codes plus a space.
#<br>
A continuación, te mostramos cómo centrar textos e imágenes
En algunas ocasiones, como en el caso de los poemas o algunas imágenes, será necesario que realices una ubicación en el centro de la página.
Esto es realmente fácil de lograr, es casi igual o más fácil incluso que justificar, para ello solo debes usar el código:
<center>Contenido</center>Here's how to center texts and images
In some occasions, as in the case of poems or some images, it will be necessary to place them in the center of the page.
This is really easy to achieve, it is almost the same or even easier than justify, for this you only have to use the code:
<center> Content </center>
Títulos y encabezados ¿Cómo hacerlo correctamente?
La publicación debe llevar un orden lógico para que los buscadores de Google puedan encontrarla y entenderla con facilidad, eso te permitirá que tu publicación gane alcance y visibilidad mucho más allá de los bloques de Hive.
El título principal es el llamado H1, por lo tanto este tipo de títulos sólo puede usarse una vez, en la primera línea de la publicación y expresamente cuando deba completarse una idea fundamental.
De allí en adelante puedes dividir tu publicación usando las nomenclaturas de títulos en cascada de manera descendente, H1, H2, H3, H4, H5 y así sucesivamente, para ello debes usar estos códigos:
Titles and headings How to do it correctly?
The publication must have a logical order so that Google search engines can find it and understand it easily, this will allow your publication to gain reach and visibility far beyond the Hive blocks.
The main title is called H1, therefore this type of title can only be used once, in the first line of the post and expressly when a fundamental idea must be completed.
From then on you can divide your publication using the nomenclatures of cascading titles in a descending way, H1, H2, H3, H4, H5 and so on, for this you must use these codes:
<H1>TEXTO-TEXT</H1> | # TEXTO-TEXT | TEXTO-TEXT |
<H2>TEXTO-TEXT </H2> | ##TEXTO-TEXT | TEXTO-TEXT |
<H3>TEXTO-TEXT</H3> | ### TEXTO-TEXT | TEXTO-TEXT |
<H4>TEXTO-TEXT</H4> | #### TEXTO-TEXT | TEXTO-TEXT |
<H5>TEXTO-TEXT</H5> | ##### TEXTO-TEXT | TEXTO-TEXT |
¿Cómo insertar una imagen en la publicación?
Este es un paso realmente sencillo de realizar, solo debes tener la imagen lista en el formato adecuado para que sea aceptada sin problemas en la plataforma, siempre procurando que sean imágenes propias o libres de derechos de autor.
Solo tienes que dirigirte a la parte superior del editor y seleccionar la opción insertar imagen, marcar el enlace correspondiente y seleccionar subir.
Luego puedes centrar usando el código que te dimos anteriormente si es tu preferencia.
How to insert an image in the publication?
This is a really simple step to perform, you just have to have the image ready in the appropriate format to be accepted without problems on the platform, always making sure that they are your own images or free of copyright.
All you have to do is go to the top of the editor and select the insert image option, click on the corresponding link and select upload.
Then you can center the image using the code we gave you before if you prefer.
Usa correctamente el enlace a la fuente de las imágenes
Tal vez esta sea una de las partes más importantes en la guía, es vital que cites la fuente de tus imágenes, ya que debes dar crédito a los creadores de las mismas, para permitir que los curadores puedan verificar que no está violando alguna norma en su uso.
Si las imágenes son propias, es decir tomadas directamente por ti con tu cámara o teléfono, por favor deja una nota al pie la foto con la indicación, y si es posible específica como la hiciste, ese detalle puede importarle a los amantes de la fotografía que les guste tu imagen.
Para hacer el enlace a la fuente solo debes incluir este código:
Correctly use the link to the source of the images.
Perhaps this is one of the most important parts of the guide, it is vital that you cite the source of your images, as you must give credit to the creators of the images, to allow the curators to verify that you are not violating any rules in their use.
If the images are your own, that is, taken directly by you with your camera or phone, please leave a note at the bottom of the photo with the indication, and if possible specific how you did it, that detail may matter to photography lovers who like your image.
To make the link to the source you only have to include this code:
Uso de Negritas, Cursivas y más
Los códigos también te permiten usar varios recursos de escritura para resaltar algo, hacerlo más armónico o simplemente darle tu toque personal. En esta parte te mostramos las herramientas para lograr ese aspecto que tanto deseas.
Using Bold, Italics and more
Codes also allow you to use various writing resources to highlight something, make it more harmonious or simply give it your personal touch. In this part we show you the tools to achieve that look you want.
<b>negrita</b> | **Negrillas** | |
<i>cursiva</i> | *Cursiva* | |
<b><i>negrita + cursiva</i></b> | ***Cursiva Negrita*** |
¿Cómo puedes citar un texto?
Si vas a usar una frase famosa o un texto literal que aporte valor a tu contenido, debes realizar correctamente la cita del párrafo, resaltando su diferencia con respecto al resto del texto para ello debes usar este código, ah y por supuesto colocar el enlace de la fuente del texto original.
Con esta guía básica, esperamos proporcionar adecuadamente las herramientas mínimas para que organices adecuadamente tu publicación exitosa. Luego presentaremos una segunda parte con códigos más avanzado que te permitirán dar un salto aún mayor en la realización de publicaciones fantásticas
>Escribe signo de Mayor Que y el texto
Texto Citado
Esperamos que esta guía te sea de utilidad para hacer más fácil la tarea de hacer las publicaciones.
How can you quote a text?
If you are going to use a famous phrase or a literal text that adds value to your content, you must correctly quote the paragraph, highlighting its difference with respect to the rest of the text, for this you must use this code, ah and of course place the link to the source of the original text.
With this basic guide, we hope to adequately provide the minimum tools for you to properly organize your successful publication. Then we will present a second part with more advanced codes that will allow you to take an even greater leap in the realization of fantastic publications.
>Type a greater than sign and the text
Quoted Text
We hope this guide will be useful to make the task of making publications easier.
Aprende a usar el guion largo o literario
Seguramente cuando has leído un libro, una novela, o incluso algún poema, te habrás dado cuento de una raya que es más larga de lo normal, y que se usa para muchas cosas en el mundo de la escritura. Bueno a esa pequeña raya, se le conoce como el guion literario.
Es una herramienta de apoyo que no solo da forma a la escritura, sino que delimita la estructura del texto para darle sentido. Sus principales usos son: Definir el inicio y continuidad de un dialogo entre dos o más personas, recuerda, siempre debes usarlo al comienzo de cada línea de dialogo.
Su segunda función ─y no por ello menos importante─ es para nombrar o dar una información o característica resaltante del personaje, lugar, o momento temporal en que se relacionan los hechos, el guion te permite hacer la observación puntual, sin interrumpir el flujo de los acontecimientos en la narración. Para ello solo debes usar este comando:
Alt + 0151 (del bloque numérico) Learn how to use the long dash or literary dash
Surely when you have read a book, a novel, or even a poem, you will have noticed a dash that is longer than normal, and that is used for many things in the world of writing. Well, that little line is known as the literary hyphen.
It is a support tool that not only shapes the writing but also delimits the structure of the text to give it meaning. Its main uses are: To define the beginning and continuity of a dialogue between two or more people, remember, you should always use it at the beginning of each line of dialogue.
Its second function ─and not less important─ is to name or give important information or characteristics of the character, place, or time in which the events are related, the hyphen allows you to make a punctual observation, without interrupting the flow of events in the narrative. To do so, just use this command:
Alt + 0151 (from the numeric block)
~~~ embed:1521127518501228546 twitter metadata:RnJhbmNoYWxhZHx8aHR0cHM6Ly90d2l0dGVyLmNvbS9GcmFuY2hhbGFkL3N0YXR1cy8xNTIxMTI3NTE4NTAxMjI4NTQ2fA== ~~~
The rewards earned on this comment will go directly to the person sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.
¡Oh! muchas gracias por esta información, principalmente el guión literario, me faltaba.
Hola, buenos días para ustedes amigos, me pareció realmente muy interesante que compartan este tipo de información con el ánimo de mejorar cada una de las publicaciones de cada uno.
Me quedo con lo de los títulos de nivel, se ve muy interesante, me recuerda a las normas APA. Realmente se siente que es atractivo para los textos. Espero seguir mejorando compartiendo con ustedes. :)
Muchas Gracias por esto.
Hola 👋
Muchas gracias por esta información tan importantes, siempre es adecuado revisar nuestro maquetado para dar la mejor apariencia posible a nuestro contenido.
Saludos 🤗
Buenas tardes excelente post para mejorar cada trabajo, sin embargo, estaba buscando una respuesta ¿Cómo escribir a doble columna? Me encanta esa presentación y no he se como hacerla. Me puedes ayudar. Gracias 😊
Hola, @damarysvibra, hace días leí lo de su inquietud, lo de escribir con doble columna. Si aún no sabe cómo hacerlo, podría explicarle, es muy sencillo.
saludos amigo, este post hacia falta en esta grandiosa comunidad, ya se para los nuevo como los viejos usuarios que hacemos vida en la misma, ademas muchas felicitaciones @susurrodmisterio, por tomarte un tiempo para compartir esto con nosotros.
No sabia como poner el guion largo, me servirá de mucho ayuda.
Saludos y feliz tarde.
Congratulations @hive-132410! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):
Your next target is to reach 800 upvotes.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPCheck out the last post from @hivebuzz:
Support the HiveBuzz project. Vote for our proposal!
Excelente publicación para los que estamos iniciando en el mundo de la escritura. Desde que ingrese a Hive me habían recomendado no justificar los párrafos porque en ingles no se usa, ahora entiendo que para un contenido de literatura es necesario.
Gracias
I'm indeed so much grateful for these I have learned from you today. Many writers have been finding it hard to know this but here they are for free.
Thanks a lot.
Hola @susurrodmisterio! Excelente post. Una guía súper útil para los que trabajamos en ésta comunidad
Con respecto al guión largo para los diálogos, alguna idea de cómo se realiza desde el teléfono? Pues trabajo desde ahí y la verdad no lo ubico. Lo que hago para diferenciar los diálogos es usar la cursiva.
Disfruto mucho el trabajo en ésta comunidad la verdad aunque hoy tengo un guayabo como dicen aquí en Venezuela jeje. Hice un trabajo que me pareció muy bueno y quedó sin valoración. Sé que es parte del funcionamiento de Hive que algún no logro descifrar qué valoran, pero poco a poco todo.
Una vez más gracias por la excelente guía brindada en éste post y por tus valiosos consejos siempre.
Si puedes date una vuelta por mi post y cuéntame en que pudo haber estado la falla.
Un verano para recordar
This is a great initiative, the markdowns are really important to make our posts more beautiful and interesting. Thanks for presenting the subject nicely.
Gracias, a mi también me faltaba saber del guión literario. 👍
Ver comprehensive guide on content structure. We can make our content decent and engaging by putting a little effort on content structure aspecially text-justification, images citing and the use proper headings.
Thank for sharing such a helping material on post structure.
excelente información muchísimas gracias, son grandes
Saludos, muy útil este post. Me encantó que hayan hecho enfasis en el guión literario, muy provechoso para quienes nos gusta escribir en esta excelente comunidad.
Pronto estaré publicando, he tenido muchas ocupaciones que me han absorbido pero siempre pendiente.
Saludos, muchas gracias por las sugerencias para la comunidad.
Gracias, para los que ingresan y para quienes aún mantienen dudas, gracias por el nuevo aporte. Saludos cordiales
Thanks for publishing a post about these guidelines. A lot of people who are new on hive would be thankful to find the post as it would enable them to make their post attractive
Excelentes consejos, comenzaré a usarlos ya que no los conocía. Gracias
Muchas gracias por esta publicación, gracias a ella edite mi última publicación, ya que no sabía como hacer la separación de
# y br, siempre estuve buscando como hacer el doble espaciado, espaciado y medio y otras variantes.This post is really helpful!..
I now know how to bring a text to the center and properly paragraph my post...they're a lot more things learnt.
Thanks for sharing ❤️
Tengo poco tiempo en hive y agradezco mucho estas recomendaciones para mejorar la presentación de los post. Pero precisamente una de las indicaciones que más necesito tiene que ver con el código para justificar los textos, porque soy escritora y generalmente comparto textos literarios. Y no aparece el código ni cómo usarlo. Dices "debes colocar este código al empezar tu publicación" y no hay ningún código, o por lo menos yo no veo, ni en la versión en español ni en la versión en inglés. ¿Podrías por favor agregarlo? Muchas gracias.
Gracias por tan importante aporte para las personas que aún no dominamos algunos códigos por ser nuevos.
I do find it very useful. Thank you very much...
Este post es sumamente útil!! Creo que es fundamental para mejorar la edición del post, y sobre todo para quienes empiezan, que no terminan de comprender muy bien el tema y a veces creen que es más necesario de lo que en verdad es.
Que tengas un gran día!! Saludos!
This information is very useful. Thank you for sharing your piece with us on hive!
buen contenido
Sigue publicando polsts de calidad
Hola😀
Encuentro muy útil su post, pues es cierto que se pueden hacer mas cosas para que una publicación sea bonita a la vista, personalmente había cosas del markdown de las que no me acordaba, así como de las etiquetas de HTML.
El "citar texto" y el "guion literario" no los sabia hacer con el HTML, gracias por compartir. Los tomare en cuenta, pronto publicare en vuestra comunidad.
Excelente
Uy, qué útil es esto. Yo sí que tuve dificultades al principio pero no tenía una guía como esta, jaja ¿Dónde estabas? Naah, miento. Excelente post, muy didáctico. Lo mejor para vos siempre.
Gracias @hive-132410 por el aporte y apoyo a los hacemos un intento por mejorar y hacer contenido de calidad. Tomaré en cuenta todas las sugerencias y tips para mejorar la escritura y dar forma a las historias.
Muchas gracias por compartir. Están necesario este post
Hola, una buena herramienta para todos los usuarios y que ayuda a refrescar mas los conocimientos previos en cuanto a la plataforma de Hive y a la hora de publicar.
¡Gracias! No sabía lo del guión literario 👍 ¿cómo haces las columnas dobles? a mi se me olvidaron esos códigos 😅.
Muy bien explicado, trataré de recirdar estos códigos para mejorar mis post, al menos la forma, de modo que se haga mas digerible por lo menos, son espectos importantes que seguro han de ayudar para obtener mejores resultados reflejados en las visitas, comentarios y reconpensas.
Hola, no he podido justificar texto y no veo los códigos en este post, a pesar de que lo mencionan al principio del texto. Cómo podré subsanar esto.
Me parece muy bueno que se hagan este tipo de post ya que somos varios los hivers nuevos y no tan nuevos que necesitamos seguir aprendiendo constantemente e intentar crecer dentro de la plataforma. De esta manera se puede consultar los códigos básicos para iniciar, poco a poco uno se adentra hacia lo mas avanzado, y espero que la ayuda siga fluyendo. gracias por eso.
Hola, bien útil para iniciar con buenos pasos. Pregunto, creo que faltó el código en el párafo donde dice ¿Qué es el maquetado o estructura de la publicación?. De todas formas, gracias, el resto de la información está estupenda para mi. Saludos 🙏