So erstellen Sie eine Website mit HTML

Einführung

Wenn Sie daran interessiert sind, zu lernen, wie man Websites erstellt und gestaltet, ist Hypertext Markup Language (HTML) ein großartiger Ausgangspunkt. Diese projektbasierte Tutorial-Serie wird Sie in HTML einführen und seine Methoden durch den Aufbau einer persönlichen Website anhand unserer Demonstrationswebsite (unten) als Modell vorstellen. Sobald Sie die Grundlagen gelernt haben, werden Sie wissen, wie Sie das Design der Website ändern und personalisierte Inhalte hinzufügen können. Es ist keine vorherige Programmiererfahrung erforderlich, um den Anleitungen in dieser Serie zu folgen.

HTML ist die Standard-Auszeichnungssprache, um Dokumente in einem Webbrowser anzuzeigen. Erstmals entwickelt von Tim Berners Lee im Jahr 1990 während seiner Arbeit bei der Europäischen Organisation für Kernforschung (CERN), war HTML eine der innovativen Technologien, die verwendet wurden, um die weltweit erste Website am 6. August 1991 zu veröffentlichen. Dank eines Restaurierungsprojekts von CERN können Sie nun die originale Website wieder besuchen. Seit dieser Zeit wurde HTML erheblich aktualisiert und erweitert, aber sein grundlegendes Ziel, Webseiten zu formatieren und zu strukturieren, bleibt gleich.

Heute ist HTML eines von vielen Werkzeugen, die zum Aufbau des Webs verwendet werden. Das Wissen um das Schreiben von HTML wird Ihnen eine solide Grundlage für Ihre Karriere als Webdesigner bieten und Sie darauf vorbereiten, zusätzliche Frontend-Webentwicklungsfähigkeiten wie CSS und JavaScript zu erlernen.

In dieser Tutorial-Serie lernen Sie, wie Sie eine Website mithilfe gängiger HTML-Tags und Techniken erstellen und anpassen. Nach Abschluss dieses Tutorials haben Sie eine Website bereit zur Bereitstellung in der Cloud.

Voraussetzungen

• A code editor like Visual Studio Code or Atom. For this tutorial series, we will be using Visual Studio Code as our default code editor but you may use any code editor you like. Certain instructions may need to be slightly modified if you use a different editor.
• A web browser like Firefox or Chrome. We will be using Firefox as our default browser but you may use any browser you like. Certain instructions may need to be slightly modified if you use a different web browser.
• Zwei verschiedene Profilfotos, Bilder oder Avatare zur Personalisierung Ihrer Website (optional).

Sobald Sie Ihre Voraussetzungen bereit haben, sind Sie bereit, Ihr HTML-Projekt im nächsten Tutorial einzurichten.