Najłatwiejszy sposób na podzielenie strony internetowej

Aby zbudować czystą, dobrze zorganizowaną, łatwą do odczytania stronę internetową, trzymaj się podstaw. HTML 5 i CSS 3 mogą uzyskać całą prasę, ale podstawowe elementy HTML, takie jak nagłówki, akapity i kilka dobrze rozmieszczonych tabel, mogą skutecznie dzielić stronę, aby przekazać wiadomość. Oto kilka łatwych i przydatnych tagów ułatwiających organizację witryny.

Nagłówki

Tytuły w różnych rozmiarach przyciągają wzrok i wskazują czytelnikom informacje, które chcą przeczytać. Zacznij od głównego tytułu za pomocą

lub

tagi:

Witaj w mojej witrynie

Użyj nagłówków niższego poziomu, aby podzielić witrynę pionowo na sekcje. Ogranicz nagłówki do dwóch lub trzech rozmiarów, począwszy od

do

i nie więcej niż trzy lub cztery sekcje.

Akapity

Użyj akapitu

znacznik do dzielenia tekstu na sekcje w następujący sposób:

Tekst pierwszego akapitu ...

Tekst drugiego akapitu ...

Zachowaj małe i zwięzłe akapity. Typowe czytniki stron internetowych szybko skanują zawartość, więc przejdź do punktu w pierwszym zdaniu lub dwóch, zanim się znudzą i kliknij inne łącze.

Obrazy

Kilka dobrze rozmieszczonych obrazów pomaga również podzielić stronę na sekcje logiczne. Zmień orientację w lewo i w prawo, aby podzielić stronę. Jeśli to możliwe, konwertuj tytuły na obrazy, aby dodać styl i różnorodność. Obrazy również działają dobrze, zastępując linki i przyciski.

Tabele

Użyj prostych tabel, aby podzielić stronę poziomo. Pojedyncza tabela umieszczona po tytule skutecznie dzieli stronę na dwie lub trzy sekcje. Użyj następującego kodu HTML:

Treść lewej kolumny jest tutaj ...

Treść Centrum jest tutaj ....

Właściwe treści są tutaj ...

Tabela wypełnia stronę lewą kolumną, która zajmuje 20 procent strony, prawa kolumna przyjmuje kolejne 20 procent, a środkowa kolumna pośrodku. Pamiętaj, aby zapamiętać atrybut valign, aby każda kolumna zaczynała się od góry i spływała. Zapomnij o tym atrybucie, a zawartość zostanie wyrównana pionowo do środka strony. Dodaj zawartość, a następnie dostosuj szerokość kolumn, aż prezentacja będzie wyglądać prawidłowo.

Linie i granice

Zasada pozioma, zakodowana jako "

"bez cudzysłowów lub obramowanie dookoła stołu może uwypuklić podział przekroju lub przyciągnąć wzrok do bloku tekstu, używać ich oszczędnie i utrzymywać szerokość linii do dwóch lub trzech punktów.) Eksperymentuj z tymi elementami, aby sprawdzić, czy dodają lub umniejszają z prezentacji.

Biała przestrzeń

Puste wiersze i kolumny często dzielą stronę lepiej niż wszystkie inne formaty. Podziały linii, zakodowane jako "

"bez cudzysłowów, puste akapity, zakodowane jako samozamykające się znaczniki jako"

"bez cytatów i puste kolumny tabeli oddzielają tekst i sprawiają, że układ jest przyjemniejszy dla czytelnika, pusta przestrzeń zajmuje niewiele pasma i naprawdę jest najprostszym sposobem na podzielenie strony.