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ž

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: 6825
Registrován: prosinec 10
Pohlaví: Muž

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>
GOTT is REAL, unless declared INTEGER

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

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: 6825
Registrován: prosinec 10
Pohlaví: Muž

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.
GOTT is REAL, unless declared INTEGER


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • úprava tabulky
    od butes » 15 led 2019 18:31 » v Kancelářské balíky
    5
    816
    od butes
    21 led 2019 09:41
  • |Excel VBA - označení tabulky
    od Andor » dnes, 08:15 » v Kancelářské balíky
    2
    66
    od Andor
    dnes, 09:01
  • Přenos dat z tabulky do objednávky
    od feraH » 28 dub 2019 14:57 » v Kancelářské balíky
    3
    576
    od karlos64
    28 dub 2019 17:44
  • Excel vytvoření tabulky tipování výsledku
    od czbroucek » 11 kvě 2019 10:55 » v Kancelářské balíky
    4
    779
    od czbroucek
    12 kvě 2019 12:28
  • MS Office Excel: Zápatí ve formě formátované tabulky
    od Klamer » 30 dub 2019 19:06 » v Kancelářské balíky
    6
    1032
    od Klamer
    22 kvě 2019 14:41

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

Kdo je online

Uživatelé prohlížející si toto fórum: CommonCrawl [Bot] a 13 hostů