Wie erstellt man eine Webseite mit HTML?
Hier habe ich einen ausführlichen Anfänger-Leitfaden für dich, in dem alles nochmal detaillierter beschrieben wird:
https://www.schike.de/artikel/webseite-leitfaden
Und hier die etwas knappere Antwort:
HTML
Eine Webseite mit HTML erstellst du schlichtweg, indem du eine .html-Datei erstellst.
Eine HTML-Datei ist im Grunde nichts anderes als eine Textdatei, die zufällig den Dateityp .html hat – du kannst sie also mit jedem beliebigen Texteditor erstellen. (Empfehlenswert ist natürlich, einen geeigneten Editor wie NotePad++ zu verwenden).
Dein HTML-Dokument eröffnest du mit der <!DOCTYPE html>-Deklaration, und setzt es in ein <html>-Tag:
<html></html>
HTML verwendet sogenannte Tags, um seine Elemente in Sektionen zu Unterteilen. Ein Tag kann zum Beispiel so aussehen: <div> Inhalt </div>
Deine Webseite wird in deinem <html>-Tag weiter in ein <head>-Tag und ein <body>-Tag unterteilt. Der BODY ist das, was am Ende für den Endbenutzer sichtbar wird. Der HEAD ist für Meta-Informationen bestimmt (z.B. Titel und Autor der Seite).
In deiner HTML-Datei kannst du deine Inhalte (Bilder, Texte, Videos, etc.) mithilfe dieser Tags strukturieren und anordnen. Es gibt Tags für Fließtext (p), Überschriften (h1-h6), Bilder (img), etc.
CSS
Um deine Elemente optisch aufzuhübschen, brauchst du CSS(Cascading Style Sheet). Unter CSS versteht man eine Sammlung von Style-Regeln, mit denen du z.B. Farbe, Größe oder Abstände deiner Elemente anpassen kannst.
Die CSS-Regeln kannst du mit einem <style>-Tag direkt ins HTML-Dokument eintragen, mit dem style-Attribut einzelnen Elementen zuweisen, oder in einer externen .css-Datei anlegen. In letzterem Falle musst du die Datei im HEAD-Bereich deines HTML-Dokuments verlinken.
Zum Beispiel kannst du so:
<div style = "height: 100px; width: 100px;"> </div>
ein DIV-Element mit einer Höhe und Breite von 100 Pixeln erstellen (das allerdings unsichtbar ist, da es keine Farbe oder Inhalte hat).