Miért nem jeleníti meg a szöveget a HTML? (kód lent)

1. HTML-ben <image> elem nincs. <img> van.

2. Az <img> üres elem, szóval nincsen záró cimkéje, mint például a bekezdésnek: <p>Ez egy szöveg</p>

3. Az <img> elem kötelező attribútuma az alt, ahol meg kell adni a kép szöveges reprezentációját:

<img src="nemfontos.png" alt="Nem fontos">

CSS before/after:

https://www.w3schools.com/cssref/sel_before.asp

https://www.w3schools.com/cssref/sel_after.asp

OMG!

A :before és :after csak akkor jelenik meg ha van content: paramétere.

pl. a:before { content:' × '; }

Ebben az egyetlen sorban is van egy halom hiba.

Image helyett inkább img-t használj!

Az img elemnek nincs lezáró tag-e, tehát nincs olyan, hogy </img>.

Mivel a szöveget egy olyan tagen belül adtad meg, ami helyileg fejti ki hatását, és nem egy tartományra vonatkozik, ergo nem szabályos a html kódod, a böngészőre van bízva, hogy ilyenkor mit csinál azzal a szöveggel. Tessék betartani a HTML konvenciókat, és akkor nem lesznek ilyen problémák!