So erstellen Sie eine Website

Dec 01 2022
Hallo! Ich sehe, du bist für ein weiteres tolles Tutorial von mir gekommen! Nun, heute lernen wir, wie man eine Website erstellt, hurra! Grundvoraussetzungen Bevor wir mit der Erstellung einer Website beginnen, benötigen wir diese Grundvoraussetzungen: HTML Sie kennen sich vielleicht mit HTML aus oder haben davon gehört, wie in meinem Phaser-Blog. Wenn Sie sich mit HTML nicht auskennen, machen Sie sich keine Sorgen, ich werde es Ihnen beibringen: So Wir brauchen etwas Quellcode, um mit Atom zu beginnen, geben Sie einfach „html“ gefolgt von einer Eingabetaste ein, oder kopieren Sie den folgenden Code: Das <body>-Tag Das body-Tag in HTML ist ein Tag, das Ihnen Text zeigt, dass es zwei verschiedene Möglichkeiten gibt schreiben Sie hier einen Text. H1 Das H1-Tag ist ein Überschriften-Tag. Ich zeige Ihnen, was ich meine: Das p-Tag steht für Absatz: css hinzufügen okay, also fügen wir zuerst css für den Stil hinzu.

Hallo! Ich sehe, du bist für ein weiteres tolles Tutorial von mir gekommen! Nun, heute lernen wir, wie man eine Website erstellt, hurra!

Grundlegende Anforderungen

Bevor wir mit der Erstellung einer Website beginnen, benötigen wir diese Grundvoraussetzungen:

  1. Internet
  2. ein Server
  3. ein Texteditor, zum Beispiel Atom-Texteditor

HTML

Sie kennen wahrscheinlich etwas HTML oder haben davon gehört, wie in meinem Phaser-Blog. Wenn Sie sich jetzt nicht mit HTML auskennen, machen Sie sich keine Sorgen, ich werde es Ihnen beibringen:

Wir brauchen also etwas Quellcode, um mit Atom zu beginnen, geben Sie einfach „html“ gefolgt von einer Eingabetaste ein oder kopieren Sie den folgenden Code:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>hello</title>
  </head>
  <body>

  </body>
</html>

Das <body>-Tag

Das Body-Tag in HTML ist ein Tag, das Ihnen Text zeigt, dass es hier zwei verschiedene Möglichkeiten gibt, Text zu schreiben.

H1

Das H1-Tag ist ein Überschriften-Tag. Ich zeige Ihnen, was ich meine:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>hello</title>
  </head>
  <body>
<h1>Hello this is a heading</h1>

  </body>
</html>

      
                

Das p-Tag steht für Absatz:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>hello</title>
  </head>
  <body>
<p>Hello this is a paragraph</p>

  </body>
</html>

      
                

CSS hinzufügen

Okay, also fügen wir zuerst CSS für den Stil hinzu.

Erstellen Sie schnell eine CSS-Datei.

Jetzt können wir etwas Stil hinzufügen!

h1{
color: brickred;

}

Also ja, ich habe diesen Blog vorzeitig beendet, aber am 3. Dezember wird Teil 2 veröffentlicht

Sie lernen js divs-Funktionen und Hyperlinks kennen.

Bis später

Kontaktieren Sie mich wie immer, indem Sie Folgendes scannen: