Hola. Si eres nuevo en Hive, o quieres aprender cómo mejorar la apariencia de tus publicaciones, dándole un estilo profesional que te permita brindarle a tu público un contenido de calidad, visualmente agradable y de fácil lectura, entonces esta guía es para ti.

> 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. # ![guia_de_codigos_maquetado_1.jpg](https://images.ecency.com/DQmccUzZhNnz15gnDdDtbkUBHk8L1YzjhPx9nbWrmj9qhBd/guia_de_codigos_maquetado_1.jpg) _{[Image source / Fuente de Imagen 1](https://slidesgo.com/es/tema/dia-internacional-de-los-docentes#search-Educaci%C3%B3n&position-18&results-1961)} # ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL # 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. #

ENGLISH
# 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. #

![guia_de_codigos_maquetado_2.jpg](https://images.ecency.com/DQmQHiiySTCQfwbPjRex8dvJydxeDyRdQCM2dN9u2qVtfzW/guia_de_codigos_maquetado_2.jpg) _{[Image source / Fuente de Imagen 1](https://www.pngwing.com/es/free-png-vnatz)} _{[Image source / Fuente de Imagen 2](https://www.pngwing.com/es/search?q=Markdown)} # ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL

¿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.

ENGLISH
#

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. #

![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

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> #

ENGLISH
#

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>

# ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

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>

ENGLISH
#

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>

![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

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:

ENGLISH
#

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: #

#

Html	Markdown	Ejemplo
`<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

# ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

¿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.

ENGLISH
#

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.

# ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) # #

ESPAÑOL #

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: # Fuente de Imagen[Texto a Mostrar](https://images.com)

ENGLISH
#

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: # Image source[Text to display](https://images.com)

# ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

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.

ENGLISH
#

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.

HTML	Mark Down	Ejemplo
`<b>negrita</b>`	`Negrillas`	Negrillas
`<i>cursiva</i>`	`Cursiva`	Cursiva
`<b><i>negrita + cursiva</i></b>`	`*Cursiva Negrita*`	*Cursiva Negrita*

# ![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png) #

ESPAÑOL #

¿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. #

ENGLISH
#

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. #

![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png)

#

ESPAÑOL #

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)

ENGLISH
#

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)

![writing_club_comunidad.png](https://images.ecency.com/DQmQjVSNGBFmnRunrdkDmaVkpRXnqzgBxQkTKG37eLsbiTk/writing_club_comunidad.png)