Hablemos de html: ¡Un poco!

in #constelacion • 5 years ago
     ¡Hola, hola, mi querido amigo y amiga de #Steemit... bienvenido(a) una vez más, en esta ocasión que me dispongo a compartir información importante contigo. Esta vez escribiré o hablaré sobre el "Código HTML", porque estoy seguro que si eres nuevo(a) en esta red social ya debes haber leído o escuchado hablar sobre dicho código. Pues bien, mi intención es que si no tienes muchos conocimientos sobre el tema, por lo menos aquí con este post puedas ir obteniendo algunos datos de valor.

Fuente: Pixabay

La verdad es que se le conoce como "Código HTML" y se puede escribir también con letras minúsculas, así: "html". ¡Bueno! Resulta que se trata en sí de un "lenguaje de máquina", que utilizan las personas que se desenvuelven como programadores(as) en el área de la informática y la computación. ¡Pues bien, qué te parece si buscamos una definición sobre el tema. Fíjate, en una página web que consulté pude leer lo siguiente:

"HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”. (Fuente).

Quizá parece complicado, pero no nos compliquemos la vida. Se trata de un lenguaje que se le atribuye a las máquinas. En esencia, permite que las personas, en su condición de programadores, le indiquen a la "computadora" lo que debe hacer. Es algo así pues, más o menos. Pero bueno, como ya lo dije antes, no nos volvamos un ocho con esto del lenguaje de máquina. De todas formas, por ahora yo no quiero que aprendas sobre programación o código html a nivel de expertos, sino que más o menos entiendas de que se trata el asunto.

Fuente: Pixabay

"En pocas palabras, el código html permite a los programadores ir ordenando el contenido en una página web".

"Sin embargo, personas sin conocimientos de programación, también pueden utilizar algunas ´etiquetas´ comunes en el código html".

Fuente: Pixabay

Y en efecto, eso es lo que yo quiero lograr con este post, es decir, que tú amigo, amiga de #Steemit, sin conocimientos de programación, en lenguaje de máquina o código html o con muy pocas nociones, puedas utilizar algunas etiquetas para estructurar el texto en una interfaz como esta, por ejemplo.

Entonces a continuación te mostraré algunas etiquetas que puedes utilizar para ir ordenando el texto en esta interfaz. ¡Presta mucha atención! ¡Te aseguro que aprenderás más rápido que cantar de gallos, como dicen en mi pueblo! ¡Así que relájate y abre tu mente a nuevos conocimientos! (en el caso que no tengas estos conocimientos, claro).

Para justificar el texto (alinearlo de izquierda a derecha):

 <div class="text-justify">
 Colocar el texto aquí...
 </div><p>

Ejemplo:

Para alinear el texto a la izquierda:

 <div class="text-left">
 Colocar el texto aquí...
 </div><p>

Ejemplo:

Para alinear el texto a la derecha:

 <div class="text-right">
 Colocar el texto aquí...
 </div><p>

Ejemplo:

Para centrar el texto:

  <center>
  Colocar el texto aquí...
  </center><p>

Ejemplo:

Para destacar letras, palabras, oraciones, números, símbolos, en negritas:

  <b>
  Colocar el texto aquí...
  </b>

Aunque también puede ser:

   <strong>
   Colocar texto aquí...
   </strong>

Ejemplo:

Para destacar letras, palabras, oraciones, números, símbolos, en cursiva:

  <i>
  Colocar el texto aquí...
  </i>

Aunque también puede ser:

   <i>
   Colocar texto aquí...
   </i>

Ejemplo:

Para tachar letras, palabras, oraciones, números, símbolos:

  <strike>
  Colocar el texto aquí...
  </strike>

Aunque también puede ser:

   <s>
   Colocar texto aquí...
   </s>

Ejemplo:

Para construir párrafos en bloques:

  <blockquote>
  Colocar el texto aquí...
  </blockquote>

Ejemplo:

Para darle otra estructura al texto:

  <code>
  Colocar el texto aquí...
  </code>

Ejemplo:


Hola, hola amigos y amigas míos, espero que se encuentren muy bien. Aprovecho la oportunidad para saludar a todos y desear que este próximo mes, puedan venir a pasar vacaciones junto conmigo. Aquí espero por ustedes!

¡Bien! como se pudieron dar cuenta, en algunos casos, las etiquetas son variadas, como por ejemplo al destacar en negrillas, que puede ser con "b" o con "strong"; entre otros casos visibles en el post. En este post, no incluí las etiquetas para el formato de texto de subíndice Hola y superíndice Hola.

Aparte, considero que es necesario acotar que el "Código Html" solo es uno de los tantos lenguajes de máquinas que existen, como el CCS, entre otros, pero por lo menos, por ahora quería que si no tenían conocimientos sobre este, pues a partir de ahora si lo tengan. Recuerden que si requieren de mi ayuda, me pueden ubicar aquí: Discord. Finalmente, espero que la información haya sido útil, y nos vemos pronto. ¡Saludos!

Esta actividad es llevada con cariño y a cabo, gracias al apoyo de nuestros "Witnesses". Te recomendamos votar y apoyarlos.

https://whaleshares.io/~witnesses

vote@constelacion
vote@ienrikex
vote@triton-witness
vote@deranged-witness

Únete a nuestro
servidor de Discord


Donde gustosamente te podremos orientar y aclarar todas las dudas que puedas tener.
Entérate de este proyecto.

Síguenos en nuestro canal de Telegram para recibir las notificaciones de nuestras actividades.

#esteem #educacion #spanish #blog
5 years ago in #constelacion by
$0.00
    5 votes
    Reply 2
    Sort:  
  • Trending
    • [-]
     5 years ago 

    Congratulations @estrelladelsaber! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

    You published more than 20 posts. Your next target is to reach 30 posts.

    You can view your badges on your Steem Board and compare to others on the Steem Ranking
    If you no longer want to receive notifications, reply to this comment with the word STOP

    To support your work, I also upvoted your post!

    Vote for @Steemitboard as a witness to get one more award and increased upvotes!
    $0.00
      Reply
      [-]
       5 years ago 

      Estupenda información que es de mucha utilidad, mas para aquellos que somos principiantes en este tema como lo es el código html. Éxitos con tus publicaciones.

      $0.00
        Reply

        Coin Marketplace

        STEEM 0.28
        TRX 0.12
        JST 0.033
        BTC 70434.55
        ETH 3761.18
        USDT 1.00
        SBD 3.84