Hoy no me he sentido muy bien, pase la noche muy inquieta y amanecí con malestar corporal, dolor en las piernas y desgano algo que no es normal en mí, por lo que decidí reposar un poco durante la mañana. Durante mi reposo se me venían muchas ideas para levantarme y hacer algo, pero al levantarme el dolor en las piernas me recordaba que debía cumplir el autoreposo que me impuse, es difícil lograrlo, porque soy muy inquieta y algo debo hacer. No desayuné, y sentía mucho sueño, decidí dormir un rato.

Al cabo rato me desperté con ganas de beber agua y pensé que era fiebre que me había dado, pero me coloque el termómetro y estaba normal (37,5°). Se me vinieron muchos pensamientos y lo que logré fué deprimirme y estoy consciente que eso no está bien porque me enfermaría y no a nivel corporal sino psicológico y sería peor que cualquier otra patología.

Agarré el teléfono y entré a mi usuario @sthai en Steemit y me puse a revisar mis publicaciones y me di cuenta que le faltan estilo por lo que me puse a practicar en el blog los códigos html que tengo anotados en mi cuaderno de aprendizaje steemit (disculpen mi desordenado cuaderno en la foto 🙈)

_{Así comencé con este cuaderno anotando todo, hace 3 semanas. Foto @sthai desde mi redmi9S en Cantaura el 05 de abril de 2021}

Es cuando me puse a pensar que a veces quiero expresar algo pero la presentación del contenido no me ayuda por no saberme bien los comandos. Entonces me puse a realizar el mismo cuadro que tengo pero en mi blog y para no perder el trabajo se los quería facilitar a aquellos que están comenzando para que les sea más práctico el uso de los códigos a la hora de publicar.

Aún a las 2pm no había comido nada solo beber agua ☹️, el dolor en mis piernas sigue igual sigo en mi autoreposo.

Y así comienzo con lo que titulé en mi The diary Game

html es estilo

html

Es un lenguaje de códigos usado en textos para definir la estructura de un contenido en el blog. Su lenguaje es lógico, de fácil manejo, usa una serie de elementos considerándose el lenguaje más importante.

Partes de un html

Nombre	Descripción
Etiqueta de apertura	<>
Etiqueta de cierre	</>
Contenido	texto o imagen expresado
Elemento	Ejemplo <>texto</>. Estos deben abrirse y cerrarse ordenadamente
Atributo	class="text-justify", donde, "class" le permite dar estilo al elemento y más cosas y "text-justify" es el que identifica el atributo

Para que un contenido tenga presentación se usan los siguientes códigos:

Nota:

Donde diga "texto" o "título" colocan lo que deseen escribir

No se usa espacio entre los elementos del html, sin embargo, los presenté con espacios para que puedan visualizar como se escribe el código

TABLA DE CÓDIGOS

TEXTO
Estilo	Código
Títulos y Encabezados	< h 1 > título </ h1 > < h2 > título </ h2> < h3 > título </ h3> < h4 > título </ h4> < h5 > título </ h5> < h6 > título </ h6> se ve así: Título 1 Título 2 Título 3 Título 4 Título 5 Título 6
Negritas	< b>texto</ b> se ve así: texto
Cursivas	< i>texto</ i> se ve así: texto
Cursiva y negrita	< b>< i>texto</ i></ b> se ve así: texto
Tachado	< del>texto</ del> se ve así: texto
Citas textuales	< blockquote>texto</ blockquote> se ve así: texto
Citas bibliográficas	< code> texto</ code> se ve así: texto
Línea divisora entre textos	< hr>texto se ve así: texto
Vínculos	< a href=" dirección URL"> texto </ a> se ve así: presentación@sthai
Párrafos	< p>texto< /p>
Párrafo justificado	< div class ="text-justify"> texto aquí </ div> se ve así: Texto aquí
Párrafo Centrado	< div class ="text-center"> texto aqui </ div> se ve así: Texto aquí
Párrafo a la izquierda	< div class ="text-left"> texto aqui </ div> se ve así: Texto aquí
Párrafo a la derecha	< div class ="text-right"> texto aquí </ div> se ve así: Texto aquí
Viñetas de punto	< li> texto </ li> se ve así: texto
Viñetas de números	< ol>< li>texto</ li ></ ol > se ve sí: texto
Texto color rojo	< div class ="phishy"> texto </ div> se ve así: texto
Doble columna de texto	< div class ="pull-left"> texto de la izquierda > </ div> < div class ="pull-right"> texto de la derecha > </ div>
IMÁGENES	Para alinear las imágenes me ha funcionado estos códigos
Estilo	Código
Imagen a la derecha	< div class ="pull-right"> URL de imagen </ div>
Imagen a la izquierda	< div class ="pull-left"> URL de imagen > </ div>
Imagen centrada	< div class= "pull -center"> URL imagen</ div>
Descripción o Subtítulo en imagen	< sub> texto reduce hacia abajo </ sub> se ve así: texto reduce hacia abajo ; < sup> texto reduce hacia arriba </ sup> se ve así: texto hacia arriba ;

Soy @sthai presta a servirles.

Editado 02 mayo 2021: corrección de códigos html y foto.

La descripción, escritura y confirmación de estos códigos la realicé desde y en mi teléfono Redmi9S ya que no poseo PC.

Agradecimiento a @acostaeladio por estar pendiente de todos y cada unos de nuestros post y ser parte esencial del crecimiento para bloggeros en la Comunidad Lantina. Los invito a formar parte del programa de formación de blogger profesional por medio del canal Discord. Solo debes enviar tu usuario al canal de Discord Comunidad Latina #habla-con-acostaeladio.