hmm: Scala soll meine MySql Tabelle connecten

Beitrag lesen

danke, ich hab mich da angemeldet. sobald ich dort eine test domain habe lad ichs da hoch.

hier der aktuelle code:

<!DOCTYPE html>
<html lang='de'>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geschenke Empfehlungsdienst</title>
</head>
<body>
    <header>
        <h1>Geschenke Empfehlungsdienst</h1>  
    </header>
    
    <main>
        <form method="post">
            <label for="login_email">E-Mail-Adresse</label>
			<input id="login_email" name="email" type="email" placeholder="max.mustermann@example.com" required>
			<label for="login_password">Passwort</label>
			<input name="login_password" type="password" placeholder="geheim" required>
            <button>anmelden</button>
		</form>
		
		<img src="img/present-307984_1280.png" width="300" height="300">
		
		<form method="post">
			<fieldset>
		    	<legend>Andrede</legend>
		    	<label for="reg_keine">keine Anrede</label>
		    	<input id="reg_keine" name="Anrede" type="radio" value="not" />
			  	<label for="reg_herr">Herr</label>
			  	<input id="reg_herr" name="Anrede" type="radio" value="m" />
			  	<label for="reg_frau">Frau</label>
			  	<input id="reg_frau" name="Anrede" type="radio" value="f" />
			</fieldset>
			<label for="reg_vorname">Vorname</label>
			<input id="reg_vorname" maxlength="50" name="Vorname" placeholder="Max" required/>
			<label for="reg_name">Nachname</label>
			<input id="reg_name" name="Nachname" placeholder="Mustermann" required/>
			<label for="reg_email">E-Mail</label>
			<input id="reg_email" name="Email" type="email" placeholder="max.muster@example.com" required/>
			<label for="reg_pass">Passwort</label>
			<input id="reg_pass" name="Pass" type="password" placeholder="geheim" required/>
			<label for="reg_gb">Geburtstag</label>
			<input id="reg_gb" type="date" id="gebdat"/>
			<button>registrieren</button>
		</form>
	</main>
    
    <footer>
		<a href="#">AGB</a>
		<a href="#">Impressum</a>
	</footer>
</body>
</html>

mein ziel:

  1. das obere form soll oben rechts stehen und der title lins, beides auf gleichere höhe mit blauem hintergrund.

  2. das bild soll in der mitte links und das zweite form in der mitte rechts stehen. das bild steht außerdem unter der überschrift und das zweite form unter dem ersten form.

  3. der footer text agb usw steht in der mitte unten und der footer hat einen grauen hintergrund

wie gehe ich das an? ist das der nächste schritt?