NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 5 - Tabulky v HTML

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Ren
Člen
Avatar
Ren :9.4.2024 15:39

Všemu rozumím, vše bylo pěkně vysvětleno, akorát se zarážím u rowspan a colspan... Rozumím, proč je tam číslo 2, jelikož nám spojuje 2 buňky... Jak ale poznám, že ví které 2 spojit. :D Pokud to dobře chápu, má spojit takové buňky, které sdílí stejný název, v našem případě "Ano" a "Neuvedeno". Pokud je moje hypotéza správná, mohl by mi to prosím někdo potvrdit? Předem děkuju:)

 
Odpovědět
9.4.2024 15:39
Avatar
Jan Všetíček:11.4.2024 17:35

Oproti předchozím lekcím mi přijde tato lekce uspěchaná. Skoro jako by už znalosti tabulek nebyly v dnešní době příliš relevantní.

 
Odpovědět
11.4.2024 17:35
Avatar
Odpovídá na Ren
Patrik Tománek:3.5.2024 14:16

Ahoj,

jestli jsem to pochopil správně, funguje to stylem, že nastavíš stejnou hodnotu buňky pro další řádky v tabulce. Nemusíš řešit jaké buňky ti to spojí, jelikož se rowspan aplikuje na počet řádku, který si určíš ty.

<td rowspan="5" 49 999 Kč></td> → aplikuje ti 49 999 Kč pro čtyři další řádky ve kterých už nemusíš vypisovat <td>49 999 Kč></td>

V mém případě jsem 'rowspan' použil na rok výroby, skladem a cenu.

<table border="3">
    <thead>
        <th>Značka notebooků</th>
        <th>Rok výroby</th>
        <th>Dostupnost</th>
        <th>Cena</th>
    </thead>
    <tbody>
        <tr>
        <td>ASUS</td>
        <td rowspan="5">2023</td>
        <td rowspan="5">Skladem</td>
        <td rowspan="5">49 999 Kč</td>
        </tr>
        <tr>
            <td>MSI</td>
        </tr>
        <tr>
            <td>Lenovo</td>
        </tr>
        <tr>
            <td>HP</td>
        </tr>
        <tr>
            <td>Fujitsu</td>
        </tr>
        <tr>
            <td>Dell</td>
            <td>2024</td>
            <td>Dostupné: 30.6.2024</td>
            <td>55 490 Kč</td>
        </tr>
    </tbody>
</table>

Všimni si, že u šestého řádku už jsem musel vše vypsat ručně, protože už tam nemám stejné hodnoty (2023, Skladem, 49 999 Kč).
Kdybych změnil 'rowspan="6"', aplikuje se i pro notebooky značky Dell s tím rozdílem, že tam budu mít buňky navíc a tabulka bude vypadat nějak takhle (obrázek 3), takže použije nastavení z prvního řádku a potom pracuje s dalšími buňkami co jsem měl vypsané v kódu.

Doufám, že jsem to vypsal srozumitelně. Nejsem moc dobrý na vysvětlování 😁

Odpovědět
3.5.2024 14:16
Nikdy to nesmíš vzdát!
Avatar
Ren
Člen
Avatar
Odpovídá na Patrik Tománek
Ren :5.5.2024 22:09

Ahoj, už jsem to pochopila, je to nějaká doba, ale děkuju za vysvětlení, Patriku:). Sama jsem špatná ve vysvětlování, ale vysvětlil si to hezky, ještě jednou děkuju. 😁

 
Odpovědět
5.5.2024 22:09
Avatar
Odpovídá na Ren
Patrik Tománek:6.5.2024 9:11

Není vůbec za co Ren, ať se ti daří ve studiu 😁

Odpovědět
6.5.2024 9:11
Nikdy to nesmíš vzdát!
Avatar
Michal Pončák:5.6.2024 14:54

Trochu som s tym mal problem pri zlucovani buniek.

 
Odpovědět
5.6.2024 14:54
Avatar
Miloš Sivák:21.10.2024 15:40

Věci, které nejsou momentálně potřeba bych v danou chvíli vůbec neuváděl (viz např. styly pro mobilní zařízení).

 
Odpovědět
21.10.2024 15:40
Avatar
Jan černý
Člen
Avatar
Jan černý:19. ledna 13:56

to je pořádně zapeklité moc jsem nepobral to tfoof
a použití tučného textu b, strong nebo nějaký nadpis v tabulce místo thade je předpokládám nesémantické.

 
Odpovědět
19. ledna 13:56
Avatar
Zdeněk Milota:1. února 15:01

Při čtení stránky (audio poslech), máte některé písmenné znaky zvýrazněné pomocí <strong> - např. table data a audio poslech to potom čte hrozně. Nejprve přečte "t" a potom až "able" (t-able). Nešlo by to v kurzech vyřešit za pomocí pouze vizuálního zvýraznění <b>. Nemyslím si, že je potřeba mít u jednoho písmene <strong>. Ale zároveň nevím, jestli s tím potom audio poslech nebude mít třeba problém.
Díky za info a zároveň se tím poučíme a dozvíme něco nového. Nebo alespoň já. :)))

 
Odpovědět
1. února 15:01
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 109.