Cómo poner códigos HTML

Aquí encontrarás información sobre cómo poner el código HTML a fichas, carteleras, etc.

♕Códigos HTML.♕

Los códigos los pongo entre ♞

Lo primero es abrir la forma HTML de la ficha. Primero le damos a modificar y después a “Modo HTML”.

✿Estructura.

♞♞

<center>
<table style="WIDTH: 100px; HEIGHT: 1000px" background="LINK DIRECTO DE LA IMAGEN">
<tbody>
<tr>
<td align="center" valign="top">
Escribir aquí.
</td></tr></tbody></table></center>

♞♞

En “LINK DIRECTO DE LA IMAGEN” colocamos la imagen de la ficha, que previamente la hay que subirla.

WIDTH es el ancho de la ficha, el cuál debes escribir.
HEIGHT es el alto de la ficha, también hay que escribirlo.

✿Scroll.

Son los cuadros de escritura. Hay que sustituirlo por “Escribir aquí”. Este es el código:

♞♞

<div style="TEXT-ALIGN: center; WIDTH: 100px; FLOAT: left; HEIGHT: 100px; MARGIN-LEFT: 40px; OVERFLOW:auto">Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br></div>

♞♞

En cuanto lo coloques aparecerá (en modo normal) arriba a la derecha. Para bajarlo hay que poner:

♞♞

<br>

♞♞

Hay que poner cuantos se necesiten. Para separar dos scroll a distintas alturas ponemos los <br> debajo del que esté más arriba. Si hay varios scroll a la misma altura los ponemos sin esta separación.

TEXT-ALING es la alineación que tendrá el texto:
- center es centrado.
- left es izquierdo.
- right es derecho.
- justify es justificado, pero se ve izquierdo.

WIDHT es el ancho del scroll, elige el que necesites.

FLOAT es el lado al que irá el scroll cuando lo muevas.
- left hacia la izquierda.
- right hacia la derecha.

HEIGHT es el largo que tendrá el scroll, elige el que necesites.

MARGIN-LEFT es el lugar donde estará colocado el scroll y cuánto le separará de ese lado, elige el que necesites. Además cambia
- LEFT si está en el izquierdo.
- RIGHT si está en el derecho.
- CENTER si está en el centro.

El OVERFLOW no hay que tocarlo.

✿Recomendación.

Para el scroll te recomiendo que lo separes en líneas, por ejemplo:

<br><br><br><br><br><br><br><br><br><br><br><br>

<div style="TEXT-ALIGN: center; WIDTH: 100px; FLOAT: left; HEIGHT: 100px; MARGIN-LEFT: 40px; OVERFLOW: auto">Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br></div>

<br><br><br><br><br><br><br><br><br>

<div style="TEXT-ALIGN: center; WIDTH: 100px; FLOAT: left; HEIGHT: 100px; MARGIN-LEFT: 40px; OVERFLOW: auto">Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br>Escribe aqui<br></div>

✿Cambiar aspecto de la letra.

Para cambiar el aspecto de la letra (forma, color y tamaño) hay que colocar estos códigos antes de poner el scroll:

♞♞

<font face=”Segoe Print”>
<font color=”#000000”>
<font size=”3”>

♞♞

face es tipo de letra, hay que escribirla tal y como es, respetando mayúsculas, minúscula, números, símboloes, etc.

color es el color de la letra, está en decimal. Aquí dejo unos cuántos colores:

Blanco: #FFFFFF.
Negro: #000000.
Gris oscuro: #4A4A4A.
Gris medio: #818181.
Gris claro: #B8B8B8.
Rojo: #FF0000.
Azul claro: #00FFFF.
Azul oscuro: #0000FF.
Verde claro: #00FF00.
Verde oscuro: #005600.
Amarillo: #FFFF00.
Naranja: #FF8100.
Rosa: #FF2BFF.
Morado: #8100FF.
Verde azulado: #00D756.
Marrón: #2B0000.

size es el tamaño de la letra, el normal es 2.

Para unir estas tres cosas o de dos en dos se escribe font y detrás las palabras
Por ejemplo: <font face:”Arial” size:”6” color:”#2B0000”>

♞♞

♞♞

Si quieres poner un cursor (flecha) nueva en tu ficha copia el código (arriba) encima y debajo donde quieras poner el cursor. En ambos casos tienes que poner la imagen del cursor en "link del cursor".

Esto es todo. Añadir más cosas si sabéis.