Lunes, 30 de Abril de 2020

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Texto > Tamaño


Tamaño de fuente: Para definir el tamaño de fuente, directamente en HTML, tenemos varias formas de hacerlo.
  • Especificar uno de los tamaños predefinidos utilizando <FONT SIZE="x"> ... </FONT>, donde x será un número del 1 al 7, equivaliendo estos números a cada uno de los 7 tamaños predefinidos por el navegador que verá nuestra página.
  • Indicar un tamaño diferente, respecto al tamaño utilizado en ese contexto, utilizando <FONT SIZE="xx"> ... </FONT>, donde xx será un número del 1 al 6 precedido de un signo "+" o "-" dependiendo si queremos que el tamaño sea mayor o menor respecto al tamaño del contexto. Teniendo siempre en cuenta que en caso de que al sumar el número que decimos al tamaño del contexto el resultado supere el tope de 7, el tamaño será 7, y en caso de que al restar el número pedido al tamaño del contexto nos resultase menor que 1, el tamaño que se establecerá sera 1.
Por tanto, escribiendo...

<FONT SIZE="1">Esto aparece con tamaño 1 </FONT><BR>
<FONT SIZE="2">Esto aparece con tamaño 2 </FONT><BR>
<FONT SIZE="3">Esto aparece con tamaño 3 </FONT><BR>
<FONT SIZE="4">Esto aparece con tamaño 4 </FONT><BR>
<FONT SIZE="5">Esto aparece con tamaño 5 </FONT><BR>
<FONT SIZE="6">Esto aparece con tamaño 6 </FONT><BR>
<FONT SIZE="7">Esto aparece con tamaño 7 </FONT><BR>
Este es el tamaño por defecto<BR>
<FONT SIZE="+1">Esto aparece con 1 tamaño más que el normal </FONT><BR>
<FONT SIZE="+2">Esto aparece con 2 tamaños más que el normal </FONT><BR>
<FONT SIZE="+3">Esto aparece con 3 tamaños más que el normal</FONT><BR>
<FONT SIZE="-1">Esto aparece con 1 tamaño menos que el normal </FONT><BR>
<FONT SIZE="-2">Esto aparece con 2 tamaños menos que el normal </FONT><BR>

... obtendríamos un ejemplo de cada tamaño.


En el caso de querer hacer un título, o remarcar un párrafo con un determinado tamaño, que el texto aparezca en negrita y además que la separación al texto que viene a continuación sea doble, podremos utilizar unas "cabeceras" predefinidas.
Estas son del tipo <Hx> ... </Hx>, siendo x un número del 1 al 6. Y equivaliendo este código aproximadamente a poner <FONT SIZE="xx"> <B> ... </B></FONT><BR> <BR>, siendo xx el resultado de restar a 7 el numero que habíamos puesto con el código anterior.

Podemos intentarlo poniendo...

<FONT SIZE="5"><B>Titulo con FONT </B> </FONT> <BR> <BR>
Texto a continuación<BR>
<H2>Titulo con cabeceras</H2>
Texto a continuación<BR>


Podremos ver que el resultado es el mismo, pero que en el segundo caso, es más sencillo de escribir el código, y que además, al ser un código más pequeño, hará que el tamaño final del archivo sea algo menor.