Introducción a XHTML (N°19)

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

Sin embargo este tipo de formateado de párrafo con las etiquetas  adentro, Ha sido desaprobado a favor de especificar este formateo a través de hojas de estilo a partir de HTML 4.0, De tal manera que podremos lograr el mismo resultado visto en el ejemplo del articulo 18 especificando primeramente en el <head> del documento el estilo que queremos aplicar (en la etiqueta <style>), Precedido del atributo “type” y este a la vez precedido de la opción de tipo de estilo que en este caso es “text/css”, Cerramos etiqueta de estilo.

Luego  Indicamos  que será para los párrafos “p”, Precedido del atributo que será “center” para este caso, Precedido del estilo entre llaves que en este caso será: “{text-align:center}”, y por ultimo cerramos etiqueta: </style>. Ahora adentro del párrafo simplemente cambiamos en el párrafo en la etiqueta párrafo el “align” por “class” (ya que ahora paso a ser una clase), Y el atributo ahora se aplicara como podemos ver en las imágenes.

ejemplo12 150x150 Introducción a XHTML (N°19)ejemplo13 150x150 Introducción a XHTML (N°19)

De entrada podría parecer un lio comparado con la forma del ejemplo anterior pero hay muchas razones para pasarse a la utilización de estilos las cuales se van notando a medida que se profundiza en el trabajo con HTML y se debe recordar que es algo que se esta estandarizando y por lo tanto a lo que es mejor irse adaptando y las ventajas que pueden resultar son indiscutibles.

Introducción a XHTML (N°18)

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

Como con la mayoría de las etiquetas,  con el uso de la etiqueta <p> también podemos definir distintos elementos de formateado y atributos como la fuente, el alineado, el espaciado y muchos más pero por el momento solo veremos un ejemplo para lograr que un párrafo nos aparezca centrado usando la propia etiqueta del párrafo.

ejemplo101 150x150 Introducción a XHTML (N°18)ejemplo111 150x150 Introducción a XHTML (N°18)

Tan sencillo como escribir dentro de la propia etiqueta el nombre de la propiedad que se desea utilizar en este caso usamos  la llamada “align” (alineado) y posteriormente especificar la característica de alineado que se desea, en este caso “center” (centrado), y ahora en consecuencia el párrafo contenido dentro de estas etiquetas de apertura y cierre aparecerá centrado  en el navegador, no siendo así para los demás que no tienen la característica de “align” como podemos ver en las imágenes.

Introducción a XHTML (N°17)

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

Haremos una referencia a cada uno de los elementos de bloque comenzando por la etiqueta párrafo; “<p>”, El cual nos sirve para delimitar un párrafo, por lo tanto la usamos para separar estos en un texto con las etiquetas de abertura y cierre de párrafo que son: <p> y </p> respectivamente.

ejemplo81 150x150 Introducción a XHTML (N°17)ejemplo92 150x150 Introducción a XHTML (N°17)

En la imagen izquierda podemos observar el código del documento HTML  en el cual se esta delimitando con estas etiquetas 2 párrafos diferentes sin importar que en el formateado estén los dos juntos sin espaciado ya que lo importante es la ubicación de las etiquetas que interpreta el navegador web como se observa en la imagen de la derecha.

Introducción a XHTML (N°16)

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

Continuando con los elementos fundamentales que podemos encontrar en un documento HTML, mas concretamente dentro del cuerpo; <body>, Empezaremos a ver los “Marcadores de párrafo”, También llamados “elementos de bloque”, Y Que reciben este nombre justamente porque se aplican a los párrafos completos.

Estos cumplen una función muy similar a lo que hacen los procesadores de texto y por esta razón podremos observar varias etiquetas que delimitan y al mismo tiempo formatean párrafos de texto las cuales podemos observar en la imagen.

ejemplo7 Introducción a XHTML (N°16)

Cada uno de estos elementos bloque da lugar a una ruptura de línea y a un relleno de espacio después de que se cierran las etiquetas y por lo tanto estos elementos bloque no podemos usarlos para trabajar con partes dentro de párrafos o estilos inline, Por lo tanto se trata de etiquetas para usar solo con párrafos completos.

Introducción a XHTML (N°15)

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

Afortunadamente esta aplicación de los estilos a los documentos HTML nos permite también aplicar hojas de estilo externas que de este modo podemos aplicar a múltiples documentos y simplemente editando y modificando esa hoja de estilo externa ya se modificarían todos los documentos en los que se estuviera aplicando.

En el ejemplo de la siguiente imagen vemos un trozo de código en el cual definimos en el <head>

Definimos un archivo que se llama “estilo-sitio.css”, Como la hoja de estilos externa para el documento HTML, Lo que hará el documento HTML es buscar esta hoja de estilos y aplicar lo que ella contienen al documento.

ejemplo5 150x150 Introducción a XHTML (N°15)ejemplo6 150x150 Introducción a XHTML (N°15)

Esta hoja de estilo puede ser simplemente el archivo .css conteniendo en su interior la definición de los atributos como observábamos anteriormente en la etiqueta  <style> en el documento anterior como podemos observar en la imagen derecha.

Diseño web y programación: Bahia Studio

Badoo