SELFHTML / Barra HTML Tipos de párrafos y organización del texto | ¡Escuche radio! |
Areas con varios elementos |
|
Definir areas con varios elementos |
|
Usted puede incluir varios párrafos que contienen elementos totalmente diferente como texto, imágenes, tablas etc., en un area común. Después puede alinear el area en conjunto.
<div align=center> <h1>La luna - un encabezamiento</h1> <img src="mond.jpg" align=middle> Una imágen de la luna <p>Un texto sobre la luna, y todo es centrado</p> </div> <div align=right> <i>© 1997 by Josua Piesepampel</i> </div> |
Con <div> usted introduce un area en la que puede incluir varios elementos (div = division = división). Todo lo que esté entre esta etiqueta y etiqueta de cierre </div>, es interpretado como parte del area.
Usted puede alinear tal area y todos los elementos contenifos con el atributo align= en la etiqueta introductoria <div>. Con align=center puede centrar el area con los elementos (align = alinear, center = centrar), con align=right puede hacer la alineación al márgen derecho (right = rechts). Con align=justify los elementos internos como textos, párrafos o encabezamientos son alineados en forma de bloque. Con align=left puede forzar la alineación al márgen izquierdo (alineación predefinida).
Usted puede centrar juntos varios parrafos que contengan varios elementos totalmente diferente, como textos, imágenes, tablas etc.
<center> <h1>La luna - un encabezamiento</h1> <img src="mond.jpg" align=middle> Una imágen de la luna <p>Un texto sobre la luna, y todo es centrado</p> </center> |
Con la etiqueta <center> es centrado todo lo que le sigue (center = centrar). Pueden ser encabezamientos, texos, imágenes o tablas. Con la etiqueta de cierre </center> termina las especificación de centrado.
La etiqueta <center> está en la lista de cierre del consorcio W3, eso significa que en un futuro va a ser borrada del estándar HTML. Por tal razón le recomendamos que utilize el comando <div align=center>, que hace lo mismo.
Las etiquetas <div> y <center> pueden contener atributos universales.
Si usted sabe HTML ya algo mejor, le aconsejamos que intente las posibilidades que le brindan las hojas de estilo. Pues la muy general etiqueta <div> puede ser resucitada con ayuda de las hojas de estilo. Primero tiene que saber como definir las hojas de estilo. Posteriormente será capaz de aplicar las especificaciones de hojas de estilo. Las siguientes especificaciones de hojas de estilo pueden ser aplicables a la etiqueta <div>:
Formato de fuentes
Párrafos, márgenes y alineamiento
Marcos y distancia interna
Colores e imágenes de fondo
Posicionar elementos
Flujo del texto en varias columnas
siguiente: | Líneas de separación |
anterior: | Tamaño, color y tipo de fuentes |
SELFHTML / Barra HTML Tipos de párrafos y organización del texto | ¡Escuche radio! |