HTML - Odrážkový seznam a tabulky

[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.

[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>

[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.

[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.