Introducción a XHTML (N°14)

Publicado el 27/oct/2010 por y guardado en la categoría: Internet, Programacion.

Podemos tener en cuenta que teniendo digamos un documento grande (Allí  lo interesante de este tipo de estilos), Imaginemos que tengamos que aplicarlo a 100 partes del documento manualmente. En vez de esto contamos con la posibilidad de simplemente cambiando los atributos del estilo en el área del <head>, Inmediatamente se le aplicaría a todos los textos que estuvieran incluidos dentro de la etiqueta  <span> que indica donde se debe aplicar el estilo.

ejemplo3 150x150 Introducción a XHTML (N°14)ejemplo4 150x150 Introducción a XHTML (N°14)

Los estilos también podemos aplicarlos directamente a muchas etiquetas HTML mediante el uso del atributo “style”. Por ejemplo adentro de la etiqueta párrafo <p>, declarando los atributos del estilo podemos aplicarle los atributos para el párrafo completo, Como podemos observar en la siguiente imagen, Aunque de esta forma  perdemos la mayor parte de las ventajas que nos ofrece este uso de estilo sobre todo en cuanto a poder modificar de modo sencillo el estilo dentro de documentos largos.

Escribe tu comentario

Introducción a XHTML (N°13)

Publicado el 27/oct/2010 por y guardado en la categoría: Internet, Programacion.

Se puede apreciar en la imagen del anterior articulo como esta organizado en detalle toda la estructura general del documento, Para empezar vemos en el <head> definido el estilo <style>, al que le dimos un nombre (en este caso redline), y unos atributos que allí vemos como el color en este caso rojo y una decoración de texto (text-decoration), que como decíamos antes es line through que sirve para que aparezca la línea sobre el texto como efecto de tachado.

ejemplo2 150x150 Introducción a XHTML (N°13)

Luego de tener este estilo definido en la cabecera (redline), Podemos aplicarlo en alguna parte del texto solo con usar la etiqueta span precedida con el nombre del estilo que tenemos creado  y queremos aplicar (con etiqueta de apertura y cierre respectivamente). El resultado se puede apreciar en la imagen.


Escribe tu comentario

Introducción a XHTML (N°12)

Publicado el 27/oct/2010 por y guardado en la categoría: Internet, Programacion.

Comencemos viendo lo anterior de forma práctica con un ejemplo donde queremos destacar un determinado texto en particular de un documento que deseamos aparezca con un efecto de tachado (con una línea sobre el), lo que se denomina en ingles (line through), como una forma de indicar a otra persona que no tome en cuenta estas líneas cuando lo este revisando.

ejemplo1 150x150 Introducción a XHTML (N°12)

Una forma seria buscar cada uno de esos trozos e ir poniéndoles el formato uno a uno y otra forma seria definir un estilo que posteriormente haciendo simplemente referencia a este ya hará que el texto que contenga las etiquetas (el modo que trabajan los estilos también es por medio de etiquetas), Presentara las características del estilo de tachado en concreto.

Escribe tu comentario

Introducción a XHTML (N°11)

Publicado el 07/oct/2010 por y guardado en la categoría: Internet, Programacion.

Conociendo ya las etiquetas principales del documento HTML, Haremos ahora referencia a los “Estilos”, Los cuales son un elemento relativamente nuevo dentro de los documentos HTML pero que han revolucionado el modo en que estos son codificados y Renderizados.

css 150x144 Introducción a XHTML (N°11)

Estos son la base principal detrás del término Extensible que se le aplica al termino XHTML;

(EXtensible Hypertext Markup Language), Con esto podemos entender su importancia ya que  le permite a los autores web crear nuevos estilos para poder presentar su contenido en una gran variedad de formas pero manteniendo el formato consistente.

Cuando hablamos de ellos simplemente volvemos a referirnos a un conjunto agregado de atributos que se mostraran en pantalla combinados entre si para alcanzar un resultado en particular. Esta forma de agregar es lo que explica que cuando hablemos de ellos sean presentados en el contexto de lo que se denomina en cascada, Por esto el nombre del estándar CSS (Cascading Style Sheet), o en ingles hojas de estilo de diseño cascada, Que se trata en definitiva de un estándar que define un método donde varias hojas de estilo que no es mas que una lista de definiciones de estilo pueden ser aplicados a un mismo documento.

Escribe tu comentario

Introducción a XHTML (N°10)

Publicado el 07/oct/2010 por y guardado en la categoría: Internet, Programacion.

La otra etiqueta que podemos llamar fundamental de un documento es la etiqueta <body> (Cuerpo) donde normalmente se crea el contenido visual del documento. Mientras lo que situamos entre las etiquetas <head> prácticamente nunca será visible dentro de nuestra pagina web en el navegador.

estructurahtml2 150x150 Introducción a XHTML (N°10)

Debemos señalar algunos  cambios notables que se han producido en las últimas versiones de HTML aproximadamente desde la versión 4.0, La mayoría de las etiquetas que se utilizaban dentro de < body>, Han sido desaconsejadas en favor de una especificación de los atributos que tendrá ese cuerpo del documento dentro de las etiquetas <body> mediante el uso de estilos, (para los fondos, tipo de fuente, colores, enlaces etc.).

Aunque siguen habiendo algunos atributos que podemos aplicar dentro de <body> y también atributos globales como <style> (estos siguen siendo validos), Sin embargo debemos especificar la mayoría de este tipo de atributos  dentro de  <style> en la cabecera en lugar de hacerlo en el cuerpo <body>.

Escribe tu comentario
« Posteos viejos
Posteos nuevos »

Diseño web y programación: Bahia Studio

Badoo