Atrybut align w HTML

Atrybut align w HTML

Atrybut align był używany w starszych wersjach HTML do określania położenia elementu względem otaczającej treści. W przypadku znacznika <img> pozwalał ustawić sposób wyrównania obrazka względem przylegającego tekstu.

Przykład z pytania egzaminacyjnego

<img src="obrazek.png" alt="obraz" align="middle"> tekst

Wartość middle powoduje, że tekst znajdujący się obok obrazka jest ustawiony mniej więcej pośrodku wysokości obrazka. Dlatego w podanym pytaniu poprawna jest odpowiedź z align="middle".

Inne spotykane wartości

Dla obrazków stosowano m.in.:

• left — obrazek po lewej stronie, tekst opływa go z prawej,
• right — obrazek po prawej stronie, tekst opływa go z lewej,
• top — tekst przy górnej krawędzi obrazka,
• middle — tekst pośrodku wysokości obrazka,
• bottom — tekst przy dolnej krawędzi obrazka.

Ważne: atrybut przestarzały

Atrybut align jest obecnie uznawany za przestarzały. W nowoczesnym HTML wygląd strony powinno się definiować za pomocą CSS, np. przez właściwość vertical-align:

<img src="obrazek.png" alt="obraz" style="vertical-align: middle;"> tekst

Na egzaminie zawodowym mogą jednak pojawiać się pytania dotyczące starszej składni HTML. W takim kontekście należy znać zapis align="middle", mimo że w praktycznych projektach lepiej stosować CSS.