Tabuľka HTML - 3
Nové poďme do praxe to, o čom sme diskutovali. Pridajte do súboru Template5.html tabuľku so šírkou 500 pixelov. Chceme, aby tabuľka obsahovala tri riadky, 1 box vo vnútri každého riadku, okraj so šírkou 1 pixel a obsah vo vnútri buniek bol vycentrovaný. Po vytvorení tabuľky presuňte "Hello World" vo vnútri hornej bunky (riadok 1 - bunka 1). Potom presuňte značky písma a „Enter Here“ do bunky v druhom riadku (riadok 2 - bunka 1). Nakoniec nechajte riadok 3 - bunka 1 prázdny. Otvorte súbor Template5.html do textového editora, pridajte nasledujúci kód a uložte nový súbor ako Template6.html.

Tabuľka - zdrojový kód





Ahoj svet

vstúpiť
Tu


Poznámka--Šíp označuje, že kód je zalomený do druhého riadku a mal by byť skutočne na jednom riadku.

Template6.html - zdrojový kód


Ahoj svet









Ahoj svet

vstúpiť
Tu




Poznámka--Šíp označuje, že kód je zalomený do druhého riadku a mal by byť skutočne na jednom riadku.

Teraz otvorte Template6.html vo webovom prehliadači a pozrite sa na svoju novú tabuľku. Možno budete chcieť tento výukový program uložiť ako záložku. Počas niekoľkých nasledujúcich článkov vytvoríme veľa tabuliek. S tabuľkou môžete pokračovať v experimentovaní pridaním, odstránením a zmenou párov atribútov a hodnôt pre každú značku. Po dokončení vložte kód do Template6.html späť na vyššie uvedený kód a znova ho uložte.

← Späť

|



Video Návody: #4 Tabulky v HTML (Apríl 2024).