Definiciones de atributos

Definiciones de atributos

frame = void|above|below|hsides|lhs|rhs|vsides|box|border [CI]

Este atributo especifica qué lados del marco que rodea a una tabla serán visibles. Valores posibles:

· void: Ningún lado. Este es el valor por defecto.

· above: Sólo el borde superior.

· below: Sólo el borde inferior.

· hsides: Sólo los bordes superior e inferior.

· vsides: Sólo los lados derecho e izquierdo.

· lhs: Sólo el lado izquierdo.

· rhs: Sólo el lado derecho.

· box: Los cuatro lados.

· border: Los cuatro lados.

rules = none|groups|rows|cols|all [CI]

Este atributo especifica qué líneas de división aparecerán entre las celdas de una tabla. La representación de las líneas de división depende del agente de usuario. Valores posibles:

· none: Ninguna línea de división. Este es el valor por defecto.

· groups: Sólo aparecerán líneas de división entre grupos de filas (ver THEAD, TFOOT y TBODY) y grupos de columnas (ver COLGROUP y COL).

· rows: Sólo aparecerán líneas de división entre filas.

· cols: Sólo aparecerán líneas de división entre columnas.

· all: Aparecerán líneas de división entre todas las filas y columnas.

border = píxeles [CN]

Este atributo especifica la anchura (sólo en píxeles) del marco que rodea a una tabla (véase la Nota que se encuentra más abajo para más información sobre este atributo).

Para ayudar a distinguir las celdas de una tabla, podemos establecer el atributo border del elemento TABLE. Consideremos uno de los ejemplos previos:

       summary="Esta tabla muestra el número de tazas
                de café consumidas por cada senador, el tipo 
                de café (descafeinado o normal) y si lo 
                toma con azúcar.">
   
   
   
   
   
   
   
   
   
   
   
   
Tazas de café consumidas por cada senador
Nombre
Tazas
Tipo de Café
¿Azúcar?
T. Sexton
10
Espresso
No
J. Dinnen
5
Descafeinado
Sí

En el siguiente ejemplo, el agente de usuario debería mostrar bordes de cinco píxeles de grosor en los lados izquierdo y derecho de la tabla, con líneas de división entre cada dos columnas.

 
1 
2 
3
 
4 
5 
6
 
7 
8 
9

Los agentes de usuario deberían obedecer las siguientes especificaciones para conservar la compatibilidad con versiones anteriores.

• Especificar border="0" implica frame="void" y, a menos que se especifique lo contrario, rules="none".
• Otros valores de border implican frame="border" y, a menos que se especifique lo contrario, rules="all".
• El valor "border" en la etiqueta inicial del elemento TABLE debería ser interpretado como el valor del atributo frame. Implica rules="all" y algún valor por defecto (distinto de cero) para el atributo border.

Por ejemplo, las siguientes definiciones son equivalentes:

así como las siguientes:
Nota. El atributo border también define el comportamiento de los bordes de los elementos OBJECT e IMG, pero toma valores diferentes para esos elementos.
11.3.2 Alineación horizontal y vertical
Los siguientes atributos pueden especificarse para diferentes elementos de una tabla (véanse sus definiciones).
  "align      (left|center|right|justify|char) #IMPLIED
   char       %Character;    #IMPLIED  -- carácter de alineación, p.ej. char=':' --
   charoff    %Length;       #IMPLIED  -- offset del carácter de alineación --"
  >
  "valign     (top|middle|bottom|baseline) #IMPLIED"
  >
Definiciones de atributos
align = left|center|right|justify|char [CI]
Este atributo especifica la alineación de los datos y la justificación del texto de una celda. Valores posibles: 
·         left: Datos a la izquierda/Texto justificado a la izquierda.
·         center: Datos centrados/Texto con justificación centrada. Este es el valor por defecto para los encabezados de las tablas.
·         right: Datos a la derecha/Texto justificado a la derecha.
·         justify: Texto doblemente justificado.
·         char: Alinear el texto alrededor de un carácter específico. Si un agente de usuario no soporta alineación alrededor de un carácter, el comportamiento en presencia de este valor queda sin especificar.
valign = top|middle|bottom|baseline [CI]
Este atributo especifica la posición vertical de los datos dentro de una celda. Valores posibles: 
·         top: Los datos de la celda se alinean con la parte superior de la celda.
·         middle: Los datos de la celda se centran verticalmente dentro de la celda. Este es el valor por defecto.
·         bottom: Los datos de la celda se alinean con la parte inferior de la celda.
·         baseline: Todas las celdas que estén en la misma fila que una celda cuyo atributo valign tenga este valor deberían tener sus datos textuales posicionados de tal modo que la primera línea de texto aparezca en una línea de base común para todas las celdas de la fila. Esta restricción no se aplica a las líneas subsiguientes de texto de estas celdas.
char = carácter [CN]
Este atributo especifica que un carácter individual dentro de un fragmento de texto actúe como eje de alineación. El valor por defecto para este atributo es el carácter de punto decimal para el idioma actual, definido por el atributo lang (p.ej., el punto (".") en inglés y la coma (",") en francés). Los agentes de usuario no necesitan soportar este atributo.
charoff = longitud [CN]
Si está presente, este atributo especifica la distancia (offset) entre el borde y la primera aparición del carácter de alineación en cada línea. Si una línea no incluye el carácter de alineación, debería ser desplazada horizontalmente hasta la posición de alineación. 
Cuando se usa charoff para establecer el offset de un carácter de alineación, la dirección del desplazamiento está determinada por la dirección actual del texto (establecida con el atributo dir). En texto de izquierda a derecha (el valor por defecto), el desplazamiento es desde el margen izquierdo. En textos de derecha a izquierda, el desplazamiento es desde el margen derecho. Los agentes de usuario no necesitan soportar este atributo.
La tabla de este ejemplo alinea una fila de valores monetarios alrededor de un punto decimal. Hemos establecido explícitamente el carácter de alineación "."
<COL><COL align="char" char=".">
Verdura 
Precio por kilo
Lechuga    
$1
Zanahorias 
$10.50
Nabos      
$100.30

La tabla formateada puede parecerse a la siguiente:

-------------------------------

|   Verdura   |Precio por kilo|

|-------------|---------------|

|Lechuga      |          $1   |

|-------------|---------------|

|Zanahorias   |         $10.50|

|-------------|---------------|

|Nabos        |        $100.30|

-------------------------------

Cuando los contenidos de una celda contienen más de una aparición del carácter de alineación especificado por char y los contenidos no caben en una sola línea, el comportamiento del agente de usuario queda sin especificar. Los autores deberían por lo tanto tener cuidado cuando usen char.

Nota. Los agentes de usuario visuales suelen representar los elementos TH horizontal y verticalmente centrados dentro de la celda y con una fuente en negrita.

Herencia de las especificaciones de alineación

La alineación de los contenidos de una celda puede especificarse independientemente para cada celda, o heredarse de los elementos que la contienen, como una fila, una columna, o la propia tabla.

El orden de precedencia (de más alta a más baja) de los atributos align, char y charoff es el siguiente:

1. Un atributo de alineación establecido en un elemento dentro de los datos de la celda (p.ej., P).
2. Un atributo de alineación establecido en una celda (TH y TD).
3. Un atributo de alineación establecido en un elemento de grupo de columnas (COL y COLGROUP). Cuando la celda sea parte de un tramo que abarque varias columnas, la propiedad de alineación se hereda de la definición de la celda al comienzo del tramo.
4. Un atributo de alineación establecido en un elemento de fila o grupo de filas (TR, THEAD, TFOOT y TBODY). Cuando una celda sea parte de un tramo que abarque varias filas, la propiedad de alineación se hereda de la definición de la celda al comienzo del tramo.
5. Un atributo de alineación establecido en la tabla (TABLE).
6. El valor por defecto de la alineación.

El orden de precedencia (de más alta a más baja) para el atributo valign (así como para los otros atributos heredados lang, dir y style) es el siguiente:

1. Un atributo establecido en un elemento dentro de los datos de la celda (p.ej., P).
2. Un atributo establecido en una celda (TH y TD).
3. Un atributo establecido en un elemento de fila o grupo de filas (TR, THEAD, TFOOT y TBODY). Cuando la celda forme parte de un tramo que abarque varias filas, el valor del atributo se hereda de la definición de la celda al comienzo del tramo.
4. Un atributo establecido en un elemento de grupo de columnas (COL y COLGROUP). Cuando la celda forme parte de un tramo que abarque varias columnas, el valor del atributo se hereda de la definición de la celda al comienzo del tramo.
5. Un atributo establecido en la tabla (TABLE).
6. El valor por defecto del atributo.

Además de eso, cuando se representen celdas, para determinar la alineación horizontal las columnas tienen preferencia sobre las filas, mientras que para la alineación vertical las filas tienen preferencia sobre las columnas.

La alineación por defecto de las celdas depende del agente de usuario. Sin embargo, los agentes de usuario deberían establecer el atributo por defecto según la direccionalidad actual (es decir, que no sea "left" en todos los casos).

Los agentes de usuario que no soporten el valor "justify" del atributo align deberían usar en su lugar el valor heredado de la direccionalidad.

Nota. Obsérvese que una celda puede heredar un atributo no de su padre sino de la primera celda de un tramo. Esta es una excepción a las reglas generales de herencia de atributos.

11.3.3 Márgenes de las celdas

Definiciones de atributos

cellspacing = longitud [CN]

Este atributo especifica cuánto espacio debería dejar el agente de usuario entre el lado izquierdo de la tabla y el lado izquierdo de la columna que está más a la izquierda, entre la parte superior de la tabla y el lado superior de la fila que está más arriba, y lo mismo para los lados derecho e inferior. El atributo también especifica la cantidad de espacio entre celdas.

cellpadding = longitud [CN]

Este atributo especifica la cantidad de espacio entre el borde de la celda y sus contenidos. Si el valor de este atributo es una longitud en píxeles, los cuatro bordes deberían estar a esta distancia de los contenidos. Si el valor del atributo es una longitud porcentual, los bordes superior e inferior deberían estar igualmente separados del contenido según un porcentaje del espacio vertical disponible, y los bordes izquierdo y derecho deberían estar igualmente separados de los contenidos según un porcentaje del espacio horizontal disponible.

Estos dos atributos controlan el espacio entre y dentro de las celdas. La siguiente ilustración explica cuál es la relación entre ellos:

En el siguiente ejemplo, el atributo cellspacing especifica que las celdas deberían estar separadas entre sí y hasta el marco de la tabla por veinte píxeles. El atributo cellpadding especifica que el margen superior de la celda y el margen inferior de la celda estarán separados de los contenidos de la celda por el 10% del espacio vertical disponible (para un total del 20%). Análogamente, el borde izquierdo de la celda y el borde derecho de la celda estarán separados de los contenidos de la celda por el 10% del espacio horizontal disponible (para un total del 20%).

 
Dato1 
Dato2 
Dato3

Si una tabla o columna dada tiene una anchura fija, cellspacing y cellpadding pueden requerir más espacio que el asignado. Los agentes de usuario pueden dar a estos atributos precedencia sobre el atributo width cuando existan conflictos, pero no necesitan hacerlo.

11.4 Representación de tablas por agentes de usuario no visuales

11.4.1 Asociación de información de encabezado con celdas de datos

Los agentes de usuario no visuales tales como sintetizadores de voz o dispositivos Braille pueden usar los siguientes atributos de los elementos TD y TH para representar las celdas de las tablas más intuitivamente:

• Para una celda de datos dada, el atributo headers enumera las celdas que proporcionan información de encabezado pertinente. Para ello, se debe dar un nombre a cada celda de encabezado por medio del atributo id. Obsérvese que no siempre es posible hacer una distinción clara entre las celdas que son de encabezado y las celdas de datos. Para aquellas celdas en que la diferencia no es clara, debería usar el elemento TD junto con los atributos id o scope.
• Para una celda de encabezado dada, el atributo scope le dice al agente de usuario las celdas de datos para las cuales proporciona información esta celda de encabezado. Los autores pueden optar por usar este atributo en lugar de headers si lo encuentran más conveniente; los dos atributos realizan la misma función. El atributo headers es necesario generalmente cuando se colocan los encabezados en posiciones irregulares con respecto a los datos a los que se aplican.
• El atributo abbr especifica un encabezado abreviado para celdas de encabezado de modo que los agentes de usuario puedan representar la información de encabezado más rápidamente.

En el siguiente ejemplo, asignamos información de encabezado a celdas por medio del atributo headers. Todas las celdas de una misma columna se refieren a la misma celda de encabezado (a través del atributo id).

       summary="Esta tabla muestra el número de tazas
                de café consumidas por cada senador, el tipo 
                de café (descafeinado o normal), y si lo 
                toma con azúcar.">
   
   
   
   
   
   
   
   
   
   
   
   
Tazas de café consumidas por cada senador
Nombre
Tazas
Tipo de Café
¿Azúcar?
T. Sexton
10
Espresso
No
J. Dinnen
5
Descafeinado
Sí

Un sintetizador de voz podría representar esta tabla de la forma siguiente:

Título:  Tazas de café consumidas por cada senador

Resumen: Esta tabla muestra el número de tazas

         de café consumidas por cada senador, el tipo 

         de café (descafeinado o normal), y si lo 

         toma con azúcar.

Nombre: T. Sexton,  Tazas: 10,   Tipo: Espresso,  Azúcar: No

Nombre: J. Dinnen,  Tazas: 5,    Tipo: Decaf,     Azúcar: Sí

Observe como se abrevia el encabezado "Tipo de Café" a "Tipo" usando el atributo abbr.

Aquí tenemos el mismo ejemplo, utilizando el atributo scope en lugar del atributo headers. Obsérvese el valor "col" del atributo scope, que significa "todas las celdas de esta columna":

       summary="Esta tabla muestra el número de tazas
                de café consumidas por cada senador, el tipo 
                de café (descafeinado o normal), y si lo 
                toma con azúcar.">
   
   
   
   
   
   
   
   
   
   
   
   
Tazas de café consumidas por cada senador
Nombre
Tazas
Tipo de Café
¿Azúcar?
T. Sexton
10
Espresso
No
J. Dinnen
5
Descafeinado
Sí

Aquí hay un ejemplo algo más complejo que ilustra otros valores del atributo scope:

  summary="Cursos de historia ofrecidos en la comunidad de Bath
           ordenados por nombre del curso, tutor, resumen,
           código y tasas">
  
    
  
  
    
    
    
    
    
  
  
    
    
    
    
    
  
  
    
    
    
    
    
  
  
    
    
    
    
    
  
       Cursos de la Comunidad -- Bath Otoño de 1997
    
Nombre del Curso
Tutor del Curso
Resumen
Código
Tasas
Tras la Guerra Civil
Dr. John Wroughton
       El curso examinará los años turbulentos que siguieron
       a 1646 en Inglattera.  Reuniones cada 6 semanas
       a partir del lunes 13 de octubre.
    
H27
£32
Una introducción a la Inglaterra anglosajona
Mark Cottle
       Este curso de un día presenta una reconstrucción
       de los anglosajones y de su sociedad en el
       período medieval temprano. Sábado 18 de Octubre.
    
H28
£18
La gloriosa Grecia
Valerie Lorenz
      Lugar de nacimiento de la democracia y la filosofía, patria del teatro,
      hogar de la discusión. Los romanos pueden haberlo hecho, pero los
      griegos lo hicieron primero. Clases matutinas del sábado 25
      de Octubre de 1997
    
H30
£18

Un agente de usuario gráfico podría representar esto así:

Obsérvese que se usa el atributo scope con el valor "row". Aunque la primera celda de cada fila contiene datos y no información de encabezado, el atributo scope hace que la celda de datos se comporte como una celda de encabezado de fila. Esto permite a los sintetizadores de voz proporcionar el nombre del curso en cuestión si se le pide, o pronunciarlo inmediatamente antes del contenido de cada celda.

11.4.2 Categorización de celdas

Los usuarios que navegan por una tabla con un agente de usuario basado en voz pueden querer oír una explicación de los contenidos de una celda además de los propios contenidos. Un modo en que el agente de usuario podría proporcionar una explicación es pronunciando la información de encabezado asociada antes de pronunciar los contenidos de la celda de datos (véase la sección sobre la asociación de información de encabezado con celdas de datos).

Los usuarios también pueden querer información sobre más de una celda, en cuyo caso proporcionar información de encabezado a nivel de celda (con headers, scope y abbr) puede no ser lo más adecuado. Considérese la tabla siguiente, que clasifica los gastos de comida, hotel y transporte en dos localidades (San Jose y Seattle) a lo largo de varios días:

Los usuarios podrían querer extraer información de la tabla por medio de preguntas:

• "¿Cuánto gasté en todas mis comidas?"
• "¿Cuánto gasté en comida el 25 de agosto?"
• "¿Cuánto gasté en total en San Jose?"

Cada pregunta implica un cálculo por parte del agente de usuario que puede implicar a cero o más celdas. Para determinar, por ejemplo, el coste de las comidas del 25 de agosto, el agente de usuario debe saber qué celdas de la tabla se refieren a "Comidas" (todas ellas), y cuáles se refieren a "Fechas" (en particular al 25 de agosto), y encontrar la intersección de los dos conjuntos.

Para permitir este tipo de preguntas, el modelo de tablas de HTML 4 permite a los autores colocar encabezados y datos de tabla en categorías. Por ejemplo, para la tabla de gastos de viaje, un autor podría agrupar las celdas de encabezado "San Jose" y "Seattle" en la categoría "Localidad", los encabezados "Comidas", "Hotel", y "Transporte" en la categoría "Gastos", y los cuatro días en la categoría "Fecha". Las tres preguntas anteriores podrían tener entonces los significados siguientes:

• "¿Cuánto gasté en todas mis comidas?" significa "¿Cuáles son las celdas de datos de la categoría "Gastos=Comidas"?
• "¿Cuánto gasté en comidas el 25 de agosto?" significa "¿Cuáles son las celdas de datos de las categorías "Gastos=Comidas" y "Fecha=25/08/1997"?
• "¿Cuánto gasté en total en San Jose?" significa "¿Cuáles son las celdas de datos de las categorías "Gastos=Comidas, Hotel, Transporte" y "Localidad=San Jose?"

Los autores categorizan una celda de encabezado o de datos estableciendo el atributo axis de la celda. Por ejemplo, en la tabla de gastos de viaje, la celda que contiene la información "San Jose" podría ser colocada en la categoría "Localidad" como sigue:

  San Jose

Cualquier celda que contenga información relacionada con "San Jose" debería referirse a esta celda de encabezado o bien por medio del atributo headers o bien por medio del atributo scope. Así, los gastos en comidas del 25/08/1997 deberían codificarse para que se refirieran al atributo id de la celda de encabezado "San Jose" (cuyo valor aquí es "a6"):

  37.74

Cada atributo headers proporciona una lista de referencias a valores id. Los autores pueden así categorizar una celda dada de diferentes maneras (o dicho de otra manera, por cualquier número de "headers", de ahí su nombre).

Abajo hemos codificado la tabla de gastos de viaje con información sobre categorías:

       summary="Esta tabla resume los gastos
                producidos durante los viajes a
                San Jose y a Seattle en agosto">
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Informe de Gastos de Viaje
Comidas
Hotel
Transporte
subtotales
San Jose
25/08/1997
37.74
112.00
45.00
26/08/1997
27.28
112.00
45.00
subtotales
65.02
224.00
90.00
379.02
Seattle
27/08/1997
96.25
109.00
36.00
28/08/1997
35.00
109.00
36.00
subtotales
131.25
218.00
72.00
421.25
Totales
196.27
442.00
162.00
800.27

Obsérvese que al codificar la tabla de esta manera, los agentes de usuario pueden evitar confundir al usuario con información no deseada. Por ejemplo, si un sintetizador de voz tuviera que pronunciar todas las cifras de la columna "Comidas" de esta tabla en respuesta a la pregunta "¿Cuánto me gasté en comidas?", un usuario no podría distinguir los gastos diarios subtotales de los totales. Categorizando cuidadosamente los datos de las celdas, los autores permiten a los agentes de usuario hacer distinciones semánticas importantes en la representación.

Por supuesto, no hay límites en cuanto a la forma en que los autores pueden categorizar la información de una tabla. Por ejemplo, en la tabla de gastos de viaje, podríamos añadir las categorías adicionales "subtotales" y "totales".

Esta especificación no exige a los agentes de usuario que traten la información proporcionada por el atributo axis, ni hace ninguna recomendación sobre cómo pueden presentar los agentes de usuario la información de axis a los usuarios, ni sobre cómo pueden preguntar los usuarios al agente de usuario sobre esta información.

Sin embargo, los agentes de usuario, en particular los sintetizadores de voz, podrían extraer la información que las distintas celdas resultado de una pregunta tienen en común. Por ejemplo, si el usuario pregunta "¿Cuánto me gasté en comidas en San Jose?", el agente de usuario podría determinar primero las celdas en cuestión (25/08/1997: 37.74, 26/08/1997: 27.28), y después representar esta información. Un agente de usuario que pronuncie esta información podría leerla así:

   Localidad: San Jose. Fecha: 25/08/1997. Gastos, Comidas: 37.74

   Localidad: San Jose. Fecha: 26/08/1997. Gastos, Comidas: 27.28

o más compacto:

   San Jose, 25/08/1997, Comidas: 37.74

   San Jose, 26/08/1997, Comidas: 27.28

Se obtendría una representación aún más económica sacando la información común y reordenándola:

   San Jose, Comidas, 25/08/1997: 37.74

                      26/08/1997: 27.28

Viñetas y Listas

Con frecuencia se usan listas en los documentos. El lenguaje HTML incorpora unas listas con viñetas sencillas o también letras o números. Para dar más vistosidad a las páginas, se suelen emplear también imágenes que se colocan delante de cada párrafo. Vamos a ver algunas de las posibilidades que tenemos.

Listas con viñetas desordenadas

He aquí el ejemplo más sencillo de una de estas listas:

escribimos en html	se verá como
Primer término de la lista Segundo término Tercer término	Primer término de la lista Segundo término Tercer término

Como ves, la lista se declara con la etiqueta

y finaliza con el cierre de la misma

. También podemos modificar las viñetas por medio del atributo TYPE= circle, disc o square (círculo, disco o cuadrado) y añadir sublistas.

escribimos en html	se verá como
Primer término de la lista Sublista Otro elemento Segundo término Tercer término	Primer término de la lista Sublista Otro elemento Segundo término Tercer término

Otro atributo interesante es compact para reducir el espacio entre los elementos

Listas con viñetas ordenadas

Estas listas se caracterizan porque aparecen números o ciertos caracteres que ordenan sus elementos. La etiqueta usada es

junto con su correspondiente de cierre

. El atributo TYPE toma ahora los valores 1, a, A, i, I. Un ejemplo de estas listas es el siguiente

escribimos en html	se verá como
Primer término de la lista Segundo término Tercer término Cuarto Quinto	Primer término de la lista Segundo término Tercer término Cuarto Quinto

Listas de definición

Estas listas se forman con el elemento que se define y su definición. Las etiquetas son

y

para la lista y

y

para los elementos y sus definiciones. Un ejemplo:

escribimos en html	se verá como
Término 1º Definición del elemento 1º Término 2º Definición del elemento 2º Término 3º Definición del elemento 3º	Término 1º Definición del elemento 1º Término 2º Definición del elemento 2º Término 3º Definición del elemento 3º

Manipulación de Fuentes

Las fuentes
3.2.-Tipos de fuentes y sus colores.

La etiqueta vista anteriormente admite atributos para controlar el tipo de fuente a usar, así como su color. Sus nombres son FACE y COLOR, respectivamente.

Los colores se consiguen mezclando el rojo, verde y azul (RGB). Deben escribirse en hexadecimal, entre comillas y con el símbolo de rejilla (#) delante. Si se desea uno de los colores estándares, puede escribirse directamente su nombre.

La tabla de 16 colores que ofrecen muchos procesadores de texto es la que sigue, pero pueden hacerse todas las combinaciones que se deseen:

Negro	Black	#000000	Esto está escrito en color negro
Azul	Blue	#0000FF	Esto está escrito en color Azul
Aguamarina	Cyan	#00FFFF	Esto está escrito en color Aguamarina
Verde claro	Lime	#00FF00	Esto está escrito en color Verde claro (lima)
Magenta (fucsia)	Magenta	#FF00FF	Esto está escrito en color Magenta (fucsia)
Rojo	Red	#FF0000	Esto está escrito en color Rojo
Amarillo	Yellow	#FFFF00	Esto está escrito en color Amarillo
Blanco	White	#FFFFFF	Esto está escrito en color Blanco
Azul marino	Navy	#000080	Esto está escrito en color Azul marino
Verde azul (turquesa)	Teal	#008080	Esto está escrito en color Verde Azul (turquesa)
Verde	Green	#008000	Esto está escrito en color Verde
Púrpura	Purple	#800080	Esto está escrito en color Púrpura
Marrón (granate)	Maroon	#800000	Esto está escrito en color Marrón (granate)
Oliva	Olive	#808000	Esto está escrito en color Oliva
Gris	Gray	#808080	Esto está escrito en color Gris
Plata	Silver	#C0C0C0	Esto está escrito en color Plata

Por ejemplo, estas dos series de órdenes hacen exactamente lo mismo:

El tipo de letra es arial, de color azul

El tipo de letra es arial, de color azul

Puede verse aquí una relación más detallada de los colores RGB.

Podemos escribir un ejemplo para visualizar algunos colores y tipos de fuente:

Texto en Arial de color azul, tamaño 5.

Texto en Times New Roman, de color magenta, tamaño 5.

Texto en Arial, de color verde, tamaño 3.

Texto en Times New Roman, de color Cyan, tamaño 3.

Texto en Times New Roman (por defecto), de color marrón, tamaño 6.

Texto en Arial, de color púrpura, tamaño máximo (7)

---

Un Poco más allá de los elementos básicos

Más allá de recetas o bien intencionados propósitos, organizarnos bien es una cuestión de actitud. Yo lo resumo como “una manera de ser y una forma de vivir”.
En la vida profesional, en lo laboral y empresarial, estamos atentos de los detalles del negocio, lo cual es adecuado, mientras no abusemos de ello. Aquel que se la pasa atendiendo aspectos que puede delegar en otros, no está siendo organizado en lo absoluto.

Te pongo un ejemplo. Hace poco, tuve una cita con el dueño y director de una empresa mediana, exitosa, que cuenta con una oficina, una bodega principal y dos sucursales en la misma ciudad. Llegó una hora tarde porque, ¡había ido a cobrarle a un cliente! Una cosa es atender el negocio y otra muy distinta, ahogarse en los detalles operativos cuando se debería prestar más atención a la parte estratégica del mismo, a lo que impactará en el mediano y largo plazo.

Cómo saber si te organizas bien

Confío en que no vivas como el empresario del que te platiqué. He aquí algunas pistas que te permitirán saber qué tanto control tienes sobre lo más importante que existe: el tiempo y su buen uso.
Estás siendo organizado cuando:

• Recopilas toda la información existente sobre un asunto y te reúnes con los involucrados y/o expertos en el tema.
• Delegas con claridad y precisión.
• Comunicas con claridad los objetivos y tus decisiones.
• Estableces los posibles cursos de acción, también llamados “planes de contingencia” y has prevenido sus consecuencias.
• Llevas un buen control de lo que has delegado.
• Das seguimiento diario a la lista de pendientes importantes.

Lo anterior tiene al menos un par de aprendizajes importantes, que nos ayudarán a ser mejores y más eficientes, cuando de dirigir nuestro negocio se trata.

Otro aspecto que debes tomar en cuenta, es el estrés. Cuando nos angustiamos porque el tiempo se acaba y debemos cumplir con la fecha de ciertos compromisos adquiridos, nos sentimos impotentes, irritados y transmitimos nuestros sentimientos al resto del equipo, lo que provocará a su vez, malestares que no ayudarán a lograr una buena organización. Para prevenir lo anterior, debemos realizar una planeación adecuada, que nos permita utilizar nuestros recursos de la mejor manera. Debemos enfocarnos en lo urgente y después en lo importante. Lo anterior nos permitirá cumplir con las fechas de entrega y tener además, tiempo para nosotros mismos y nuestros seres queridos.

Componentes básicos de una mejor organización personal

Brevemente te menciono algunos de los elementos que pueden ayudarte a ser más eficiente:

1. Supérate. No te conformes con tu situación actual. Si te visualizas en el futuro y te enfocas en que sea distinto a lo que hoy estás haciendo, será un buen motivador para que rompas el círculo vicioso en el que te encuentras.
2. Distingue. Las personas exitosas dedican un espacio importante de su vida para identificar lo prioritario, además de atender lo urgente. Un buen empresario, debe ser capaz de afrontar el reto de “ocuparse urgentemente de lo que sí es importante”.
3. Cambia. Los hábitos, cuando no son los mejores, hacen que nos estanquemos. Tres cosas en las que debes considerar trabajar y mantener en constante crecimiento son: aumentar tus conocimientos, mejorar tu actitud en todos los sentidos y perfeccionar día a día tus habilidades.
4. Dedícate. No apagues fuegos, no tapes hoyos, no resuelvas problemas triviales. Dedica algo de tiempo diario a atender lo prioritario. Ten la disciplina de reservar espacio en tu agenda para esos menesteres.
5. Comienza. Si entiendes que la manera en que haces las cosas no es la adecuada, y asumes que la situación que atraviesas no es la mejor, entonces seguramente estarás insatisfecho y ya no querrás que las cosas continúen así. Este es un buen momento para comenzar, dedicando tu energía a adquirir conocimientos, habilidades y técnicas que te ayudarán a salir del bache que te hace sentir incómodo.