Que son las Capas y beneficios nos brinda dentro de la web


El pase de diapositivas requiere JavaScript.

Veamos una pequeña introducción a lo que son las capas, la etiqueta HTML <DIV> utilizada para construirla y los atributos CSS con los que podemos aplicar estilos.

Como ya hemos visto en nuestro manual de CSS, <SPAN> sirve para aplicarle estilo a una pequeña parte de una página HTML. Por ejemplo, con ella podríamos hacer que una parte de un párrafo se coloree en rojo. Con <SPAN> no es habitual englobar un trozo muy grande de texto, por ejemplo el que comprenda a varios párrafos.

Con <DIV> también podemos aplicar estilo a partes de la página HTML.

La diferencia entre <SPAN> y <DIV> es que con esta última si que podemos aplicar estilo a una parte más amplia de la página, por ejemplo a tres párrafos. Además que la etiqueta <DIV> tiene un uso adicional que es el de crear divisiones en la página a las que podremos aplicar una cantidad adicional de atributos para modificar sus comportamientos. Por ejemplo, con el atributo align de HTML podemos alinear la división al centro, izquierda, derecha o justificado. Pero su uso más destacado es el de convertir esa división en una capa.

Una capa es una división, una parte de la página, que tiene un comportamiento muy independiente dentro de la ventana del navegador, ya que la podemos colocar en cualquier parte de la misma y la podremos mover por ella independientemente, por poner dos ejemplos. En el uso de capas se basan muchos de los efectos más comunes del DHTML.

Las etiquetas <LAYER> e <ILAYER> tienen como objetivo construir capas, pero estas no son compatibles más que con Netscape, por lo que es recomendable utilizar la etiqueta <DIV> para hacer capas preferentemente a las otras dos.

Los atributos que podemos aplicar a estas etiquetas, pero en concreto a las dos recomendadas <SPAN> y <DIV>, son principalmente de estilos CSS. Estos atributos nos permiten, como hemos podido ver en el manual de hojas de estilo en cascada de desarrolloweb, modificar de una manera muy exhaustiva la presentación de los contenidos en la página. Para aplicar estilos a estas etiquetas se utiliza el atributo de HTML style, de esta manera:

<SPAN style=”text-decoration:underline;font-weight:bold”>…</SPAN>

<DIV style=”color:red;font-size:10px”>…</DIV>

Como ya pudimos ver muchos ejemplos en el manual de CSS, nos referimos a él para ampliar esta información. Pero no habíamos visto todavía una serie de atributos que nos sirven para posicionar la división en la página como una capa. Estos atributos se pueden aplicar a la etiqueta <DIV> que es la que servía para crear capas compatibles con todos los navegadores.

Los atributos para que la división sea una capa son varios y se pueden ver a continuación.

<div id=”c1″ style=”position:absolute; left: 200px; top: 100px;”>
Hola!
</div>

El primero, position, indica que se posicione de manera absoluta en la página y los segundos, left y top, son la distancia desde el borde izquierdo de la página y el borde superior.

Hay otros atributos especiales para capas como width y height para indicar la anchura y altura de la capa, Z-indexque sirve para indicar qué capas se ven encima de qué otras, clip que sirve para recortar una capa y hacer que partes de ella no sean visibles, o visibility para definir si la capa es visible o no.

Hemos visto en el capítulo anterior qué son las capas y algunas pequeñas muestras sobre cómo crearlas y darle algún estilo. Ahora vamos a ver en detenimiento los atributos específicos para aplicar posicionamiento a una capa y otros estilos.

Antes que nada cabe decir que una capa puede tener cualquier atributo de estilos de los que hemos visto en el manual de CSS. Así, el atributo color indica el color del texto de la capa, el atributo font-size indica el tamaño del texto y así con todos los atributos ya vistos.

Ahora bien, existen una serie de atributos que sirven para indicar la forma, el tamaño de las capas, la visibilidad, etc, que no hemos visto en capítulos anteriores y que veremos a continuación.

Atributo position

Indica el tipo de posicionamiento de la capa. Puede tener dos valores, relative o absolute.

- relative indica que la posición de la capa es relativa a el lugar donde se estaba escribiendo en la página en el momento de escribir la capa con su etiqueta
- absolute indica que la posición de la capa se calcula con respecto al punto superior izquierdo de la página.

Atributo top

Indica la distancia en vertical donde se colocará la capa. Si el atributo position es absolute, top indica la distancia del borde superior de la capa con respecto al borde superior de la página. Si el atributo position era relative, top indica la distancia desde donde se estaba escribiendo en ese momento en la página hasta el borde superior de la capa.

Atributo left

Básicamente funciona igual que el atributo top, con la diferencia que el atributo left indica la distancia en horizontal a la que estará situada la capa.

Atributo height

Sirve para indicar el tamaño de la capa en vertical, es decir, su altura.

Atributo width

Indica la anchura de la capa

Atributo visibility

Sirve para indicar si la capa se puede ver en la página o permanece oculta al usuario. Este atributo puede tener tres valores.

- visible sirve para indicar que la capa se podrá ver.
- hidden indicará que la capa está oculta.
- inherit es el valor por defecto, que quiere decir que hereda la visibilidad de la capa donde está metida la capa en cuestión. Si la capa no está metida dentro de ninguna otra se supone que está metida en la capa documento, que es toda la página y que siempre está visible.

Atributo z-index

Sirve para indicar la posición sobre el eje z que tendrán las distintas capas de la página. Dicho de otra forma, con z-index podemos decir qué capas se verán encima o debajo de otras, en caso de que estén superpuestas. El atributo z-index toma valores numéricos y a mayor z-index, más arriba se verá la página.

Atributo clip

Es un atributo un poco difícil de explicar. En concreto sirve para recortar determinadas áreas de la capa y que no se puedan ver. Una capa que está visible se puede recortar para que se vea, pero que no se vea algún trozo de esta. El cliping se indica por medio de 4 valores, con esta sintaxis.

rect (<top>, <right>, <bottom>, <left>)

Los valores <top>, <right>, <bottom> y <left> indican distancias que se pueden apreciar en este esquema.

Esquema de los atributos de cliping de una capa DHTML

Este es un ejemplo de capa que utiliza todos los atributos que hemos visto en este artículo y alguno más para aplicar estilo a la capa.

<div style=”clip: rect(0,158,148,15); height: 250px; width: 170px; left: 10px; top: 220px; position: absolute; visibility: visible; z-index:10; font-size: 14pt; font-family: verdana; text-align: center; background-color: #bbbbbb”>

Esta capa tiene un cliping, por eso se ve entrecortada.
<br>
<br>
Esto es una capa de prueba

</div>

¿Que son las hojas de estilo o Cascada?


Hojas de estilo en cascada (CSS)

Las hojas de estilo son útiles para definir los atributos visuales en documentos HTML. Esto le da a los autores métodos poderosos para definir el aspecto visual del documento, mientras que separa la parte semántica (HTML) de la presentacional (style sheets). En este tutorial aorenderás a implementar atributos de estilo en documetos HTML.

Propiedades de estilo

Las propiedades y sus valores son definidos usando una sintaxis de CSS simple. Estas definiciones no pertenecen al estándar HTML, pero están pensadas para reemplazar los atributos presentacionales que HTML ha juntado durante sus primeros tiempos.

nombre-propiedad: valor-propiedad;

De este modo puedes definir muchos pares de valores y propiedades en un mismo bloque, dado que una definición básica es separada de la próxima por un punto y coma. Un conjunto de propiedades puede entonces ser aplicado, por ejemplo, a un elemento, lo que establecerá el aspecto visual de ese elemento dondequiera que aparezca en el documento.

En el siguiente ejemplo un conjunto de propiedades visuales es definido para el elemento elemento HTML p. Para lograr esto, el nombre del elemento debe aparecer antes de la declaración de propiedades, las cuales irán encerradas entre llaves (“{” y “}”).

p {
padding: 10px;
border-style: solid;
border-color: blue;
border-width: 2px;
background-color: #9EC7EB;
color: white;
font-family: arial,helvetica;
font-size: 11px;
font-weight: bold;
}

Al declarar este código en un documento HTML, todos los párrafos tomarán estas propiedades. En algunos casos necesitas establecer características sólo para algunos párrafos en lugar de para todos. Si este es el caso, puedes usar el atributo “style”, las clases o los selectores ID.

Nota: las propiedades CSS y sus posibles valores no ser´na tratados en profundidad en este sitio. Para encontrar más información acerca de este tema, refiérete a este índice de propiedades para CSS 2.

Definiciones de estilo

Puedes definir propiedades de estilo de tres formas: dentro del rag de apertura de un elemento específico (usando el atributo “style”), dentro de un bloque en el encabezado del documento (usando elelemento HTML style) o en archivos externos (usando el tag HTML link).

Usando el atributo “style”

El atributo “style” permite a los autores declarar propiedades de estilo “en línea” como valor de un atributo. Es útil cuando el autor necesita declarar un conjunto único de propiedades para un elemento específico. La sintaxis para las propiedades CSS son las mismas.

Código
<p style=”padding: 10px; border-style: solid; border-color: blue; border-width: 2px; background-color: #9EC7EB; color: white; font-family: arial,helvetica; font-size: 11px; font-weight: bold;”>Contenido del párrafo</p>
Vista

Contenido del párrafo

Como puedes ver, el estilo declarado en este ejemplo es el mismo declarado en el ejemplo anterior. La diferencia es que este último sólo afecta al elemento contenedor y el primero afecta implícitamente a todos los párrafos.

Usando el elemento HTML style

El elemento HTML style define un bloque donde las declaraciones de estilo pueden ser contenidas. El bloque de estilo debe ser declarado en algún lugar del encabezado del documento (elemento HTML head) y definirá estilos y clases para el documento actual.

<style type=”text/css”>
p {
padding: 10px;
border-style: solid;
border-color: blue;
border-width: 2px;
background-color: #9EC7EB;
color: white;
font-family: arial,helvetica;
font-size: 11px;
font-weight: bold;
}a {
font-size: 12px;
font-weight: bold;
}
</style>

Nota que estas dos definiciones afectarán a todos los elementos “a” y “p” presentes en el documento.

Usando archivos externos

Los archivos externos también pueden ser utilizados para definir propiedades de estilo para uno o más documentos. El archivo, usalmente presenta la extensión “css” (por ejemplo, “basic.css”) y el conjunto de propiedades puede ser definido de la misma forma que en el contenido del elemento HTML style. Esta práctica separa completamente la parte semántica de la presentación del documento, mientras ayuda a los autores a compartir definiciones de estilo entre varias páginas de sitio.

Para hacer referencia a un archivo CSS desde el documento HTML, puedes usar el tag HTML link en el encabezado del mismo. Esta declaración le dice al agente de usuario, dónde se pueden encontrar las declaraciones de estilo de este documento.

<link type=”text/css” href=”basico.css” />

Usar esta misma línea en diferentes documentos, te permitirá especificar atributos comunes a un conjunto de páginas (o inclusive a un sitio entero), lo que puede resultar en actualizaciones más sencillas.

Clases en CSS

Una clase en CSS es una forma de agrupar propiedades que luego pueden ser aplicadas a un elemento específico usando su atributo “class”. Estos grupos reciben nombres y pueden ser definidos exclusivamente para un elemento o para cualquiera. Para definir una clase, los autores deben escribir el elemento para el cual está declarado, seguido por un punto y el nombre de la clase. El bloque de propiedades va encerrado entre llaves como en los ejemplos anteriores.

En el siguiente ejemplo definiremos tres clases: la primera llamada “importante” para el elemento “p”, la segunda llamada “diminuto” para todos los elementos y la tercera llamada “grande” para todos los elementos también.

p.importante {
color: red;
}*.diminuto {
font-size: 8px;
}.grande {
font-size: 12px;
}

Nota que el uso de un asterisco en lugar del elemento indica que esta clase puede ser aplicada a cualquier elemento (es lo mismo que no usar nada). También ten en cuenta que la primera declaración no especifica que la clase debe ser automáticamente aplicada a los elementos “p” del documento; sólo los elementos “p” con el valor “importante” en su atributo “class” serán afectados por este estilo.

Usando el atributo “class”

Usemos el ejemplo anterior para mostrar como aplicar las propiedades agrupadas en las clases a los elementos en un documeto HTML. En el siguiente ejemplo, aplicaremos las tres clases a tres párrafos respectivamente.

<p>Texto importante</p>
<p>Este texto será muy pequeño</p>
<p>Este, en cambio, será grande</p>

Recuerda que la clase “importante” ha sido solo definida para el elemento “p” de modo que ha funcionado bien en el ejemplo anterior, pero no funcionará si la apllicamo a otro elemento (como por ejemplo una tabla, tag HTML table).

<a href=”ejemplo.html”>Ejemplo de su uso</a>

En este caso, el agente de usuario intentará encontrar una clase con el nombre “importante” que haya sido definida para el elemento “a” (a.important {…) o para todos los elementos (.important {…). como no existe ninguna clase con esa definición, ninguna propiedad se aplica al elemento.

el atributo “class” también soporta listas de clases separadas por espacios como valor, lo cual puede ser muy útil para aplicar muchas propiedades de diferentes clases a un solo elementos de una vez.

<p>Texto important y grande</p>

Este párrafo no solo tendrá un color rojo (de la clase “importante”) sino que además tendrá un tamaño de feunte de “12px” (de la clase “grande”).

Selectores ID

Los selectores ID trabajan en forma similar a las clases con un par de excepciones. En primer lugar, en la definición de un selector ID, el elemento del nombre va seguido por un símbolo numeral (#) y un identificador (que se corresponde con el valor del atributo “id” del elemento al que pretende afectar).

p#help {
font-family: arial,helvetica;
font-size: 11px;
font-weight: bold;
}*#hframe {
border-style: solid;
border-color: blue;
border-width: 2px;
}#hcolor {
background-color: #9EC7EB;
color: white;
}

Excepto por el símbolo “#” y el nombre (que debe ser un identificador), este método funciona igual que las clases.

Usando el atributo “id”

La aplicación de propiedades CSS a elementos HTML mediante los selectores ID se da a través de los atributos “id” de los elementos. Como ya debes saber, el atributo “id” está diseñado para actuar como un identificador para elemento (por lo que debe ser único en el documento). Esto claramente significa, que las propiedades definidas a través de este método sólo podrán aplicarse a un único elemento por documento.

En este caso podríamos decir que las propiedades se refieren a un elemento específico, caso contrario al de las clases que son diseñadas para que los elementos se refieran a ellas. En el siguiente ejemplo, un párrafo tiene un valor en su atributo “id” que coincide con una de las fediniciones previas.

<p id=”hframe”>Párrafo</p>

Herencia

La herencia es una característica muy simple, por la cual los elementos contenidos por otros elementos heredan de sus padres las características aunque no haya sido definidas para ellos mismos.

En el siguiente ejemplo, las propiedades definidas para el párrafo anularán aquellas definidas para el cuerpo (tag HTML body). Las propiedaes del cuerpo que no son anuladas, ser heredarán por el párrafo (ya que el mismo está contenido por el cuerpo).

<html>
<head>
<title>Prueba</title>
<style type=”text/css”>
p {
font-family: arial,helvetica;
font-size: 10px;
color: black;
}.importante {
font-size: 12px;
font-weight: bold;
}
</style>
</head>
<body>
<p>Algún texto</p>
</body>
</html>

En este documento, el párrafo tendrá todas las propiedades definidas para el elemento “p” (“font-family”, “font-size” y “color”), pero la propiedad “font-weight” será heredada del cuerpo (su padre).

Cascada

La jerarquía en la estructura de CSS es una de sus más importantes características, y es además de donde toma su denominación de “cascading”. La idea de cascada veine del efecto causado por el orden en que las propiedades son aplicadas a un elemento desde diferentes orígenes. Los tres orígenes posibles son, en orden de relevancia: el autor, el visitante y el navegador.

Las implicancias de este orden son muy pequeñas para los autores, ya que las definiciones de estilos que ellos declaren sólo pueden ser anuladas explícitamente por el usuario. Pero no debes olvidar el echo de que los atributos que no especifiques serán establecidos por el visitante o navegador (y los valores predeterminados de los navegadores pueden variar).

La regla “!important”

La otra variante que provee la propiedad de cascada es la regla “!important”. Con esta regla los autores pueden cambiar el órden en que los estilos son aplicados: los estilos normales son siempre anulados por los estilos importantes.

La regla “!important” es aplicada a las propiedades al final de la declaración (antes del punto y coma) y separada del resto por un espacio.

p {
font-family: arial, helvetica;
font-size: 10px !important;
color: black;
}

En el ejemplo anterior el tamaño de la letra es declarado con la regla “!important”, por lo tanto, cualquier párrafo definido con estilos normales seguirá teniendo un tamaño de fuente de 10px (ya que esta declaración se aplica a todos los párrafos).

El orden de especificidad

El orden de especificidad tiene un mayor impacto en la forma que los autores aplican atributos a sus documentos. A diferencia de la propiedad de cascada, éste especifica el órden en que diferentes declaraciones (atributo “style”, selectores ID, clases, etc.) toman precedencia.

La lista siguiente muestra el órden de especificidad usado para aplicar propiedades CSS a elementos HTML, desde el más específico al más global.

  1. El atributo “style” (por ejemplo, <p style="...">).
  2. Selectores ID (por ejemplo, p#ayuda {...}).
  3. Definición de clase específica (por ejemplo, p.segundo {...}).
  4. Definición de clase global (por ejemplo, *.segundo {...}).
  5. Definición de elemento (por ejemplo, p {...}).
  6. Definición global (por ejemplo, * {...}).

En el siguiente ejemplo analizaremos la aplicación de diferentes definiciones de estilo a un solo elemento.

<html>
<head>
<title>Prueba</title>
<style type=”text/css”>
p {
font-family: arial,helvetica;
font-size: 10px;
color: black;
}.importante {
font-size: 12px;
font-weight: bold;
}
</style>
</head>
<body>
<p style=”font-weight: normal;”>Algún texto</p>
</body>
</html>

Las declaraciones con mayor orden de especificidad anula al resto. En el ejemplo anterior, el párrafo tendrá una fuente “arial, helvetica” y un color negro de las propiedades definidas para el elemento “p”, pero no tendrá un tamaño de fuente de  “10px” debido a que será anulada por la propiedad definida en la clase “importante” que es aplicada al elemento. Subsecuentemente, el elemento recibirá de la clase “importante” un tamaño de fuente de “12px” pero el espesor de la fuente “bold” será anulado por la propiedad definida en el atributo “style”.

ESPECIFICAR TODOS LOS PARAMETROS Y VALORES DIV


The <div> tag is supported in all major browsers.


Definition and Usage

The <div> tag defines a division or a section in an HTML document.

The <div> tag is used to group block-elements to format them with styles.


Tips and Notes

Tip: The <div> element is very often used together with CSS, to layout a web page.

Note: By default, browsers always place a line break before and after the <div> element. However, this can be changed with CSS.


Differences Between HTML and XHTML

NONE


Optional Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
align left
right
center
justify
Deprecated. Use styles instead.
Specifies the alignment of the content inside a <div> element
TF

Standard Attributes

The <div> tag supports the following standard attributes:

Attribute Value Description DTD
class classname Specifies a classname for an element STF
dir rtl
ltr
Specifies the text direction for the content in an element STF
id id Specifies a unique id for an element STF
lang language_code Specifies a language code for the content in an element STF
style style_definition Specifies an inline style for an element STF
title text Specifies extra information about an element STF
xml:lang language_code Specifies a language code for the content in an element, in XHTML documents STF

More information about Standard Attributes.


Event Attributes

The <div> tag supports the following event attributes:

Attribute Value Description DTD
onclick script Script to be run on a mouse click STF
ondblclick script Script to be run on a mouse double-click STF
onmousedown script Script to be run when mouse button is pressed STF
onmousemove script Script to be run when mouse pointer moves STF
onmouseout script Script to be run when mouse pointer moves out of an element STF
onmouseover script Script to be run when mouse pointer moves over an element STF
onmouseup script Script to be run when mouse button is released STF
onkeydown script Script to be run when a key is pressed STF
onkeypress script Script to be run when a key is pressed and released STF
onkeyup script Script to be run when a key is released STF

Tag HTML div

Descripción

El elemento HTML div es un contenedor a nivel de bloque para otros elementos. Por sí mismo, no tiene significado alguno a nivel presentacional o semántico, exceptuando que, al ser un elemento a nivel de bloque, los navegadores mostrarán un quiebre de línea antes y después de su contenido.

Los elementos HTML div adquieren su potencual al ser usados conjuntamente con hojas de estilo, ya que resultan muy útiles para asignar atributos presentacionales a bloques enteros de contenido.

Otro uso útil para este elemento, y tal vez el más importante, es el de establecer la distribución o el diseño (en inglés “layout”) del documento. Los elementos DIV han venido a reemplazar a la antigua forma de establecer el diseño del documento, que usaba tablas para organizar la distribución del contenido. Estos deseños con tablas hacían uso erróneo del elemento HTML table, cuyo propósito no es otro que representat información tabulada.

El atributo “align” de este elemento ha sido formalmente desaprobado en HTML 4.01. Por lo tanto, su utilización ya no es recomendable.

Ejemplos

A continuación, hay algunos ejemplos del uso del elemento HTML div, donde asigna propiedades presentacionales a otros lementos tanto a nivel de bloque como de línea.

Nota cómo el primer DIV está flotando a la derecha del contenido. Esta es una característica muy útil a la hora de diseñar la distribución de una página.

Código
<div style=”float: right;”>Lunes, 14 de Febrero de 2011</div>
<div style=”font-size: 2em;”>Elemento HTML <em>div</em>.</div>
<div style=”color: green;”>
<p>Este elemento es muy útil al diseñar “layouts” sin la utilización de tablas.</p>
<p>No olvides revisar su referencia en HTMLQuick.com.</p>
</div>
Vista
Lunes, 14 de Febrero de 2011
Elemento HTML div.

Este elemento es muy útil al diseñar “layouts” sin la utilización de tablas.

No olvides revisar su referencia en HTMLQuick.com.

Atributos

id (name)

El atributo “id” asigna un identificador al elemento asociado. Este identificador debe ser único en todo el documento y puede ser usado para referirse a este elemento en otras instancias (por ejemplo, desde un script del lado cliente).

<p id=”parrafo1″>Este es el primer párrafo, llamado “parrafo1″. Para cambiar dinámicamente sus prpiedades usa este identificador.</p>

class (cdata)

El atributo “class” asigna un nombre de clase (o una lista de nombres de clases separadas por espacios) al elemento contenedor. Es usado junto con hojas de estilos y le dice al navegador la clase (o clases) a las que el elemento está asociado.

Una clase da atributos presentacionales a los elementos (lee más en el tutorial “Hojas de estilo en cascada”).

<p>Este artículo está basado en el libro “Viento en los árboles” de Jhon L. Brooks</p>
<p>Este artículo está basado en el libro “Viento en los árboles” de Jhon L. Brooks… y es más importante que el anterior.</p>

style (style)

Este atributo es utilizado para definir atributos presentacionales para el elemento contenedor, y su valor debería estar compuesto por propiedades de hojas de estilo. Aunque en algunos casos es particularmente útil, es una mejor práctica poner los atributos presentacionales en archivos externos, relacionándolos a los elementos a través del atributo “class”. De este modos, se mejora la separación de las partes semántica y presentacional de tu documento.

Puedes encontrar más información acerca de los atributos presentacionales en el tutorial “Hojas de estilo en cascada”.

<p style=”color: #0000FF; font-size: 12pt”>Este es un párrafo con un estilo definido.</p>
<p>Y este es otro texto sin estilo.</p>

title (text)

El propósito de este atributo es proveer un título para el elemento. Su valor debe ser una descripción corta y precisa del contenido del elemento. Habitualmente, los navegadores muestran el contenido de este atributo en un recuadro al posar el mouse encima del contenido del elemento por un pequeño período de tiempo.

Código
<a title=”HTMLQuick.com” href=”http://www.htmlquick.com/es/”>Código HTML</a>
Vista

lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor por defecto es “desconocido”.

Al escribir documentos XHTML 1.0, el atributo usado para especificar el lenguaje de un elemento es “xml:lang”. Para compatibilidad con los dos tipos de estándar ambos atributos pueden ser usados simultáneamente como en el ejemplo a continuación. Nota que en XHTML 1.1, el atributo “lang” ha sido completamente reemplazado por “xml:lang” y su uso ya no es válido.

<p lang=”en” xml:lang=”en”>This is a paragraph in English.</p>
<p lang=”es” xml:lang=”es”>Este es un párrafo en español.</p>

dir

Este atributo indica la dirección en que el texto del elemento debe ser leído. Esto incluye al contenido, los valores de los atributos y las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:

  • RTL: derecha a izquierda.
  • LTR: izquierda a derecha.
<q lang=”he” dir=”rtl”>…una cita en Hebreo…</q>

align

Este atributo ha sido desaprobado en HTML 4.01. Por lo tanto, su uso ya no es recomendado.

Define la alineación horizontal de su contenido. Los valores posibles, insensibles a mayúsculas/minúsculas, son:

  • left: el texto es alineado a la margen izquierda.
  • right: el texto es alineado a la margen derecha.
  • center: el texto es centrado.
  • justify: el texto es alineado a ambas márgenes.
<div align=”right”>Texto alineado a la derecha.</div>

Eventos

  • onclick
  • ondblclick
  • onmousedown
  • onmouseup
  • onmouseover
  • onmousemove
  • onmouseout
  • onkeypress
  • onkeydown
  • onkeyup

Encuesta a nuestro visitantes

css_capas_maria_ramirez

A great WordPress.com site

CSS_CAPAS_E_CASTRO

PROGRAMACION 3

CAROLINA TORRES LAGOS

Historias interesantes

CSS_CAPAS_LISETH_CAICHE

Programacion III ...............................................................Profesor: John Orellana

evelynbarragan1

FIESTAS JULIANAS

Lisbeth Toaza Valdez

Programación III

michaelgonzalezec

CSS_Manejo de Capas...etc

css_capas_luis_muentes

Smile! You’re at the best WordPress.com site ever

AdolfoAguirre

PROGRAMACION III

CSS_CAPAS_J_VELASCO

programacion 3 con el Profesor: John Orellana

WordPress.com en Español

Blog de Noticias de la Comunidad WordPress.com

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.