Trucos HTML para Copiar y Pegar

Me preguntas muchas veces cómo enfocar un párrafo para que la foto quede donde queremos que aparezca, o cómo poner un enlace a una imagen o texto … es entre un millón de cosas más; bueno, todo está hecho con HTML, ¡¡este gran suspenso !!

Cuando escribe un mensaje en WordPress, tiene dos pestañas pequeñas: «Visual» y «Texto».

• Visual Esta es la pantalla en la que lo ve mientras escribe, en formato de texto plano, como si lo estuviera haciendo en un documento de Word, por ejemplo.
• Texto aquí es donde podemos agregar código para hacer nuestra publicación de la manera que queremos. Cuando escribes código en «Texto», cuando vas a «Visual», este código ya no es visible, y como respuesta obtienes un buen diseño de letras, una imagen con un enlace …

También puedes usarlo en widgets del blog lo que puede agregar a la barra lateral, por ejemplo, colocar una imagen con un enlace a otra página (lo usamos mucho para publicidad de marca o para enlaces a otros blogs)

Trucos HTML

Como es imposible para mí publicar para cada uno de los códigos que puedes usar (más que imposible, es aburrido, de verdad), voy a poner aquí algunos trucos para copiar y pegar HTML, así que debes venir aquí cada vez, tomar los códigos y tomarlos. donde los necesita, ellos van:

Crea una línea divisoria

A veces queremos separar un texto de otro en un mensaje porque está hecho, un truco html súper ligero que se ve muy bien.

<hr />

---

Cambiar el tamaño de la fuente

Solo es necesario cambiar el porcentaje y el tamaño de la fuente cambiará dependiendo de si es mayor o menor.

<span style="font-size: 150%;">Tu texto aquí</span>

Cambiar el color de la fuente

Si quieres una palabra específica o texto completo cambiar el color, cambie la letra y el código numérico que sigue al # al color que más le guste, puede encontrar muchos lugares en línea para elegir el color, en este enlace Te dejo uno de ellos.

<span style="color: #ff6cc5;">Tu texto aquí</span>

Cambiar el tipo de fuente

Para cambiar la fuente, use este código en su blog y cambia lo que quieras usar.

<span style="font-family: georgia, serif;">Tu texto aquí</span>

Reducir el tamaño del texto

Es útil poner un mensaje legal o de derechos de autor en el blog donde se suele colocar el texto. menor que de costumbre.

<small>Tu texto aquí</small>

Hacer un área de texto

Uno de los trucos html muy simples que pocas personas usan; Si desea resaltar algo en un cuadro sombreado, este es el camino a seguir.

<textarea>Tu texto aquí</textarea>

Puedes escribir lo que quieras dentro del área de texto y así resaltarlo

Texto con referencia

Si desea que una palabra o texto en particular tenga un enlace a otro sitio, debe usar ese código.

<a href="http://www.tuurlaquí.com/">Tu texto aquí</a>

Texto con un enlace en otra ventana

Si queremos un enlace, pero nos gustaría que se abriera en otra ventana del navegador.

<a href="http://www.tuurlaquí.com/" target="_blank">Tu texto aquí</a>

Enlace al correo electrónico

Si queremos que aparezca un enlace en nuestro correo electrónico, solo necesitan hacer clic, por ejemplo, en hello@trucosparamiblog.com.

<a href="http://www.trucosparamiblog.com/trucos-html-copiar-pegar/mailto:nombre@dominio.com">Nuestro mail</a>

Insertar una imagen

Puede usarse en mensajes o en la barra lateral. «Encabezado» es el nombre de la imagen, «alt» es donde debe colocar la palabra clave en la que desea colocar una publicación en particular, «ancho» es el ancho en píxeles y «alto» es la altura, debe cambiar estos valores para quienes quieren que su imagen ocupe.

<img title="titulo de la imagen" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="100" height="150" />

Insertar una imagen con un enlace

Igual que antes, pero en este caso al hacer clic en la imagen nos llevará al enlace que marcamos.

<a href="http://www.tuurlaquí.com/"><img src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="100" height="150" /></a>

Poner el boton

Probablemente hayas visto en muchos blogs que tienen una imagen con texto en HTML a continuación, por lo que puedes tomarla y pegarla directamente en tu blog, es uno de esos trucos html que es genial para presentarnos; Los podemos ver muy a menudo en iconos como Madresfera, por ejemplo. Si quieres crear tu propio blog, eso es todo.

<div align="center"><img title="titulo de la imagen" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="125" height="125" />
Aquí está el texto que desea colocar.
<textarea cols="14" rows="3">href="http://www.tuurlaquí.com/" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" title="titulo" width="125" height="125" </textarea></div>

Espero que te ayuden trucos html Y si dudas de alguno de ellos, o quieres hacer algo pero no lo sabes, debes dejar un comentario.

¡Que te diviertas! 😀

Relacionado