Tabulka HTML - 3
Nové pojďme do praxe to, o čem jsme diskutovali. Přidejme do souboru Template5.html tabulku o šířce 500 pixelů. Chceme, aby tabulka měla tři řádky, 1 box uvnitř každého řádku, okraj o šířce 1 pixel a obsah uvnitř buněk byl vystředěn. Po vytvoření tabulky přesuňte "Hello World" uvnitř horní buňky (řádek 1 - buňka 1). Poté přesuňte značky písma a „Enter Here“ do buňky ve druhém řádku (řádek 2 - buňka 1). Nakonec ponechte řádek 3 - buňka 1 prázdný. Otevřete soubor Template5.html do textového editoru, přidejte následující kód a uložte nový soubor jako Template6.html.

Tabulka - zdrojový kód





Ahoj světe

Vstoupit
Tady


Poznámka--Šíp označuje, že kód je zalomen na druhý řádek a měl by být skutečně na jednom řádku.

Template6.html - zdrojový kód


Ahoj světe









Ahoj světe

Vstoupit
Tady




Poznámka--Šíp označuje, že kód je zalomen na druhý řádek a měl by být skutečně na jednom řádku.

Nyní ve webovém prohlížeči otevřete Template6.html a podívejte se na novou tabulku. Možná si budete chtít tento výukový program uložit do záložek. Během několika následujících článků budeme vytvářet mnoho tabulek. S tabulkou můžete pokračovat v experimentování přidáním, odebráním a změnou párů atributů a hodnot pro každou značku. Po dokončení vložte kód v Template6.html zpět na výše uvedený kód a znovu jej uložte.

← Zpět

|



Video Návody: #4 Tabulky v HTML (Březen 2024).