Bildschirmgröße anpassen

Hallo,

ich lerne seit kurzem mit HTML und CSS zu arbeiten. Ich mache das eher als Hobby und weiß auch das man vieles besser machen kann aber ich bin noch ein Anfänger und brauche alles erstmal etwas einfacher gehalten.

Ich habe gelesen das man die Bildschirmgröße in Pixel angeben soll es reich 800X600 nur leider weiß ich nicht Wie und Wo…

Wie kann ich das machen bzw Wo muss ich es definieren.

So sieht es im Moment aus… an CSS arbeite ich gerade ich kenne mich da noch nicht ganz so gut aus.

Mein Hamster
  <h1> Willkommen auf meiner Website</h1>


  </font>


   <img src="hamster01.jpg"<img src="" alt="Kiki" border="0" width="300" height="250">
   <p> <font size="4">
   <font color="#FFFFFF">
   <font face="Comic Sans MS">


   </center>


   <table width="100%" height="100%" border="0">
      <tr>
          <td width="20%" height="15%"> <img src="hamster03.gif" width="60" height="70">
          <a href="Mein Hamster.html">Mein Hamster</a>
          </td>
          <td width="20%" height="15%"> <img src="hamster03.gif" width="60" height="70">
          <a href="allg.html"> Über Hamster</a>
          </td>
          <td width="20%" height="15%"> <img src="hamster03.gif" width="60" height="70">
          </td>
      </tr>


      <tr>
          <td width="20%" height="15%">  Ein Fotoalbum meiner Plüschkugeln</td>
          <td width="20%" height="15%">  Die Kleine Hamster Wiki </td>
          <td width="20%" height="15%">  Text... </td>
      </tr>


   </table>
   <center>
   <br>

Text …



Welche Bildschirmgröße möchtest du denn definieren? Und was ist für dich Bildschirmgröße definieren, was soll das bewirken?

Dein HTML-Code ist ziemlich fehlerhaft. Du solltest dir erstmal saubere HTML-Grundlagen aneignen und diese auch verwenden.

Webseiten passt man zudem nicht an Bildschirmauflösungen an. Eine Webseite nimmt seltenst die volle Auflösung ein. Immer ist links und rechts ein Fensterrahmen, ein Scrollbalken, manche Internetnutzer surfen nicht mal im Vollbild etc. Dadurch wird eine Seite kleiner dargestellt - der Bereich nennt sich dann Viewport.

Was Du suchst ist also die Anpassung deiner Seite per Stylesheet (CSS). Mit diesen kannst Du die Breite deiner Seite wie gewünscht angeben. Bedenke jedoch: nicht jeder hat auch den Viewport den Du annimmst. Wenn deine Seite eine feste Breite haben soll und sagen wir bei der kleinsten, auf Desktop-Computern heute üblichen Viewport zu sehen sein, dann könntest Du die Breite z.B. so angeben:

body { width: 990px; }

Bedenke: durch diese Beschränkung liegt deine Seite auf größeren Viewports linksbündig. Natürlich kann man sie auch zentrieren, wenn dein Design es zulässt. Aber das musst Du selbst entscheiden und in deinem CSS so hinterlegen wie Du es willst.

Erster Schritt für dich wäre aber erstmal sauberer HTML-Code.

Hallo, danke für eure Antworten.

@ threadi
ich lerne es ja noch gerade, ich würde es schön finden wenn man mir zeigt was falsch ist damit ich es verbessern kann ( aus Fehlern lernt man) so hilft es mir nicht weiter

Der Hinweis darauf, dir geeignete Einführungen durchzulesen, ist aber auch so hilfreich.