Hi there,
Deshalb verstehe ich nicht, wieso es nicht klappt.
Weil Du schreibst: <body background="PIpage2a.jpg" alt="Blick aus unserem Küchenfenster" background-repeat="no-repeat"
background-position="center" border="2" width="700" height="525" margin="30px">
Das interpretiert die Rendering-Engine des Browsers so, als ob das body-Element ein Attribut "background-repeat" besitzte, das den Wert "no-repeat" erhält. Das body-Element (übrigens auch kein anderes) hat aber kein solches Attribut. Deshalb wird es vom Browser auch ignoriert.
Sehr wohl aber existiert eine Style-Eigenschaft "background-repeat", die genau das von Dir Gewünschte erledigt. Du musst das nur dem Browser richtig mitteilen, das wiederum kannst Du hier erfahren, oder, um es kurz zu machen, in Deinem Fall wäre die richtige Anwendung gewesen:
<body style="background-image:url(PIpage2a.jpg);background-repeat:no-repeat;background-position:center;width:700px;height:525px;margin:30px;">