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

3

  • 131
  • 0
  • 6.861
  • Reply

  • Download 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:

    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:

    1. Primer ítem
    2. Segundo ítem
    3. 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:

    1. first ítem
    2. second ítem
    3. 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.

    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.

    Portada Pensum.png

    Descargar Pensum

    Download curriculum

    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





    Tags :

    spanish aliento hive class codes html video pal palnet creativecoin criptochainac

    Woo! This creator can upvote comments using 3speak's stake today because they are a top performing creator! Leave a quality comment relating to their content and you could receive an upvote worth at least a dollar.

    Their limit for today is $0!
    Comments:
    Time until criptochain-ac can give away $0 to their commenters.
    0 Days 0 Hours 0 Minutes 0 Seconds
    Reply:

    To comment on this video please connect a HIVE account to your profile: Connect HIVE Account

    More Videos

    04:32
    1 views a year ago $
    05:00
    5 views 2 years ago $
    05:00
    3 views 5 months ago $
    00:11
    1 views 2 years ago $
    02:08
    3 views 2 years ago $
    02:11
    16 views 7 months ago $