MARCAS DE LETRA

Guía de Diseño en HTML de NCD - v4.0

+ Encabezado

<h#> ... </h#> #=1, 2, 3, 4, 5, 6 

<h1>Qué buen día!</h1>

Qué buen día!

<h2>Qué buen día!</h2>

Qué buen día!

<h3>Qué buen día!</h3>

Qué buen día!

<h4>Qué buen día!</h4>

Qué buen día!

<h5>Qué buen día!</h5>
Qué buen día!
<h6>Qué buen día!</h6>
Qué buen día!



+ Tamaño de Letra

<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7 

<font size=7>Qué buen día!</font>
 Qué buen día! 
<font size=6>Qué buen día!</font>
 Qué buen día! 
<font size=5>Qué buen día!</font>
 Qué buen día! 
<font size=4>Qué buen día!</font>
 Qué buen día! 
<font size=3>Qué buen día!</font>
 Qué buen día! 
<font size=2>Qué buen día!</font>
 Qué buen día! 
<font size=1>Qué buen día!</font>
 Qué buen día!



+ Estilo Físico 

<b>Qué buen día!</b>
 Qué buen día! Grueso 
<i>Qué buen día!</i>
 Qué buen día! Itálico (o inclinada) 
<u>Qué buen día!</u>
 Qué buen día! Subrayado 
<tt>Qué buen día!</tt>
 Qué buen día! Tipo "máquina de escribir" 
<sup>Qué buen día!</sup>
 Qué buen día! Superíndice 
<sub>Qué buen día!</sub>
 Qué buen día! Subíndice 
<s>Qué buen día!</s>
 Qué buen día! Tachado 
<strike>Qué buen día!</strike>
 Qué buen día! Tachado



+ Estilo Lógico 

<em>Qué buen día!</em>
 Qué buen día! Enfatizado 
<strong>Qué buen día!</strong>
 Qué buen día! Repintado 
<code>Qué buen día!</code>
 Qué buen día! Programa Fuente 
<samp>Qué buen día!</samp>
 Qué buen día! Ejemplo 
<kbd>Qué buen día!</kbd>
 Qué buen día! Teclado 
<var>Qué buen día!</var>
 Qué buen día! Variable 
<dfn>Qué buen día!</dfn>
 Qué buen día! Definición 
<cite>Qué buen día!</cite>
 Qué buen día! Cita Textual 
<small>Qué buen día!</small>
 Qué buen día! Pequeño 
<big>Qué buen día!</big>
 Qué buen día! Grande



+ Color de Letra

<font color=#> ... </font>
#= #rrggbb Número Hexadecimal o Nombre:
      Negro, Verde Oliva, Verde Pálido, Rojo, Azul, Café, Azul Oscuro, Gris, Lima,
      Fucsia, Blanco, Verde, Púrpura, Plateado, Amarillo, Azul Claro 

<font color=#ff0000>Rojo</font> &
<font color=red>Rojo</font>
 Rojo & Rojo



+ Apariencia de la Letra

<font face="#, #, ..., #"> ... </font>
#=nombre de letra disponible en el lado cliente 

<font face="Arial, Helvetica">
Hola Mundo!</font>
 Hola Mundo!
Ejemplo de Letras


+ Caracteres Especiales

&#;        #=palabra clave o el número ascii correspondiente 

&amp;
&lt;
&gt;
&quot;
 
& 
<
>
"
Caracteres de HTML2.0 / Caracteres de HTML3.2 / Nombre de caracteres ISO


Guía de Diseño en HTML | Style Sheet Guide
Página | Letra | Texto | Imagen | Formato | Tabla | Marco | Inserciones

BACK TO NCD HOME
Network Communication Design - http://www.ncdesign.org/
 Derechos y Publicación 1994-1997 Yuriko Ienaga yuri@ncdesign.org
Traducción y Adaptación al Español por Carlos Javier Naranjo cnaranjo@univalle.edu.co