La manera más fácil de dividir una página web

Para crear una página web limpia, bien organizada y fácil de leer, apéguese a lo básico. HTML 5 y CSS 3 pueden obtener toda la prensa, pero los elementos HTML básicos como encabezados, párrafos y algunas tablas bien ubicadas pueden dividir una página de manera efectiva para comunicar su mensaje. Aquí hay algunas etiquetas fáciles y útiles para ayudar a organizar un sitio.

Encabezados

Los títulos, en una variedad de tamaños, llaman la atención y apuntan a los lectores a la información que desean leer. Comience con un título principal usando

o

etiquetas:

Bienvenido a mi sitio

Use encabezados de nivel inferior para dividir el sitio verticalmente en secciones. Limite los encabezados a dos o tres tamaños, que van desde

a

y no más de tres o cuatro secciones.

Párrafos

Usa el párrafo

etiqueta para dividir el texto en secciones de la siguiente manera:

Primer párrafo del texto ...

Segundo párrafo del texto ...

Mantenga los párrafos pequeños y concisos. Los lectores de la Web típicos escanean rápidamente el contenido, así que diríjase a la primera o segunda oración antes de que se aburran y haga clic en otro enlace.

Imágenes

Algunas imágenes bien ubicadas también ayudan a dividir la página en secciones lógicas. Varíe la orientación hacia la izquierda y hacia la derecha para dividir la página. Si es posible, convierta los títulos en imágenes para agregar estilo y variedad. Las imágenes también funcionan bien para reemplazar enlaces y botones.

Mesas

Usa tablas simples para dividir la página horizontalmente. Una sola tabla, colocada después del título, dividirá efectivamente la página en dos o tres secciones. Usa el siguiente código HTML:

La tabla llena la página con una columna a la izquierda que ocupa el 20 por ciento de la página, una columna a la derecha con otro 20 por ciento y la columna central entre ambas. Asegúrese de recordar el atributo valign para que cada columna comience en la parte superior y fluya hacia abajo. Olvida este atributo y el contenido se alineará verticalmente con el centro de la página. Agregue el contenido y luego ajuste los anchos de columna hasta que la presentación se vea bien.

Líneas y bordes

Una regla horizontal, codificada como "

Espacio blanco

Las líneas y columnas en blanco a menudo dividen una página mejor que todos los demás formatos. Saltos de línea, codificados como "

"sin comillas, párrafos vacíos, codificados como etiquetas de cierre automático como"

"sin comillas, y las columnas de la tabla vacía separan el texto y hacen que el diseño sea más agradable para el lector. El espacio vacío requiere poco ancho de banda y, en realidad, es la forma más sencilla de dividir una página.