Uso de HTML para personalizar los detalles de su producto

No necesita ser un desarrollador para que su catálogo sea más atractivo, solo use algunos de los códigos que reunimos aquí para usted.Ingrese el código directamente en el campo de descripción dentro de los detalles del producto, no se preocupe, ya que solo aparecerá el texto personalizado en el catálogo en línea.

💡 Si tiene dificultades con las pantallas que están demasiado llenas de información, separe las personalizaciones por línea y pruebe su código de vez en cuando en plataformas de conversión .

Códigos

Use encabezados para crear una jerarquía:
- Haga que el título sea el primer elemento de la oración y use <h1>su texto aquí</h1> para texto más grande
- Siga la numeración para textos más pequeños, por ejemplo <h2>su texto aquí</h2>, <h3>su texto aquí</h3> y así sucesivamente
Para separar líneas, debe usar <br> al final de la oración, si desea más espacio, agregue un segundo o tercer <br>
Para usar párrafos, ingrese <p>su texto aquí</p>
Si usa fuentes específicas, use <font style="font-family: nombre de fuente aquí">
Para cambiar el tamaño del texto, use <font style="font-size: tamaño de fuente aquí px">
Si desea que su texto tenga doble espacio entre palabras, agregue <tt>su texto aquí</tt>
Para crear estilos de texto clásicos:
- Use <b>su texto aquí</b> para negrita
- Use <i>su texto aquí</i> para cursiva
- Use <u>su texto aquí</u> para subrayar palabras
Se pueden agregar colores a su texto usando <font color="nombre del color aquí"> al comienzo de la oración. Puedes usar el HEX del color o su nombre en inglés
Para tachar información como precios, agregue <strike>su texto aquí</strike>
Puede listar artículos usando <li> su texto aquí </li>, en la parte superior de la lista, especifique si es <ol> para números o <ul> para viñetas
Se pueden usar emojis o emoticonos en el texto sin código, solo agréguelos a la oración como desee
También se pueden utilizar GIF, pero es necesario insertarlos en el código <a> <img src = "enlace de imagen aquí"> </a>
- Para obtener el enlace de la imagen haz clic derecho sobre él, seleccione Abrir imagen en una pestaña nueva, copia el enlace y pégalo en el código

¿Vamos a probar?

Copie y pegue el texto a continuación en la descripción de un producto para ver el código en acción. 😎

<h1> <font color = "#323f4c"> ¡Dominando HTML con <font color = "#00d5b1"> Kyte <font color = "#323f4c">!</h1>
<h2> <font color = "#454e5f"> A continuación, se ofrecen algunos consejos para personalizar su texto: </h2>
<ol>
<li><tt> Escriba su texto con doble espacio; </tt></li>
<li><b> En negrita; </b></li>
<li><i> O cursiva; </i></li>
<li><u> Subraye algunas palabras; </u></li>
<li><strike> O tache todo. </strike></li>
<br>
<ul>
<li><font color = "blue"> Si <font color = "crimson"> usted <font color = "green"> tienes <font color = "brown"> paciencia, 🥱 </li>
<li><font color = "black"> Escriba <font color = "orange"> cada <font color = "black"> palabra <font color = "orange"> con <font color = "black"> un <font color = "orange"> color. <font color = "black">🍭 </li>
<br><br>
<font color = "#323f4c">
<font style="font-family:magneto"> Cambie
<font style="font-family:mv boli"> el estilo
<font style="font-family:papyrus"> de su texto. <br>
<font style="font-family:stencil"><font style="font-size:30px"> Utilice letras grandes
<font style="font-family:pristina"><font style="font-size:15px"> o pequeñas. 🐭 <br>
<font color = "#00d5b1">
<font style="font-family:monotype corsiva"><font style="font-size:25px"> Y deslumbre a sus clientes con GIF animados.
<a><img src="https://i.pinimg.com/originals/68/8e/9e/688e9eb45c2f5cc82361d5c305ccc0ca.gif" width="050" height="050"></a>