Odstavce a sloupce

Pevná mezera je jedním z nejsnadněji aplikovatelných, užitečných a nemnoho využívaných prvků kódování v HTML. Je to jediný způsob, kterým dosáhneme vícenásobných mezer mezi slovy nebo před nimi, aniž bychom použili předformátovaný text.
S využitím tabulek pak můžeme specifikovat vícesloupcové rozložení, které nejenomže pomáhá uspořádat obsah, ale také jej umožní opticky rozdělit seskupením textu do příjemnějších menších sloupců než do velkých bloků. Tuto techniku využijete k:
Provedení vícesloupcové sazby. Webová prezentace dosáhne typografického vzhledu úvodníku.
Vnesení pořádku do stránky a vylepšení typografického provedení. Strukturováním a organizací typografie můžete vylepšit celkový vzhled stránky.

Vytvoříme sloupcovou šablonu
použitím tabulky. Zvýrazníme okraje a vytvoříme mezerující sloupce. Do buněk vložíme pevnou mezeru  .

               
               
 

Vyplníme sloupce textem.
Do buněk vložíme text. K vytvoření odsazení prvního řádku odstavce použijeme pevnou mezeru  . Nad tabulku přidáme nadpis příspěvku.

Nadpis příspěvku

    10. července 2000          
   

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 
 

Odstraňte okraje tabulky
a doplňte barvy na pozadí tabulky.

Nadpis příspěvku

    10. července 2000          
   

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 

    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.
    Sem přijde váš text. Zvolte vhodný font a velikost. Napíšete sem tolik textu, kolik se ho sem vejde a přitom text bude rozdělen do sloupců. Můžeme také zvolit barvu pozadí textu podle svého a to všechno použitím tabulky.

 
 

Příklad:
< FONT size=+2 color=orange>< b>Nadpis příspěvku< /b>< /FONT>
< BR>< BR>
< TABLE width=720 border=0 CELLSPACING=0 CELLPADDING=0
bgcolor=floralwhite>
< TR>< TD width=50 bgcolor=orange> < /TD>
< TD width=10 bgcolor=orange> < /TD>
< TD width=200 bgcolor=orange>
< FONT size=-1 color=white>< b>10. července 2000< /b>< /FONT>
< TD width=20 bgcolor=orange> < /TD>< TD width=200> < /TD>
< TD width=20> < /TD>
< TD width=200> < /TD>
< TD width=20> < /TD>< /TR>
< TR>< TD width=50> < /TD>
< TD width=10> < /TD>
< TD width=200>< p align=justify>< FONT size=-2>
< b>    Bla, bla, bla ... 
< /b>< /FONT>< /p>< /TD>
< TD width=20> < /TD>
< TD width=200>< p align=justify>< FONT size=-2>
< b>    Bla, bla, bla ... 
< /b>< /font>< /p>< /TD>
< TD width=20> < /TD>
< TD width=200>< p align=justify>< FONT size=-2>
< b>    Bla, bla, bla ... 
< /b>< /font>< /p>< /TD>
< TD width=20> < /TD>< /TR>
< TR>< TD width=720 colspan=8> < /TD>< /TR>< /TABLE>
Takhle to vypadá Začátek
Předchozí