Eenvoudigste manier om een webpagina op te delen

Om een schone, overzichtelijke, gemakkelijk leesbare webpagina te maken, moet u zich aan de basis houden. HTML 5 en CSS 3 krijgen alle druk, maar eenvoudige HTML-elementen zoals kopteksten, alinea's en enkele goedgeplaatste tabellen kunnen een pagina effectief verdelen om uw bericht te communiceren. Hier zijn een paar eenvoudige, handige tags om een site te organiseren.

headers

Titels in verschillende formaten trekken de aandacht en wijzen lezers op de informatie die ze willen lezen. Begin met een hoofdtitel met

of

Welkom bij My Site

Gebruik kopregels op een lager niveau om de site verticaal op te delen in secties. Beperk de kopteksten tot twee of drie formaten, variërend van

naar

en niet meer dan drie of vier secties.

De leden

Gebruik de alinea

label om tekst als volgt in secties te verdelen:

Tekst eerste alinea ...

Tekst van de tweede alinea ...

Houd alinea's klein en beknopt. Typische weblezers scannen snel inhoud, dus ga naar uw punt in de eerste zin of twee voordat ze zich vervelen en klik op een andere link.

Afbeeldingen

Een paar goed geplaatste afbeeldingen helpen ook om de pagina in logische secties te verdelen. Varieer de oriëntatie links en rechts om de pagina open te breken. Converteer titels indien mogelijk in afbeeldingen om stijl en variatie toe te voegen. Afbeeldingen werken ook goed om links en knoppen te vervangen.

tabellen

Gebruik eenvoudige tabellen om de pagina horizontaal te verdelen. Een enkele tabel, geplaatst na de titel, verdeelt de pagina effectief in twee of drie secties. Gebruik de volgende HTML-code:

Linkse kolominhoud gaat hier ...

Centruminhoud komt hier ....

De juiste inhoud komt hier ...

De tabel vult de pagina met een linkerkolom met 20 procent van de pagina, een rechterkolom met nog eens 20 procent en de middelste kolom ertussen. Vergeet niet het valign-kenmerk te onthouden, zodat elke kolom bovenaan begint en naar beneden loopt. Vergeet dit kenmerk en de inhoud wordt verticaal uitgelijnd met het midden van de pagina. Voeg de inhoud toe en pas vervolgens de kolombreedten aan totdat de presentatie er goed uitziet.

Lijnen en randen

Een horizontale regel, gecodeerd als "

"zonder aanhalingstekens, of een rand rond een tabel kan een sectie-einde benadrukken of de aandacht van een tekstblok trekken Gebruik deze spaarzaam en houd lijnbreedten tot maximaal twee of drie punten Experimenteer met deze elementen om te zien of ze toevoegen of afleiden van de presentatie.

Witte ruimte

Lege regels en kolommen verdelen een pagina vaak beter dan alle andere opmaak. Regeleinden, gecodeerd als "

"zonder aanhalingstekens, lege alinea's, gecodeerd als zelfsluitende tags als"

"zonder aanhalingstekens en lege tabelkolommen tekst te scheiden en de opmaak aangenamer te maken voor de lezer Lege ruimte kost weinig bandbreedte en is echt de eenvoudigste manier om een pagina te verdelen.