Diseño_web

Estilos lógicos y fisicos
Aprendiendo a formatear tu documento

Personalizar y desmonotonizar tu documento es de gran importancia, para ello necesitas conocer las etiquetas que se usan para formatearlo aquí gran cantidad de ellas con sus respectivos ejemplos....

Los estilos lógicos se miran siempre igual en cualquier navegador, en cambio los estilos lógicos dependen del navegador que el usuario use el Navegador elegirá la que crea sea la más indicada al formato equivalente al que deseábamos.

**Estilos fisicos**
Estilo	Etiqueta	ejemplo
Negrita	`<B>Texto en Negrita </B>`	Texto en negrita
Itálica	`<I>Texto en Itálica </I>`	Texto en Itálica
Subrayado	`<U>Texto en Subrayado </U>`	Texto en Subrayado
Texto de Terminal	<TT> Texto de Terminal </TT>	`Texto de Terminal`
Texto en Letra grande	`<BIG> Texto en Letra grande </BIG>`	Texto en Letra grande
Texto en Letra pequeña	`<SMALL> Texto en Letra pequeña </SMALL>`	Texto en Letra pequeña
Letra tachada	`<S> Letra tachada </S>`	~~Letra tachada~~
Letra en subindice	`<SUB> Letra en subindice </SUB>`	_{Letra subindice}
Letra en superindice	`<SUP> Letra en superindice </SUP>`	^{Letra superindice}

Nota: Aunque se muestra el ejemplo los estilos lógicos lucirán de forma diferente en distintos navegadores:

**Estilos Logicos**
Descripción de la etiqueta	Etiqueta	Ejemplo
Se usa para firma del autor y dirrección	`<ADRESS> Autor: El webmaster </ADRESS>`	Autor: El webmaster
Se usa para citas de autor	`<CITE> Solo se que no se nada! </CITE>`	Solo se que no se nada!
Se usa para indicar que es codigo de programas	`<CODE> class miobjeto { // decla... } </CODE>`	`class miobjeto { // decla... }`
Se usa para indicar que el texto es una definición	`<DFN> Es un lenguaje para editar paginas web </DFN>`	Es un lenguaje para editar paginas web
Para dar énfasis al texto	`<EM> Votemé en el Top </EM>`	Votemé en el Top
Simula texto en Teclado	`<KBD> Memorias de un viejo de mar... </KBD>`	`Memorias de un viejo de mar...`
Para indicar que es un ejemplo	`<SAMP> Lenguajes de marcado </SAMP>`	`Lenguajes de marcado`
Parecido a la negrita	`<STRONG> Texto fuerte </STRONG>`	Texto fuerte
Para indicar que es algo variable	`<VAR> Nombre: </VAR>`	`Nombre:`
Texto indentado	`<BQ> Texto indentado </BQ>`	Texto indentado

[email protected]
atras Indice siguiente
Diseño de web Diseño de web

Hosted by www.Geocities.ws