Profesor Frink » Programacion

Introducción a XHTML (N°24)

afgp123 — Tue, 02 Nov 2010 16:32:13 +0000

Seguimos haciendo una primera aproximación de los elementos que podemos encontrar en una pagina web, En el artículo anterior terminamos de ver los denominados marcadores de párrafo y en este artículo empezaremos aproximándonos a los llamados elementos de línea o también marcadores para carácter, Se trata del nivel más en detalle de marcador que podemos utilizar en HTML ya que puede llegar a ser a nivel de un único carácter individual.

A partir de este articulo lo que intentaremos hacer es ver lo básico del formateo dentro de una línea, En la imagen podemos apreciar las etiquetas que podríamos utilizar para lograr los diferentes tipos de formateo dentro de una línea.

No related posts.

Publicaciones relacionadas que recibes por Yet Another Related Posts Plugin.

Introducción a XHTML (N°23)

afgp123 — Tue, 02 Nov 2010 16:28:02 +0000

Terminamos esta aproximación a las que podemos denominar etiquetas de formateo de bloques viendo la etiqueta

, Las divisiones que son un formateo de bloque de alto nivel, Usualmente reservados para grupos de párrafos relacionados entre si, Paginas enteras, aunque a veces también podamos usarlos para un único párrafo.

Esta etiqueta nos provee con una solución simple para poder formatear secciones largas de un documento, por ejemplo imagine que necesita una sección particular de un documento rodeada por un borde, Primero puede definir un estilo apropiado con la etiqueta . 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.

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.

No related posts.

Publicaciones relacionadas que recibes por Yet Another Related Posts Plugin.

Introducción a XHTML (N°18)

afgp123 — Thu, 28 Oct 2010 19:51:47 +0000

Como con la mayoría de las etiquetas, con el uso de la etiqueta
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.

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.

No related posts.

Publicaciones relacionadas que recibes por Yet Another Related Posts Plugin.

Introducción a XHTML (N°17)

afgp123 — Thu, 28 Oct 2010 19:25:56 +0000

Haremos una referencia a cada uno de los elementos de bloque comenzando por la etiqueta párrafo; “
”, 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:
y
respectivamente.

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.

No related posts.

Publicaciones relacionadas que recibes por Yet Another Related Posts Plugin.

Introducción a XHTML (N°16)

afgp123 — Thu, 28 Oct 2010 17:58:24 +0000

Continuando con los elementos fundamentales que podemos encontrar en un documento HTML, mas concretamente dentro del cuerpo; , 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.

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.

No related posts.

Publicaciones relacionadas que recibes por Yet Another Related Posts Plugin.

Introducción a XHTML (N°15)

afgp123 — Wed, 27 Oct 2010 17:44:11 +0000

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

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.

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