Y volvimos.... con estilo !!!

Y acá volvi con esto... vamos a ver un poco del estilo a este código... pero convengamos que es el primer "estilo" que se le da a las líneas de código.... así que no se piensen que esto es definitivo, es el primer pasito apenitas.... ahi vamos.....

Vamos a hablar un poco de Estilos de Carácter: afectan a palabras o caracteres dentro de otras entidades de HTML modificando el aspecto de ese texto para que sea diferente al texto que lo rodea. En realidad esto es una aproximación al estilo, así no se le da el estilo definitivo, pero sirve para ademas darle mas fuerza a una parte del código.

1.- TIPOS DE ESTILOS

Hay dos tipos de estilo: estilo lógico y estilo físico. Se acuerdan que yo les decía que era mejor para los buscadores? Bueno, los estilos que preferentemente deben usar son los lógicos y no los físicos. Siempre por lo mismo, para mantener una sintaxis correcta del texto. Acuerdense que lo mejor es tener una escritura adecuada para que las bichas nos entiendan.

A.- ESTILO LOGICO

Indican como se va a emplear el texto que realzamos, no el como se va a aplicar el estilo. A ver, esto es darle más importancia a una parte del código, el explorador lo interpreta de esa manera y por eso le cambia el estilo, pero en realidad le estan dando más importancia y solo eso. Para realmente cambiar el estilo, lo vamos a ver más adelante. Vamos con los tags:

* <EM> ... </EM>: los caracteres estaran enfatizados de alguna manera generalmente en CURSIVA
* <STRONG> ... </STRONG> idem pero en NEGRITA
*<CODE> ... </CODE> muestra una FUENTE MONOESPACIADA como Courier
*<SAMP> ... </SAMP> muy similar a Code
*<KDB> ... </KDB> texto que el usuario debe escribir
*<VAR>... </VAR> Nombre de una variable que deba ser reemplazada por su valor real. Generalmente en cursiva o subrayada (les aviso que en google chrome me lo muestra cursiva)
*<DFN>...</DFN> Resalta la palabra que se va a definir. Estamos haciendo una DEFINICION
*<CITE>...</CITE> Esto define CITAS CORTAS

B.- ESTILOS FISICOS

Otra vez, modifican la presentación real del texto pero no realza la importancia del texto. Es lo mismo que pasaba con los tags <br> y <p>. Recordemos que <br> simplemente pone un salto de página y <p> define un párrafo y dijimos que es mejor definir párrafos que poner saltos de página. La explicación de esto es que es mejor un lenguaje formal del código que uno informal.... recuerden que el código puede ser usado por otra persona y no queremos ser los culpables de la calvicie de alguien porque nuestro código es un desastre sin sintaxis.

Vamos con esos tags pero mi recomendación es que no los usen para sus códigos:

*<B>...</B> pone el texto en NEGRITA
*<I>...</I> pone el texto en CURSIVA
*<TT>...</TT> lo pone en FUENTE MONOESPACIADA
*<U>...</U> pone un SUBRAYADO en el texto.

Seguimos un poco más en el tema.... pero esto no esta dentro de los estilos lógicos y físicos.

2.- TEXTO PREFORMATEADO

Cuando ponemos un texto entre <PRE>...</PRE> se pone el texto en una fuente monocursiva (tipo Courier) y además se respetan los caracteres y espacios. Incluso respeta los enter entre líneas.

3.- SALTOS Y LINEAS

*Líneas divisorias:  <HR> no tiene tag de cierre ni lleva texto asociado. Se puede especificar el ancho de la línea en la página con un atributo. Esto simplemente pasa una línea de lado a lado.

El ejemplo de esto es poner <hr width="80%">. Simplemente pone una línea que va a ocupar un 80% del ancho de la página.

*Salto de línea: <BR> inserta un salto de línea pero lo mejor es que no se use este tag. Lo mejor es separar en párrafos.

Hasta acá "estilos", pero como ya dije, esto es simplemente darle un valor al texto del código no tanto
un estilo en sí. Pero al menos es una aproximación al tema.

El siguiente tema son las tablas..... Nos vemos!