Modulo 4 – Clase 3 “Tipos de códigos” - By: @daniel2001 - [ESP - ING]

131

8.069

Open in the desktop app ADD TO PLAYLIST

criptochain-ac

Published on Mar 12, 2022

About :

Portada - clases CCA - Tipos de codigos.png

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:

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

< ul>

< li> first ítem < /li>
< li> second ítem < /li>
< li> third ítem < /li>

< /ul>

Example:

first bullet
second bullet
third bullet

Clases del "Modulo `1`"

Classes of the "Module 1"

Clases del "Modulo `2`"

Classes of the "Module 2"

Clases del "Modulo `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.