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 tags:Welkom bij My Site
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
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.