Spanish
English
# Un cordial saludo a todos los usuarios de **Hive** y *Estudiantes* de nuestra academia. Estamos llegando a los temas candentes e importantes de nuestro y mientras más avanzamos mas queremos aprender, esta vez hablaremos de los *”Tipos de códigos”* que podemos utilizar para realizar nuestras publicaciones en #hive. Espero que disfruten de la clase. > A warm greeting to all **Hive** users and *Students* of our academy. We are getting to the hot and important topics of our and the more we move forward the more we want to learn, this time we will talk about the *"Types of codes"* that we can use to make our #hive posts. I hope you enjoy the class. # | Módulo 4 | Module 4 | |-|-| |√ ¿Qué son los códigos HTML?|√ What are HTML codes?| |√ ¿Cómo funcionan los códigos HTML?|√ How do HTML codes work? | |√ Tipos de códigos|√ What are types of code| | ¿Qué es una diagramación? |What is a layout? | | ¿Cómo usar los códigos en una publicación?| How to use codes in a publication? | # # **Módulo 4 – Clase 3** >## **Module 4 – Class 3** # #
Tipos de códigos
>##
What are types of code
#
#
Español
#
Los códigos **HTML** más básicos son:
*Etiquetas para el Encabezado.*
< h1> Encabezado 1 < /h1>
< h2> Encabezado 2 < /h2>
< h3> Encabezado 3 < /h3>
Y así sucesivamente…
#
*Ejemplo:*
#
Encabezado 1
Encabezado 2
Encabezado 3
#
Ingles
#
The most basic **HTML** codes are:
*Header tags.*
< h1> Heading 1 < /h1>
< h2> Heading 2 < /h2>
< h3> Heading 3 < /h3>
And so on...
#
*Example:*
---
---
Heading 1
Heading 2
Heading 3
##### *Etiquetas para añadir párrafos.*
#
Como es de esperar, cada uno de los encabezados contiene sus correspondientes párrafos.
< p> Párrafo < /p>
#
*Ejemplo:*
#
Párrafo
##### *Tags for adding paragraphs.*
#
As you would expect, each of the headings contains corresponding paragraphs.
< p> Paragraph < /p>.
#
*Example:*
---
---
Paragraph
##### *Etiquetas para mostrar enlaces.*
#
Nuestro sitio web podría no obtener mucha importancia, si antes no añadimos enlaces o links hacia otros sitios web.
- < a href="LINK"> Palabra a incluir el enlace < /a>
#
*Ejemplo:*
¡Síguenos en Twitter!
#
*Tags to show links.*
Our website may not get much importance, if we do not add links to other websites first
< a href="LINK">Word to include the link< /a>
#
*Example:*
Follow us on Twitter!
---
---
##### *Etiquetas para los saltos de líneas.*
#
Como mencionamos anteriormente, los saltos de líneas no necesitan una etiqueta de cierre, ya que indican un espacio vacío dentro del texto.
< p> Colocamos un salto de línea debajo de esta oración.
< br>
Colocamos un salto de línea sobre esta frase. < /p>
#
*Ejemplo:*
#
Colocamos un salto de línea debajo de esta oración.
Colocamos un salto de línea sobre esta frase.
##### *Tags for line breaks.*
#
As mentioned above, line breaks do not need a closing tag, as they indicate an empty space within the text.
< p> We place a line break below this sentence.
< br>
We place a line break above this sentence.< /p>
#
*Example:*
---
---
We place a line break below this sentence.
We place a line break above this sentence.
##### *Etiquetas de listas organizadas en números.*
#
Para finalizar, mencionaremos la etiqueta para crear listas ordenadas dentro de nuestro contenido web. Las listas organizadas son presentadas con números en el orden correcto.
Para crear códigos de listas, usaremos la etiqueta
#
< ol> que es la *“lista ordenada”* completa, mientras que < li> es cada uno de los *“elementos de lista”*. Puedes incluir tantos elementos de lista como necesites. Así:
#
< ol>
< li> Primer número < /li>
< li> Segundo número < /li>
< li> Tercer número < /li>
< /ol>
#
*Ejemplo:*
- Primer ítem
- Segundo ítem
- Tercer ítem
##### *List labels organised in numbers.*
#
Finally, we will mention the tag to create ordered lists within our web content. Organised lists are presented with numbers in the right order.
To create list codes, we will use the tag
---
---
< ol> which is the complete *"ordered list "*, while < li> is each of the *"list items"*. You can include as many list items as you need. Thus:
#
< ol>
< li> first number < /li>
< li> second number < /li>
< li> third number < /li>
< /ol>
#
*Example:*
- first ítem
- second ítem
- third ítem
##### *Etiquetas para listas desordenadas en viñetas.*
#
Solo necesitamos cambiar el nombre de la etiqueta para indicar la creación de una lista desordenada, que no es más que una lista sin orden, pero dividida en viñetas. El nombre de esta etiqueta es
#
< ul>.
< ul>
< li> Primer ítem < /li>
< li> Segundo ítem < /li>
< li> Tercer ítem < /li>
< /ul>
#
*Ejemplo:*
- Primera viñeta
- Segunda viñeta
- Tercera viñeta
##### *Tags for bulleted unordered lists*
#
We just need to rename the tag to indicate the creation of an unordered list, which is nothing more than an unordered list, but divided into bullets. The name of this tag is
---
#
#
#
#
---
#
Clases del ***"Modulo < ul>.
< ul>
< li> first ítem < /li>
< li> second ítem < /li>
< li> third ítem < /li>
< /ul>
#
*Example:*
- first bullet
- second bullet
- third bullet
1"***
>#####
Classes of the ***"Module 1"***
#
2"***
>#####
Classes of the ***"Module 2"***
#
3"***
>#####
Classes of the ***"Module 3"***
#
| |-| # --- #  # # Próxima clase >## Next class # En la próxima clase aprenderos acerca de *“¿Qué es una diagramación”?*, Y comenzaremos a entender el concepto de cómo podemos empezar con la estructuración de nuestras publicaciones. Esta clase será dirigida por el instructor @magdiel7. > In the next class we will learn about *"What is a layout?"*, and we will begin to understand the concept of how we can get started with structuring our publications. This class will be led by instructor @magdiel7. #  # ##### Te recomendamos leer nuestro pensum académico para que te vayas instruyendo junto a nosotros y te mantengas al tanto de cada una de las clases y del contenido que vamos a estar enseñando. >###### We recommend you to read our academic syllabus so you can learn along with us and keep up to date with each of the classes and the content we will be teaching. #  # [***Descargar Pensum***](https://drive.google.com/file/d/1VdOvfti1t8rk8Wh_t-3aoK1QIn2GaJRh/view?usp=sharing) >## [***Download curriculum***](https://drive.google.com/file/d/1VdOvfti1t8rk8Wh_t-3aoK1QIn2GaJRh/view?usp=sharing) #  # ## ***Gracias por su atención, nos vemos en una próxima clase*** >### ***Thank you for your attention, see you in a future class*** #  #  # # *"Síguenos en nuestras redes sociales"* >## *"Follow us on our social networks"* # |
|
|
| |-|-|-| # # Únete a nuestro servidor de **Discord** y a nuestro canal de **Telegram** >## Join our **Discord** server and **Telegram** channel # ---  #
▶️ 3Speak