HTML - Odrážkový seznam a tabulky

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

xzotikk
nováček
Příspěvky: 3
Registrován: září 19
Pohlaví: Muž
Stav:
Offline

HTML - Odrážkový seznam a tabulky

Příspěvekod xzotikk » 29 zář 2019 17:37

Zdravím
S html nemám moc zkušenost, tak mě prosím neukamenujte. Mám odevzdat jednoduchou html stránku, jako práci ve škole a potřebuji si ověřit, jestli jsem odrážkový seznam a tabulku v kódu sepsal správně (i syntaxi). Pokud jsem někde v kódu udělal chybu, tak mě prosím opravte.

Od. seznam:

<ul>
<li><u>Poznávací a jazykové cesty/Studium:</u><ul>
<li>2018: Jazykový a poznávací zájezd, do Torbay od 20.5. do 3.6. (Dotováno z EU jako podpora ZŠ ve výuce Aj).</li>
<li>2019: Poznávací zájezd do Londýna, VB.</li>
<li>2019: Získání jazykového certifikátu B1 v rámci výuky Aj na ZŠ. Zkouška v British Council v Praze.</li>
<li>2019: Zahájení studia na SPŠ na Proseku, Praha 9, Novoborská 610/2, 19000</li>
</ul>

Tabulka:

<table border="1">
<tr>
<th>Zájmy:</th>
</tr>
<tr>
<td>Informační technologie - HW,SW</td>
</tr>
<tr>
<td>Film a video v Aj.</td>
</tr>
<tr>
<td>Videohry a knihy</td>
</tr>
</table>

Předem děkuji za pomoc.
Naposledy upravil(a) xzotikk dne 29 zář 2019 18:12, celkem upraveno 1 x.

Reklama
Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7359
Registrován: prosinec 10
Pohlaví: Muž
Stav:
Offline

Re: HTML - Odrážkový seznam a tabulky

Příspěvekod faraon » 29 zář 2019 17:54

Vítej na PC-HELP.

Pro vkládání kódů použij tag code (páté tlačítko v horním panelu editoru), zůstane tak viditelné odsazování řádků.

Letmo jsem to prohlédl, a chybku máš hned na začátku, ten druhý <ul> je tam trochu navíc:

Kód: Vybrat vše

<ul>
      <li><u>Poznávací a jazykové cesty/Studium:</u><ul>
"Král Lávra má dlouhé oslí uši, král je ušatec!

(pravil K. H. Borovský o cenzuře internetu)

xzotikk
nováček
Příspěvky: 3
Registrován: září 19
Pohlaví: Muž
Stav:
Offline

Re: HTML - Odrážkový seznam a tabulky

Příspěvekod xzotikk » 29 zář 2019 17:59

A jinak těch chyb tam mám více?

EDIT: Celý kód sem dávám znovu za použití tagu code.

Od. seznam:

Kód: Vybrat vše

<ul>
   <li><u>Poznávací a jazykové cesty/Studium:</u><ul>
   <li>2018: Jazykový a poznávací zájezd, do Torbay od 20.5. do 3.6. (Dotováno z EU jako podpora ZŠ ve výuce Aj).</li>
   <li>2019: Poznávací zájezd do Londýna, VB.</li>
   <li>2019: Získání jazykového certifikátu B1 v rámci výuky Aj na ZŠ. Zkouška v British Council v Praze.</li>
   <li>2019: Zahájení studia na SPŠ na Proseku, Praha 9, Novoborská 610/2, 19000</li>
</ul>


Tabulka:

Kód: Vybrat vše

<table border="1">
   <tr>
      <th>Zájmy:</th>
   </tr>
   <tr>
      <td>Informační technologie - HW,SW</td>
   </tr>
   <tr>
      <td>Film a video v Aj.</td>
   </tr>
   <tr>
      <td>Videohry a knihy</td>
   </tr>
</table>


Pokud někde mám chybu (i v syntaxi), tak mě prosím opravte. Předem děkuji.

EDIT č.2: to <ul> navíc jsem odstranil, ale teď se mi už v odrážkovém seznamu netvoří pododrážky. Jak bych to mohl spravit? Potřebuji mít poslední 4 body v odrážkovém seznamu, jako pododrážky.

Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7359
Registrován: prosinec 10
Pohlaví: Muž
Stav:
Offline

Re: HTML - Odrážkový seznam a tabulky

Příspěvekod faraon » 29 zář 2019 18:52

Jo takhle, potom by bylo slušné ukončit oba ty vnořené seznamy a ne jen jeden, protože jinak si prohlížeč bude myslet, že to co následuje, patří stále do poslední položky toho předchozího seznamu. Tím bys rozbil zbytek stránky.
A můžeš si s tím i malinko vizuálně pohrát, viz další parametry:

Kód: Vybrat vše

<ul type="square">
   <li><u>Poznávací a jazykové cesty/Studium:</u>
       <ul type="circle">
          <li>2018: Jazykový a poznávací zájezd, do Torbay od 20.5. do 3.6. (Dotováno z EU jako podpora ZŠ ve výuce Aj).</li>
          <li>2019: Poznávací zájezd do Londýna, VB.</li>
          <li>2019: Získání jazykového certifikátu B1 v rámci výuky Aj na ZŠ. Zkouška v British Council v Praze.</li>
          <li>2019: Zahájení studia na SPŠ na Proseku, Praha 9, Novoborská 610/2, 19000</li>
       </ul>
</ul>

Stejně tak si můžeš vyhrát i s tabulkou, například zvětšení vzdálenosti obsahu od stěn buněk zlepší čitelnost:

Kód: Vybrat vše

<table border="1" cellspacing="5" cellpadding="10">

Jinak tam nějaké další chyby nevidím, jestli se ti to v různých prohlížečích zobrazuje přibližně stejně a tak jak jsi chtěl, je to správně.
Jenom malou poznámku, parametry jako "border" jsou považované za obsolete a měly by se nastavovat pomocí CSS. Ale tím se zatím zabývat nemusíš, dnešní prohlížeče to chápou a ještě řadu let chápat budou.
"Král Lávra má dlouhé oslí uši, král je ušatec!

(pravil K. H. Borovský o cenzuře internetu)


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Součet údajů z tabulky.
    od Myerina » 30 led 2024 08:30 » v Kancelářské balíky
    2
    1035
    od Myerina Zobrazit poslední příspěvek
    30 led 2024 08:44
  • Excel - z jedné tabulky automaticky vytvořené jednotlivé listy Příloha(y)
    od yanetta » 09 říj 2023 10:55 » v Kancelářské balíky
    3
    3473
    od elninoslov Zobrazit poslední příspěvek
    10 říj 2023 11:38
  • Opera a Seznam.cz
    od byron » 25 úno 2024 10:15 » v Internet a internetové prohlížeče
    3
    701
    od mmmartin Zobrazit poslední příspěvek
    25 úno 2024 11:50
  • Seznam Doplněk – Email
    od jokabuki » 06 říj 2023 12:50 » v Internet a internetové prohlížeče
    1
    3571
    od KubaCZE Zobrazit poslední příspěvek
    21 úno 2024 20:00
  • Jak připojit obrázek do podpisu na email od "Seznam.cz" Příloha(y)
    od Zabral68 » 08 zář 2023 17:25 » v Komunikace na internetu
    6
    3823
    od atari Zobrazit poslední příspěvek
    11 zář 2023 17:47

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti