Lernen Sie die HTML-Grundlagen mit LabEx

Einführung

🧑‍💻 Neu bei Linux oder LabEx? Wir empfehlen, mit dem Kurs Quick Start with Linux zu beginnen.

Hallo und willkommen bei LabEx! In diesem ersten Lab lernst du das klassische "Hello, World!"-Programm in HTML.

Klicke auf die Schaltfläche Weiter unten, um das Lab zu starten.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/BasicStructureGroup -.-> html/head_elems("Head Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") subgraph Lab Skills html/basic_elems -.-> lab-92740{{"Ihr erstes HTML-Lab"}} html/head_elems -.-> lab-92740{{"Ihr erstes HTML-Lab"}} html/text_head -.-> lab-92740{{"Ihr erstes HTML-Lab"}} end

Hallo HTML

HTML ist die Sprache des Internets. Es ist die Grundlage jeder Webseite, die Sie sehen. HTML ist die Abkürzung für HyperText Markup Language (Hypertext-Auszeichnungssprache). Es ist eine Auszeichnungssprache, die eine spezielle Syntax verwendet, um die Struktur einer Webseite zu beschreiben. HTML ist keine Programmiersprache. Es ist eine Auszeichnungssprache, die eine spezielle Syntax verwendet, um die Struktur einer Webseite zu beschreiben.

Wir haben bereits die Datei index.html in der WebIDE erstellt. Öffnen wir sie und fügen einige HTML-Code hinzu.

<!doctype html>

<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello HTML</h1>
  </body>
</html>

Klicken Sie dann auf die Schaltfläche Go Live in der unteren rechten Ecke. Dadurch wird ein lokaler Webserver auf Port 8080 gestartet.

Jetzt können Sie zur Registerkarte Web 8080 wechseln und auf die Aktualisierungsschaltfläche klicken, um die Änderungen zu sehen.

Aktualisierungsschaltfläche auf der Registerkarte Web 8080

Zusammenfassung

Herzlichen Glückwunsch! Sie haben Ihr erstes LabEx-Lab abgeschlossen.

Wenn Sie mehr über LabEx und seine Verwendung erfahren möchten, können Sie unseren Support Center besuchen. Oder Sie können sich das Video ansehen, um mehr über LabEx zu erfahren.

Programmieren ist eine lange Reise, aber das nächste Lab ist nur einen Klick entfernt. Lassen Sie uns anfangen!