Velký probléééééééém

Hezký den,

tvorbě webových stránek se věnuji pátý den, mám za sebou základní kurz a jednoduchou stránku v HTML. A zde je můj problém : Stránka vypadala tak, jak jsem chtěl, ale pak, když jsem vložil nějaký tag, přestal účinkovat jiný, do kterého jsem vůbec nezasahoval a který byl o několik řádků výše. Prostě, to co dřív fungovalo, po vložení obrázku nefunguje. Například se mi nezobrazuje část, která sice v poznámkovém bloku je a je správně, se nezobrazuje.

dovoluji si vložit příklad :

<p>
<h3> <span style="color: black> Oblíbení autoři </span> </h3>
J.K. Rowlingová
<br>
Graham Greene
<br>
Vojtěch Steklač
</p>

(tohle se vůbec nezobrazuje)


<span style="color: black"> <h3> Oblíbená jídla </h3> </span>

(nezměnila se barva písma, ačkoliv dřív byla černá)



<a href="hermiona.jpg"> <img src="hermiona-mala.jpg" width="150" height="100" border="3" alt="Hermiona Grangerová" </a>

(obrázek se nezvětší, ačkoliv dřív se po kliknutí zobrazil v plné velikosti)



Má otázka zní : Čím je to způsobeno a jak tomu zabránit v budoucnu ?

Předem děkuji za čas a za odpověď