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: 7397
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: 7397
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
  • HTML editor
    od BigSandy » 21 led 2025 09:51 » v Programy ke stažení
    3
    12192
    od pcmaker Zobrazit poslední příspěvek
    03 úno 2025 09:00
  • Kdo umí číst kód HTML? Doladit jednu podmínku. Příloha(y)
    od Minapark » 06 led 2025 09:21 » v Programování a tvorba webu
    22
    9929
    od Minapark Zobrazit poslední příspěvek
    20 led 2025 16:54
  • Buňka musí obsahovat řetězec, aby se zapnul rozbalovací seznam
    od Marines93 » 02 lis 2024 09:44 » v Kancelářské balíky
    0
    2063
    od Marines93 Zobrazit poslední příspěvek
    02 lis 2024 09:44

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 3 hosti