Stránka 1 z 1

HTML - Odrážkový seznam a tabulky

Napsal: 29 zář 2019 17:37
od xzotikk
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.

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

Napsal: 29 zář 2019 17:54
od faraon
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>

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

Napsal: 29 zář 2019 17:59
od xzotikk
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.

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

Napsal: 29 zář 2019 18:52
od faraon
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.