Matthias Apsel: Ladekreis mitten auf der Seite

Beitrag lesen

Om nah hoo pez nyeetz, Matze!

<html>
<head>
  <title>Meine Seite</title>
</head>
<body bgcolor="#F0F0F0" background="Download/Kaestchenpapier2.jpg.jpeg">
  <center>
   <form method="get">
   <font face="Comic Sans MS" size="+4">
    <br><br>
Melde dich mit deinem Account an! <br><br>
   <input type="text" maxlength="30" size="12" placeholder="Username" Name="user" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br><br>
    <input type="password" maxlength="30" size="12" name="passwort" placeholder="Passwort" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br> <br>
    <input type="image" style="border:0; height:200px;width:400px;" scr="Download/Kaestchenpapier2.jpg.jpeg"  name="Knopf"><br>
   </font>
   </form>
  </center>
</body>
</html>

Den kann man hier als HTML-Code auszeichnen.

<html>  
 <head>  
  <title>Meine Seite</title>  
 </head>  
 <body bgcolor="#F0F0F0" background="Download/Kaestchenpapier2.jpg.jpeg">  
  <center>  
   <form method="get">  
   <font face="Comic Sans MS" size="+4">  
    <br><br>  
Melde dich mit deinem Account an! <br><br>  
   <input type="text" maxlength="30" size="12" placeholder="Username" Name="user" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br><br>  
    <input type="password" maxlength="30" size="12" name="passwort" placeholder="Passwort" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br> <br>  
    <input type="image" style="border:0; height:200px;width:400px;" scr="Download/Kaestchenpapier2.jpg.jpeg"  name="Knopf"><br>  
   </font>  
   </form>  
  </center>  
 </body>  
</html>

An dem gibts 'ne Menge zu meckern:

  • Du hast (möglicherweise) keinen Doctype angegeben. Damit rendern die Browser nach Gutdünken.
  • Es fehlt die Angabe einer Zeichenkodierung (ebd.)
  • Verwende keine Inline-Styles. Lagere alle CSS-Regeln in eine externe Ressource aus.
  • font und center-Elemente sind missbilligt. br-Elemente in diesem Fall auch. Verwende CSS.
<!doctype html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>Meine Seite</title>  
    <link href="css/screen.css" media="screen" rel="stylesheet" type="text/css">  
  </head>  
  <body>  
    <form action="">  
      <p>Melde dich mit deinem Account an!</p>  
      <input type="text" maxlength="30" size="12" placeholder="Username" name="user" id="username">  
      <input type="password" maxlength="30" size="12" name="passwort" placeholder="Passwort" >  
      <button name="knopf" type="submit">Anmelden</button>  
   </form>  
 </body>  
</html>

Matthias

--
1/z ist kein Blatt Papier.