¿Qué valores puede tomar el atributo align? Propiedades CSS para diseñar texto HTML (alineación vertical, alineación de texto, sangría de texto y otras). Valor predeterminado

Para las imágenes, los estándares no definen una alineación predeterminada en relación con el texto y otras imágenes en la misma línea; no siempre es posible predecir cómo se verán estos componentes.1 En los documentos HTML, las imágenes generalmente se colocan "en línea" con una sola línea de texto. Como es habitual en los medios impresos. medios de comunicación el texto “fluye alrededor” de ellas, de modo que varias líneas pueden estar adyacentes a la imagen, y no solo una.

Afortunadamente, los creadores de documentos tienen cierto control sobre cómo se alinean las imágenes con el texto circundante utilizando el atributo de alineación de la etiqueta. . Los estándares HTML y XHTML definen cinco valores para el atributo de alineación: izquierda, derecha, arriba, medio, abajo. Los valores izquierdo y derecho hacen que el texto se ajuste alrededor de la imagen y se desplace hasta el borde apropiado. Los tres restantes alinean la imagen verticalmente con respecto al texto circundante.

Todos los navegadores populares, incluidos Opera, Firefox, Netscape y Explorador de Internet, estoy de acuerdo en que alinear atributo=abajo es el valor predeterminado alineación vertical y coloque las imágenes igualmente encima del carácter superior de la línea de texto, consulte la fig. 15.11.

Al mismo tiempo, los navegadores no están de acuerdo sobre cómo posicionar las imágenes con el atributo align=middle en relación con el texto. En la figura. La Figura 5.11 muestra que Netscape y Opera colocan la imagen según la línea central del texto. Respecto a los navegadores Internet Explorer

Arroz. 5.11. Alineación estándar de imágenes incrustadas

Arroz. 5.12. Internet Explorer y Firefox alinean la línea central de la imagen con la línea central del elemento más alto, en lugar de con la línea central del texto.

y Firefox, organizan la imagen por línea media el elemento más alto, que no es necesariamente texto (Fig. 5.12).

Además, los navegadores, en un grado u otro, admiten cinco funciones adicionales de alineación vertical de imágenes: texttop, center, absmiddle, baseline y absbottom (aquellos que no hayan adivinado su significado, levanten la mano):

La expresión align=texttop le dice al navegador que alinee el borde superior de la imagen con el borde superior del elemento de texto más alto en línea actual. De lo contrario, el valor top alinea el borde superior de la imagen con el borde superior del elemento, componente de texto o imagen más alto en la línea actual. Si la línea no contiene otras imágenes que sobresalgan del texto, texttop y top tienen el mismo efecto. Opera no es compatible con texttop, pero otros navegadores populares lo interpretan estrictamente de acuerdo con esta descripción.

Introducido por primera vez en Internet Explorer y Netscape, el centro de valor se interpreta de la misma manera que el centro en Internet Explorer, Netscape y Firefox. Pero no olvidemos que cada uno de ellos entiende el significado de término medio a su manera. Opera ignora la expresión align=center.

Si configura el atributo de alineación de la etiqueta absmiddle valor, el navegador establecerá el centro absoluto de la imagen contra el centro absoluto de la línea actual. Este no es el caso de los valores medio y central, que alinean el centro de la imagen con la línea base de la línea de texto actual. Si bien Netscape y Opera no diferencian entre medio y medio, Firefox e Internet Explorer utilizan estos valores para alinear selectivamente imágenes a lo largo de las líneas medias. En otras palabras, Firefox e Internet Explorer tratan a absmiddle de la misma manera que Netscape trata a middle.

Arroz. 5.13. Al alinear imágenes con el atributo alingn=absbottom, los navegadores tienen en cuenta las leyendas

fondo y línea base (predeterminado)

Los valores inferior y de línea base tienen el mismo efecto que si no hubiera incluido ningún atributo de alineación. El navegador alinea el borde inferior de la imagen con la línea base del texto. Esto no debe confundirse con el efecto del valor absbottom, que también tiene en cuenta aquellas partes de las letras que van por debajo de la línea base.1 (Si todavía tienes la mano levantada, puedes bajarla).

La expresión align=absbottom le dice al navegador que alinee el borde inferior de la imagen con el borde inferior real del texto en la línea actual. Una parte inferior verdadera es el punto más bajo del texto, incluidos los descendentes (como la parte inferior de una "y"), incluso si no hay ninguno en la línea. La línea de base corre a lo largo borde inferior"v" en el símbolo "y". Opera, el abanderado, ignora el valor absbottom y otros navegadores populares lo tratan como se describe (Figura 5.13).

Utilice la parte superior y media para combinar íconos, enumerar viñetas y más imagenes especiales con texto cercano. En otros casos, align=bottom (seleccionado por defecto) logra lo mejor apariencia. Al alinear una o más imágenes en una fila, elija el valor del atributo que le dará la mejor apariencia a su documento.

Descripción

Alinea un bloque de texto con el borde.

Se deben utilizar estilos en lugar de este atributo.

Sintaxis

Valores

izquierda Alinea el texto a la izquierda. En este caso, las líneas de texto están alineadas hacia la izquierda y el borde derecho está dispuesto como una escalera. Este método de alineación es el más popular en los sitios web, ya que permite al usuario encontrar fácilmente el nueva linea y leer cómodamente textos grandes. centro Alinea el texto al centro. El texto se coloca horizontalmente en la ventana del navegador o contenedor donde se encuentra. bloque de texto . Las líneas de texto parecen estar encadenadas sobre un eje invisible que recorre el centro de la página web. Este método de alineación se utiliza activamente en títulos y varias firmas, como leyendas, le da un aspecto oficial y sólido al diseño del texto; En todos los demás casos, la alineación central rara vez se utiliza porque resulta inconveniente leer una gran cantidad de dicho texto. derecha Alinea el texto a la derecha. Este método de alineación actúa como antagonista. tipo anterior

. Es decir, las líneas de texto se alinean con el borde derecho, mientras que el izquierdo permanece "rasgado". Debido a que el borde izquierdo no está alineado, que es donde se leen las nuevas líneas, este texto es más difícil de leer que si estuviera alineado a la izquierda. Por lo tanto, la alineación correcta generalmente se usa para

encabezados cortos

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat.

Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat. ?

Navegadores: Escritorio Móvil	Explorador de Internet	Cromo	Ópera	Safari
1	1	1	1	1

Firefox	Androide	Firefox móvil	Ópera móvil
1	1	6	1

✖

Safari móvil

Navegadores

• En la tabla del navegador se utilizan las siguientes notaciones.
• - el elemento es totalmente compatible con el navegador;
• - el navegador no percibe el elemento y lo ignora; - puede aparecer durante el funcionamiento varios errores

, o el artículo se admite con reservas.