Pe│ny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[g│≤wne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artyku│y]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

align

nie zalecany, zast▒p stylami: text-align, vertical-align

Warto╢ci atrybutu:

• left - (warto╢µ domy╢lna w poziomie)

wyr≤wnanie do lewej strony

• center

wycentrowanie w poziomie

• right

wyr≤wnanie do prawej strony

• justify

wyr≤wnanie do prawej i do lewej strony

• top

wyr≤wnanie w pionie do g≤rnej czΩ╢ci

• bottom - (warto╢µ domy╢lna w pionie)

wyr≤wnanie w pionie do dolnej czΩ╢ci

• middle

wyr≤wnanie w pionie do centralnej czΩ╢ci

• char

wyr≤wnanie wzglΩdem okre╢lonego znaku w tabelach, np. wzglΩdem przecinka w liczbach dziesiΩtnych - nie wszystkie przegl▒darki obs│uguj▒ t▒ warto╢µ

• [top|bottom|left|right] - CAPTION, LEGEND, FIELDSET
• [bottom|middle|top|left|right] - APPLET, IFRAME, IMG, INPUT, OBJECT
• [left|center|right] - TABLE, HR
• [left|center|right|justify] - DIV, H1, H2, H3, H4, H5, H6, P
• [left|center|right|justify|char] - COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR

• Przyk│ad 1:

<H3 align="right">Przyk│adowy tytu│ z prawej strony</H3>

Przyk│adowy tytu│ z prawej strony

• Przyk│ad 2:

<P align="center">Przyk│adowy tekst na ╢rodku strony</P>

Przyk│adowy tekst na ╢rodku strony

• Przyk│ad 3:

<TABLE align="center" width="70%">
<CAPTION "align=bottom">podpis pod tabel▒</CAPTION>
<TR><TD><p align="justify">
<img src="../p/kamyki.jpg" align="right" width="100" height="75">
Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie 
wygl▒da│o formatowanie do lewej i do prawej strony. Na wszelki 
wypadek warto jeszcze raz powt≤rzyµ poprzednie zdanie. Teraz 
musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie 
wygl▒da│o formatowanie do lewej i do prawej strony. Jak widaµ
obie strony tekstu s▒ idealnie r≤wne. O to chodzi│o!
</P></TD></TR></TABLE>

podpis pod tabel▒

Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie wygl▒da│o formatowanie do lewej i do prawej strony. Na wszelki wypadek warto jeszcze raz powt≤rzyµ poprzednie zdanie. Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie wygl▒da│o formatowanie do lewej i do prawej strony. Jak widaµ obie strony tekstu s▒ idealnie r≤wne. O to chodzi│o!

• Przyk│ad 4:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" align="top"
 width="70" height="68" alt="komputer"> komputer, ale tylko po to, 
aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach 
parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny 
zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

• Przyk│ad 5:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" 
align="middle" width="70" height="68" alt="komputer"> komputer, 
ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych
 warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad 
praktyczny zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

• Przyk│ad 6:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" 
align="bottom" width="70" height="68" alt="komputer"> komputer, 
ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy 
r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. 
Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.