Códigos básicos de HTML

Hey babies! Siento que poco a poco voy pillando otra vez la rutina de volver a hacer entradas, me sigue costando, pero no es tan "cansado" como hace un mes o así y hoy, para celebrarlo (lol) he pensado que estaría bien tener un post donde estuvieran algunos códigos básicos de HTML para tenerlos siempre a mano. Recomiendo abrir una nueva pestaña en el navegador e ir probándolos en vuestra sidebar.

  Recuerda: Hay que cerrar siempre el código, sino no funcionará.

Imagen

Aloja tu imagen en alguna web, yo recomiendo hacerlo en Imgur, ya que no tiene límite de espacio de almacenaje (y sí, lo busqué para estar segura). Usa el Direct Link para usar con el siguiente código:

<img src="URL IMAGEN">

Imagen con link

Este es el mismo uso que el anterior, pero con la diferencia de que la imagen tendrá un link.

<a href="URL DESTINO"><img src="URL DE LA IMAGEN"></a>

Link de texto

Este también es como los dos de arriba, pero sólo con el texto, es decir, al darle al texto, te dirigirá al enlace que quieras:

<a href="URL DESTINO">TEXTO</a>

Negrita, itálica, subrayado, tachado y destaque

Puedes modificar la apariencia de los textos con estos códigos. Pruébalos en la sidebar:

Nota: Mi subrayado es diferente porque yo lo modifiqué vía HTML.

Negrita: <b> Texto aquí </b>

Itálica (o cursiva): <i> Texto aquí </i>

Subrayado: <u> Texto aquí </u>

Tachado: <s> Texto aquí </s>

Destaque (en amarillo por defecto): <mark> Texto aquí </mark>

Tamaño de la fuente

Aparte de modificar la apariencia del texto, también se puede ampliar el tamaño de la letra con el siguiente código, pudiendo modificar ese 4, por otro número:

<font size = "4"> Texto aquí </ font>

Centrar texto

Si quieres que algo (texto o imagen) se quede centrado, hay que usar el siguiente código:

<center> texto / imagen / whatever </center>

Línea nueva y espacio

Si no usas este código, es posible que todo se te quede en una misma línea y quede raro, ya que en html no existe el término espacio, para ello hay dos códigos:

Para cambiar de línea: <br/>

Para crear un espacio: &nbsp;

Y esto es todo. Más adelante haré más entradas con más códigos, pero estos son los más básicos que, para que lo sepáis, no sólo lo hago para vosotros, sino para mí misma, que muchas veces tengo que ir a Google a buscar 😅.