Text mittig ausrichten

Jelanol · 12.01.2021

Guten Tag,

ich bin dabei meine erste HTML zu schreiben. Nun will ich den Text komplett in die Mitte der gesamten Seite positionieren. Allerdings funktioniert dies irgendwie nur horizontal...
was habe ich falsch gemacht?

<html>
<head>

<title>BlaBla</title>

</head>

<body style="background-image:url(start2.jpg); background-repeat: no-repeat; width: auto; height: 100%;">

<center> <b> <u> <font color="white" size="100">
<p style="text-align: middle;"> Willkommen! </p>
</font> </u> </b> </center>

</body>

</html>

scatello · 12.01.2021

Jelanol schrieb:
was habe ich falsch gemacht?

So ziemlich alles. Benutze konsequent CSS und nicht solche Sachen wie <center>, <b>, <u> und <font> und nutze HTML5

Basics findest du hier: https://www.w3schools.com/

Rossi · 17.01.2021

Hallo Jelanol,

Ich würde dir empfehlen der Übersicht halber die Programmierung gleich richtig aufzuziehen.

Dein Grundgerüst ist gut, aber dein Css und dein Htlm Code getrennt voneinander zu bearbeiten.

Versuche mal folgendes :

1. Erstelle in Windows in deinem Verzeichnis in dem du arbeitest einen zusätzlichen Ordner ( Ich empfehle dir gleich in htdocs zu arbeiten wenn du Xampp verwendest um deinen Code gleich über localhost anzeigen zu lassen.)

2. Dann benennst du denn einen Order "css".

3. Erstelle eine Texteditordatei und nennst Sie style.css

Dann schreibst du in deinen HTML code:

<html>

<head>

<link rel="stylesheet" href="css/style.css">

<title>BlaBla</title>

</head>

<body >

<div class="willkommen">
<h1> Willkommen! </h1>
</div>

</body>

</html>

und in die Css Datei schreibst du:

.willkommen {
background-image : url ("../start2.jpg");
background-repeat : no-repeat;
width : auto;
height: 100%;
text-align: middle;
}

Viel Erfolg weiterhin

AoW · 28.01.2021

Schau gerne mal auf unserem YouTube Kanal "academy.of.webdesign" vorbei www.youtube.com/channel/UCCj32_8rGNY6goLiCCm9EUw Viele Grüße