1. Jak PATYL wspomniał alt przy obrazkach
2. Usunięte zamknięcia w tagach "self-closing" np. <meta />. Nie jest to błąd w żadnym wypadku, ale jest pozostałością po xHTML, więc jest to wyłącznie moja decyzja :D
3. Nie zostawiamy pustego tekstu bez znaczników. Dlatego pozwoliłem sobie wrzucić go włącznie z linkiem w tag <p> co przy okazji rozwiązało nam kolejny problem 4.
4. Usunięte tagi <br>, które używa się do łamania linii w tekście, a nie do oddzielania elementów od siebie. Paragraf <p> rozwiązuje nam ten problem ponieważ automatycznie kolejny paragraf jest w następnej linii.
5. Mogę się z czymś mylić więc w razie co pisać! :D
Kod poniżej:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Najlepsze filmy!</title>
<meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!">
<meta name="keywords" content="film, kino, najlepsze filmy, top filmy">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<h1>Najlepsze filmy!</h1>
<p>Komedia:
<a href="http://www.filmweb.pl/Forrest.Gump" target="_blank" title="Zobacz na Filmwebie!">
Forrest Gump (1994)
</a></p>
<a href="http://www.filmweb.pl/Forrest.Gump" target="_blank" title="Run Forrest, run!">
<img src="img/forrest.jpg" alt="Kadr z filmu Forest Gump">
</a>
<p>Horror:
<a href="http://www.filmweb.pl/Obcy" target="_blank" title="Zobacz na Filmwebie!">
Obcy 8 pasażer Nostromo (1979)
</a></p>
<a href="http://www.filmweb.pl/Obcy" target="_blank" title="One ugly bastard!">
<img src="img/alien.jpg" alt="Kadr z filmu Obcy">
</a>
</body>
</html>