Cómo resolví mis dudas sobre: ¿Por qué el código a veces me funciona y a veces no?

in #spanish6 years ago

Porque a mi me han enseñado y ayudado, y aún con esa ayuda han surgido ciertas dudas y accidentes que he resuelto y que seguramente alguien más está pasando por lo mismo. Algunas cosas tal vez ya sean obvias para muchos pero espero este granito de arena los ayude a resolver sus problemas y a saber por qué a veces me funciona y a veces no algún código.


steemit.png
Fuente


¿Por qué mis códigos no funcionan?

Ocurre por ejemplo que, según lo que he observado, <div class="text-justify"> interactúa mucho con otros códigos que a veces no funcionan, como **negrita** o __negrita__ y debe utilizarse en su lugar el código <b>negrita</b> cuando queremos utilizar el código de justificación de texto en el mismo párrafo; igualmente dentro del <div class="text-justify"> escrito de esa manera no funcionan los hipervínculos escritos con el código [Nombre](url) sino <a href="url">Nombre</a>. El problema se soluciona utilizando el código correcto que no choca con este formato de escritura o dejando los respectivos espacios entre el código para formatear el justificado y el párrafo, por ejemplo:

<div class="text-justify">**Miren lo que ocurre con este código**</div>


<div class="text-justify">[Nombre](url)</div>

**Miren lo que ocurre con este código**

[Nombre](url)

<div class="text-justify">

**Ahora como se ve escrito así**

[Nombre](url)

</div>

Ahora como se ve escrito así

Nombre

<div class="text-justify"><b>Pero este código sí sirve así</b></div>

<div class="text-justify"><a href="url">Nombre</a></div>

Pero este código sí sirve así


En mi búsqueda de qué códigos funcionaban cuando aún no entendía que el problema eran los espacios que debía dejar, encontré soluciones diferentes, encontrando que estos son los códigos que funcionan ente sí en ese formato:


<strike>strikethrough</strike>

<b>bold</b>

<div class="text-justify">Justify</div>

<i>itallic</i>

This is <sub>subscript</sub>

This is <sup>Superscript</sup>

<a href="url">Nombre</a>   


#


<br>




Siempre es importante dejar los espacios, por ejemplo con los códigos de salto de línea # o <br>, si no se dejan no se ejecutan. Recomiendo usar también códigos de la misma familia para evitar el caos, si usamos <h2></h2> y <b></b>no usemos## y **ooo**. También es muy importante cerrar todos los códigos que usemos, si los códigos no se cierran van a aplicarse a todo hasta que se de la indicación de cerrar, que puede ser </div> u otra según el código. Si utilizamos mucho la justificación podemos colocar el inicio y el final del código aplicados a todo el texto y dentro colocar todos los demás códigos de formato necesarios, siempre que se inicien y se cierren, por ejemplo:

<div class="text-justify"> //apertura de formato de texto

<div class="phishy">  //apertura de color de texto

<center><i>Formato de texto</i></center> // apertura y cierre de centrado e itálica 

</div> //cierre de color de texto

#

No importa cuantos códigos usemos, solo importa que siempre se cierren o estos van a aplicarse a todo lo que siga a la apertura del código o simplemente no funcionar.

</div> //cierre de formato de texto

Formato de texto

No importa cuantos códigos usemos, solo importa que siempre se cierren o estos van a aplicarse a todo lo que siga a la apertura del código o simplemente no funcionar.


A medida que vaya encontrado y descubriendo cosas por mi cuenta las iré compartiendo, esperando también que aunque su problema en específico no lo explique sí les de luces sobre el qué podría estar saliendo mal.


Para cerrar agradezco a @sisygoboom que en su post The Ultimate Guide To Formatting On Steemit (Markup and Markdown) dio a conocer muchos de estos códigos que fueron los que me ayudaron cuando hace poco más de un mes comencé a escribir.


Espero les haya gustado, hasta la próxima publicación

Muchas gracias por leer

Firma2.png

Sort:  

Oye que bien esto, yo soy sumamente ignorante en cuanto a cualquiera tipo de programacion y me pasaba lo mismo y tambien me di cuenta de eso y lo solucione tal cual como dices tu acá, este post esta muy muy bueno para los nuevos usuarios!

Pasa con steemit que nos pone a todos a trabajar con una parte de lenguaje de programación cuando estamos acostumbrados a solo lo visual, y por otra parte no todo el Html que podemos encontrar investigando en internet aplica a la página, entonces si dentro de steemit no se publica información sobre los códigos y sus problemas uno se queda en el aire. Por eso me animé a publicar esto, porque me habría ahorrado muchas vueltas de haberlo leído antes jajaja

Buenísimo @tsunsica !!!
Se me había hecho imposible poner un link pegado a un pull-right, probé un montón de cosas y no me quedaba bien, ahora gracias a tu post lo pude arreglar.
Y con respecto a que si es obvio, supongo que como todas las cosas, para los que lo saben si, pero para los que estamos aprendiendo lo básico estas publicaciones son super útiles.
Gracias por compartir, un saludo.

Me alegra mucho que te haya sido de utilidad, saber que a alguien le ha servido ya hace que valga la pena el haberlo escrito.

Yo creo que estos post ayudan a muchas personas, pero la mayoría no comenta.
Son esas cosas que uno quisiera saber al llegar a Steemit para no pelear tanto con el Markdown 😃

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

Award for the number of upvotes

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

SteemitBoard - Witness Update
SteemFest³ - SteemitBoard support the Travel Reimbursement Fund.

You can upvote this notification to help all Steemit users. Learn why here!

VOTADO.png

Buen trabajo; recibe un voto con valor de $0.60 SBD🤑


Ayudanos a difundir esta iniciativa; queremos entregar pronto $1 SBD por post. Recuerda cuidar tu poder de voto. Los reportes de curación los puedes ver todos los días en @empanadamecanica. Actívate en nuestra comunidad en DISCORD.