Om nah hoo pez nyeetz, bari!

Sprachwahl:

ul darf nur li als direktes Kind haben und die li-Elemente sind Elemente einer Aufzählung, in deinem Fall also ausschließlich die Elemente mit den Sprachen.

<ul id="spr">  
  <span class="mypictures">To go to the start page of your language, click on a language button.</span>  
  <li><a href="de/index.html">Deutsch</a></li>  
  <li><a href="en/index.html">English</a></li>  
  <li><a href="fr/index.html">Français</a></li>  
  <li><a href="ru/index.html">Русский</a></li><br><br>  
  <span class="mypictures">or click </span><a href="index.html">here</a><span> to go back to the Welcome page.</span>  
</ul>

(Linksbündig würde das werden, indem du ul#spr float: left spendierst. Das float ist hier allerdings überflüssig, also lass es weg.)

Besser:

<div id="Sprachwahl"> <!-- Eventuell nav, bin aber nicht sicher[1] -->  
  <p>To go to the start page of your language, click on a language button.</p>  
  <ul>  
    <li><a href="de/index.html">Deutsch</a></li>  
    <li><a href="en/index.html">English</a></li>  
    <li><a href="fr/index.html">Français</a></li>  
    <li><a href="ru/index.html">Русский</a></li>  
  </ul>  
  <p><span>or click </span><a href="index.html">here</a><span> to go back to the Welcome page.</span></p>  
</div>

Bilder:

Gib allen Bildern aussagekräftige alt-Attribute mit, die Suchmaschinen werden sich freuen.

[1]
„Es gilt wie immer die Faustregel für semantisches HTML: wenn man die Wahl zwischen A und B hat und nach 5 Minuten Nachdenken und Recherche nicht zweifelsfrei klar ist, was richtiger ist, ist es vermutlich ziemlich egal.“ (Peter Kröner)

Matthias

--
Das Problem bei Zitaten aus dem Internet ist, dass man nicht weiß, ob sie wahr sind. (Wilhelm Tell)