HTML - Začínáme, část. 2
Rámy a tabulky
Takže už tu z minulého dílu máme základní kód, vezmeme si ten neupravený čistý, taky z něho odstraním ten text aby nám to nedělalo bordel. Takže kód bude vypadat takhle. -----------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Adros blog. </title>
</head>
<body>
Tady má být text.
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------
Tak a teď si dáme tabulku, kód pro tabulku s jednou buňkou a jedním sloupcem je asi takový: -----------------------------------------------------------------------------------------------------------------------------------
<table>
<tr><td>Vnitřek buňky</td></tr>
</table>
-----------------------------------------------------------------------------------------------------------------------------------
Když chceme více buněk nebo více sloupců tak jen přidáváme libovolně kód <tr><td>Vnitřek buňky></td></tr>, pro dva sloupce je dáme vedle sebe, takhle: -----------------------------------------------------------------------------------------------------------------------------------
<tr><td>Vnitřek buňky</td><td>Vnitřek buňky</td></tr>
-----------------------------------------------------------------------------------------------------------------------------------
A dvě buňky, pod sebe:
-----------------------------------------------------------------------------------------------------------------------------------
<tr><td>Vnitřek buňky</td></tr>
<tr><td>Vnitřek buňky</td></tr>
-----------------------------------------------------------------------------------------------------------------------------------
Teď uděláme tabulku 2x2, čili dva sloupce a dvě buňky, kód tedy bude takový:
-----------------------------------------------------------------------------------------------------------------------------------
<table>
<tr><td>1</td><td>2</td></tr>
</table>
-----------------------------------------------------------------------------------------------------------------------------------
A tady máme tabulku vloženou do našeho kódu z minulého dílu, nebo je taky na začátku tohoto článku. Tagy vložíme bezi <body> a </body>. Ale !!!POZOR!!!, ještě nejsme u konce, poslední co zbývá je vložit do <body> tloušťku ohraničení jinak by jste měli jen čísla a žádnou čáru ohraničující tabulku. Kód kde si nastavíte ohraničení je takový: border="2" cellpadding="5" cellspacing="4". Hotový kód na vyzkoušení máme tady. Můžete si tabulku v html stáhnout zde a experimentovat.
-----------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Adros blog. </title>
</head>
<body>
<table border="2" cellpadding="5" cellspacing="4">
<tr><td>1</td><td>2</td></tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------
Výsledek je takový:
-----------------------------------------------------------------------------------------------------------------------------------
Jelikož je článek už dost dlouhý a mé síly slábnou :D tak rámy si dáme až v příštím díle. Zkoušejte a modifikujte.
Autor: Adrian Šipka
