Crea tu Web: Indice de diseño

El manual completo HTML en formato PDF
¡ sólo
4 €!

Tras confirmar el pago recibirá instrucciones en su email
  • Introducción al curso
    • Introducción
    • Requisitos
    • Agradecimiento
  • El HTML
    • Versiones de HTML
    • HTML 2.0
    • HTML 3.0 y 3.2
    • HTML 4.0
    • Estándares en este curso
  • Mi primera página
    • La primera página
    • El código
    • La explicación
    • El cuerpo del documento
  • El documento HTML
    • La página
    • La cabecera
    • El cuerpo
  • Formato del texto
    • Formato básico
    • Formato del párrafo
    • Las 6 cabeceras
    • Cambiando el tipo de letra
    • Formato de frase
    • Otros elemento
  • Tipos de letras
    • Formateo de texto
    • Cambio de color
    • Tamaños del texto
    • Tipo de letra
  • Caracteres especiales
    • Caracteres especiales
    • Caracteres extendidos
    • Caracteres de control
  • Enlaces web
    • Los enlaces
    • La etiqueta <A>
    • Las URLs
    • Anclas
  • Listas
    • Listas
    • Listas desordenadas
    • Listas ordenadas
    • Listas de definiciones
  • Imágenes
    • Imágenes
    • Imágenes y enlaces
    • Alineación respecto al texto
  • Formularios
    • Formularios
    • Cajas de texto
    • Opciones
    • Botones del formulario
    • Otros elemento
  • Formularios avanzados
    • Controles avanzados
    • Etiquetas
    • Agrupación de elementos
    • Desactivación de elementos
  • Mapas
    • Mapas
    • Mapas lado cliente
    • Cómo usar un mapa
  • Tablas
    • Tablas
    • Definir las filas
    • Definir las celdas
    • Título de la tabla
  • Marcos
    • Marcos
    • Etiqueta <FRAMESET>
    • Etiqueta <FRAME>
    • Acceso a otros marcos
  • Hojas de estilo (1)
    • Estilos CSS
    • Clases
    • Etiquetas <SPAN> y <DIV>
  • Hojas de estilo (2)
    • Referencia CSS
    • Propiedades de bloque
    • Propiedades de tipo de letra
    • Propiedades de formato del texto
    • Propiedades de color y fondo
    • Propiedades de clasificación
  • Los scripts
    • Los Scripts
    • Javascript
  • Capas
    • Las capas
    • Definición
    • Propiedades
  • Sonido
    • Sonido en la página
    • Sonido manual
    • Sonido de fondo
  • Trucos
    • Guía de estilo
      • Guía de estilo
      • Contenido
      • Navegación
      • Estructura de las páginas
      • Accesibilidad
      • Diseño
      • Mantenimiento y prueba
    • Enlaces de interés
      • Más HTML
      • Más JavaScript
      • HTML dinámico
      • Otras tecnologías
      Formateando caracteres
      Formateo de caracteres
      Cuando hablamos del formato en un tema anterior te adelantábamos que podrías dar formato al texto a nivel de carácter, y que la cosa no se iba a quedar solo en poner subrayados o negritas y cursivas. HTML nos permite un gran control sobre el formato del texto mediante la etiqueta <FONT>.
      arriba


      El color

      Podemos cambiar el color de cualquier carácter mediant el uso del parámetro COLOR. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando los componentes de rojo, verde y azul (código RGB) del mismo. Los colores reconocidos son los siguientes:

      Black Silver Gray White Maroon Red Purple Fuchsia
      Green Lime Olive Yellow Navy Blue Teal Aqua

      <FONT color="blue">Soy azul como el mar</FONT>

      El modo de indicar el color RGB es el mediante los componentes RGB para lo que se usa un código de seis dígitos hexadecimales: 00 a FF. Por ejemplo:

      <FONT COLOR="#FF0000">Código para rojo es #FF0000D</FONT>
      

      Código para rojo es #FF0000

      <FONT COLOR="#00FF00">Código para verde es #00FF00</FONT>
      

      Código para verde es #00FF00

      <FONT COLOR="#0000FF">Código para Azul es #0000FF</FONT>

      Código para azul es #0000FF

      <FONT COLOR="#0000FF">Y ahora mezclemos colores con #10A2FF</FONT>

      Y ahora mezclemos colores con #10A2FF

      arriba


      Tamaño del texto

      El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos:

      SIZE=1 SIZE=2 SIZE=3 SIZE=4
      SIZE=5
      SIZE=6
      SIZE=7

      El tamaño por defecto es 3. También se puede utilizar los modificadores + y - para indicar un incremento (o decremento) relativo del tamaño del tipo de letra. Así, por ejemplo, si indicamos que queremos un tamaño de -2 estaremos pidiendo al navegador que nos muestre el tipo de letra dos veces más pequeño.

      <FONT SIZE=2><font size="2">Tamaño 2</font><FONT SIZE="+3">
      <font size="2"><font size="+3">Tamaño 6</font></font></FONT></FONT>
      arriba


      Tipo de letraHTML 4.0

      Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro FACE. Pero ojo esto no es realmente muy utilizable. El navegador usará el tipo de letra indicado en este atributo si tiene esa fuente instalada. Si sales de la Times New Roman, Arial, Helvética, Verdana o Courier corres el riesgo de que el usuario no llegue a ver la página como tu la has diseñado, sino de una manera que puede llegar a ser desastrosa para el diseño. Si el navegador no encuentra ninguno de las fuentes indicada en este parámetro utilizará la fuente por defecto:

      <FONT FACE="Helvetica,Arial,Times">
      <font face="Helvetica,Arial,Times">
      No sé como voy a salir exactamente</font></FONT>
      arriba


      Comunidad Virtual. Alojamiento gratis