NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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
Madaviriod Kokusekurac
Člen
Avatar
Madaviriod Kokusekurac:7.1.2021 18:23

Prosím o pomoc. Prečo mi nezobrazuje obrázky na stránke ? Už som skúšal otvoriť to aj v inom prehliadači a nič nefunguje. Aj lokácia obrázku je dobre napísaná nechápem. Doteraz to išlo a zrazu nechce. Už som aj PSpad preinštaloval keby som náhodou nejaké nastavenia zmenil ale nič nepomáha.

 
Odpovědět
7.1.2021 18:23
Avatar
Dusan Fedor
Člen
Avatar
Dusan Fedor:15.4.2021 14:11

Nevím co vlastně hledám, směr kam se vybrat, no zatím to je velice fajn

 
Odpovědět
15.4.2021 14:11
Avatar
Ladislav Šafránek
Člen
Avatar
Ladislav Šafránek:2.12.2021 12:49

Zdravím, nějak jsem se tam ubouchl, chtěl jsem to udělat co změna, to tabulka, ale ty poslední dvě jsou bez ohraničení, viz screen.

`<!DOCTYPE html>

<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Moje první webová stránka</title>
</head>

<body>
<table border="1">
<tr>
<td>Párový tag tr "rámuje" každý jeden řádek tabulky</td>
<td>Buňka 2</td>
<td>Buňka 3</td>
</tr>
<tr>
<td>Párový tag td definuje každý jeden "sektor"</td>
<td>Buňka 5</td>
<td>Buňka 6</td>
</tr>
</table>
<table border="1">
<thead>
<tr>
<th>Náhled</th>
<th>Typ</th>
<th>Procesor</th>
<th>Graf. karta</th>
<th>Skladem</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="source/nb1­.png" alt="Notebook"></td>
<td>AB8AC9</td>
<td>Intel Atom</td>
<td>Nvidia</td>
<td>Ano</td>
</tr>
<tr>
<td><img src="source/nb2­.png" alt="Notebook"></td>
<td>GS8DGF</td>
<td>AMD</td>
<td>ATI</td>
<td>Ano</td>
</tr>
<tr>
<td><img src="source/nb3­.png" alt="Notebook"></td>
<td>KG1862A</td>
<td>Neuvedeno</td>
<td>Neuvedeno</td>
<td>Ne</td>
</tr>
</tbody>
</table>
<tbody>
<tr>
<td><img src="source/nb1­.png" alt="Notebook"></td>
<td>AB8AC9</td>
<td>Intel Atom</td>
<td>Nvidia</td>
<td>Ano</td>
</tr>
<tr>
<td><img src="source/nb2­.png" alt="Notebook"></td>
<td>GS8DGF</td>
<td>AMD</td>
<td>ATI</td>
<td>Ano</td>
</tr>
<tr>
<td><img src="source/nb3­.png" alt="Notebook"></td>
<td>KG1862A</td>
<td colspan="2">Ne­uvedeno</td>
<td>Ne</td>
</tr>
</tbody>
</table>
<tbody>
<tr>
<td><img src="source/nb1­.png" alt="Notebook"></td>
<td>AB8AC9</td>
<td>Intel Atom</td>
<td>Nvidia</td>
<td rowspan="2">A­no</td>
</tr>
<tr>
<td><img src="source/nb2­.png" alt="Notebook"></td>
<td>GS8DGF</td>
<td>AMD</td>
<td>ATI</td>
</tr>
<tr>
<td><img src="source/nb3­.png" alt="Notebook"></td>
<td>KG1862A</td>
<td>Neuvedeno</td>
<td>Neuvedeno</td>
<td>Ne</td>
</tr>
</tbody>
</table>
</body>
</html>`

 
Odpovědět
2.12.2021 12:49
Avatar
Václav Dachs
Člen
Avatar
Odpovídá na Ladislav Šafránek
Václav Dachs:30.12.2021 16:11

Ahoj, poslední nemáš ohraničenou, protože tam nemáš nadeklarovanou tabulku. Máš tam:

</table>
<tbody>

Takže po ukončení předchozí tabulky nemáš znovu uvedeno, že jde o další tabulku. 😉

Odpovědět
30.12.2021 16:11
S úsměvem jde všechno lépe :-)
Avatar
Bc.Mahmoud Alqimah
Člen
Avatar
Bc.Mahmoud Alqimah:12.2.2022 23:32

Dobry den

Odpovědět
12.2.2022 23:32
Mody
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:18.3.2022 7:04

Jistím, že <th> v patičce je jen doporučení, ve skutečnosti nahrazuje tag pro tučný font..Nejinak to očekávám v hlavičce, ale zjišťovat to teď nebudu ⏰

 
Odpovědět
18.3.2022 7:04
Avatar
Libor Novák
Člen
Avatar
Odpovídá na Michal Stisek
Libor Novák:3.4.2022 3:08

Ahoj tag <b> pro zvýraznění je skutečně špatná volba. Je důležité pochopit, že vše se vyvíjí a vylepšuje. Tág <b> patří do staré verze HTML 3,0 a nižší. To bylo někdy v 90.. letech. Tehdy na webových stránkách byly maximálně obrázky, hypertextové odkazy a sem tam nějaká grafika. Rychlost internetu v té době byla velmi malá, takže každý grafický prvek stránky zpomalil. Proto se dříve tak neodděloval vzhled stránek od jeho struktury. S dobou se ale webové technologie zdokonalili natolik, že z webových stránek se staly plnohodnotné webové aplikace, u kterých jsou vyžadována určitá pravidla pro jejich vytváření. Jinak totiž není možné zaručit, že koncovému uživateli bude webová aplikace fungovat správně. To platí i u jednoduchých statických webových stránek. Základní pravidla pro vytváření webu jsou následující:

  1. Oddělovat logickou strukturu textu pomoci HTML od jeho grafického vzhledu
  2. Pro grafický vzhled webu (a i textu) používat styly v CSS jako oddělené šablony.
  3. Dbát na vkládání koncových HTML tágů (na to se dříve často zapomínalo) a dodržovat

    jejich správné vnoření.

Použitím tágu <b>, který už se nedoporučuje totiž nezaručíš, že se koncovému uživateli zobrazí ono zvýraznění správně. Dodržováním výše zmíněných jednoduchých pravidel ano. CSS styly budou vysvětleny až později. Pro zvýraznění textu z hlediska vzhledu (nikoli logiky) se místo zastaralého <b> používá <span class = "názevTřídyCSS">zvý­razněný text </span >
kde "názevTřídyCSS" je název třídy v jazyce CSS. V té si můžeme definovat podrobný grafický styl textu. Je to podobné jako používání stylů ve Wordu.

 
Odpovědět
3.4.2022 3:08
Avatar
Tomáš Novotný
Člen
Avatar
Tomáš Novotný:5.7.2022 16:53

asi jsem hnidopich nebo nad tím moc přemýšlím anebo předbíhám, proč dělat složitější strukturu jako html ?

 
Odpovědět
5.7.2022 16:53
Avatar
Tomáš Novotný
Člen
Avatar
Tomáš Novotný:5.7.2022 19:51

ne špatně, ale není vysvětlenoproč tabulce dávat složitější strukturu, podobnou, jakou má HTML stránka

 
Odpovědět
5.7.2022 19:51
Avatar
Luboš Štancl
Člen
Avatar
Luboš Štancl:22.7.2022 0:27

Zápatí tabulky <tfoot> a navazující řádky zápatí a buňky zápatí by chtělo doplnit o definici řádku <tr></tr> a buněk zápatí <tf></tf>. Toto jsem odhadl, ale nefunguje mi to, vykresluje mi zápatí nahoře nad tabulkou dokonce mimo ohraničenou oblast. Tato část není dobře popsaná.

Odpovědět
22.7.2022 0:27
The first rule of programming: If it works, don't touch it.
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 10 zpráv z 109.