Pełny kurs HTML, XHTML i CSS z przykładami. Kompendium wiedzy każdego webmastera.













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

Atrybut definiuje wyrównanie względem innych elementów w poziomie lub w pionie. Różne elementy HTML korzystają z różnych wartości atrybutu, więc warto zwracać uwagę na miejsce jego użycia. W tekscie najczęściej wykorzystywane są wartości "right", "justify" i "center" ("left" jest domyślną wartością). Elementy graficzne i formularze wykorzystują wartości "top", "middle" i "bottom".

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ść

Atrybut używany w elementach:


• [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ładowe zastosowania:

• 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.

• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!