Hallo Rabarba,
zum Ausprobieren nutze ich immer gerne einen Online HTML-Editor, bei dem man das Ergebnis sofort anschauen kann und Quellcode sowie Ergebnis nebeneinander sieht. Zum Beispiel diesen
hier (w3schools Onlineeditor).
<p>
</p>
Um mehrere Bilder nebeneinander zu bekommen, müssen auf jeden Fall die
und auch die beiden <p>-Tags weg. Beide verursachen (ganz salopp gesagt) einen Zeilenumbruch. Ohne sieht es zum Beispiel so aus:
<img src="https://..Bild1.jpg" />
<img src="https://..Bild2.jpg" />
Wenn deine Bilder nicht breiter sind, als die Webseite, dann werden sie im Normalfall automatisch nebeneinander angeordnet. Sollten sie zu breit sein, kannst du sie in der Breite beschränken:
<img src="https://..Bild1.jpg" style="width:300px""/>
<img src="https://..Bild2.jpg" style="width:250px"/>
Statt 'px' (Pixel) gehen auch relative Breiten in %. Nähere Infos siehe
hier (SelfHTML Wiki).
Falls du nicht weiterkommst, zeige am besten hier ein Beispiel und wie es am Ende aussehen soll. Wir kriegen das schon hin.
