In dieser Lektion Wir werden die Hypertext Markup Language besprechen. Hypertext Markup Language oder HTML, ist die Hauptsprache im Internet. Diese Sprache wurde in den frühen 1990er Jahren eingeführt von Sir Tim Berners-Lee, und enthaltene Funktionen wie Hyperlinks die wir heute für selbstverständlich halten. Wir werden uns HTML und einige der neuen Konventionen ansehen die in den letzten Jahren herausgekommen sind. Ich werde den HTML-Code löschen, den wir hier haben. Und wir beginnen neu mit dem Dokumententyp. Wir können tatsächlich mit HTML beginnen. Wenn wir jetzt nur mit HTML beginnen, wie Sie das HTML-Element jetzt auf der Seite sehen. Oh, übrigens, Sie werden oft HTML-Elemente hören, die Tags genannt werden. Eine Möglichkeit, sich das vorzustellen, ist ein HTML-Element ist ein vollständiger Satz von Tags. In diesem Fall, wenn wir einen Absatz setzen und ihn einschließen mit zwei P-Tags oder Absatz-Tags, Dann haben Sie ein Absatzelement. Einige Elemente können als Dinge betrachtet werden wie Adresse, Fußzeile, Kopfzeile, und andere Dinge innerhalb von HTML. In diesem Fall betrachten wir HTML-Elemente und HTML-Tags synonym sein. Manchmal verwenden wir Tags, manchmal verwenden wir Elemente. Beginnen wir also mit der Verwendung einiger Tags. Zuerst beginnen wir mit einer DOCTYPE-Deklaration. Also werden wir weitermachen und einen Winkelausruf einfügen DOCTYPE-HTML. Und das sagt uns, dass wir etwas benutzen nach dem Jahr 2000 in HTML, Wenn Sie nur HTML eingeben, wird Ihr Dokument gerendert auf eine schrullige art wäre das was wie das Dokumenten-Rendering der 1990er Jahre. Das ist jetzt nicht schlimm. Sie können tatsächlich Ihren gesamten HTML-Code im heutigen Standard eingeben und verwenden Sie einfach HTML oben und das wird gut. Es gibt jedoch einige Tags, einige Elemente die in den 1990er Jahren nicht unterstützt wurden, und Sie können sehen, wie das verwirrend werden könnte. Um das zu vermeiden, verwenden wir das Ausrufezeichen, die Leute Bang und DOCTYPE HTML nennen. Nach der anfänglichen Erklärung, dass wir DOCTYPE HTML verwenden, Wir werden weitermachen und mit unserer HTML-Codierung beginnen. Jetzt zuerst mit HTML, wir werden haben was Sie normalerweise in einem Dokument haben würden. Unter HTML werden wir also einen Head-Bereich haben und wir werden auch einen Körperteil haben. Also lass uns weitermachen. Ich werde Körper so machen. Wir haben also einen Kopfteil und einen Körperteil. Jetzt werde ich jedes dieser Tags schließen, jedes dieser Elemente. Und hier drüben mit Körper wirst du das sehen Ich schließe es einfach mit einem Schrägstrich. Also haben wir HTML Kopf, Kopf, Körper, Körper, einfach so und wir können unser HTML schließen. Jetzt platziert der Editor, den ich verwende, den Text im rechten Tabulator oder im rechten Abstand von der Seite, das ist wirklich praktisch. Und unsere zukünftigen Redakteure schauen hin bei Visual Studio-Code und diesem VS-Code gibt Ihnen viel mehr Optionen als das, was Sie sehen können genau hier auf dem Bildschirm. Was wir jedoch auf dem Bildschirm eingeben, ist reines HTML und genau so entsteht ein Dokument. Ich sollte beachten, dass DOCTYPE nicht erforderlich ist Um hier großgeschrieben zu werden, können wir eigentlich alles machen von diesem Kleinbuchstaben, was viel einfacher ist finden Sie, wenn Sie tippen. Dann unter dem Kopfteil, wir können tatsächlich unseren Titel eingeben unserer Seite. Also das speichere ich mir ganz schnell und mal sehen was wir bisher haben. Im Moment haben wir ein leeres Dokument. Wenn Sie sich das ansehen, wir haben viel Code für ein leeres Dokument, aber wir haben ein leeres Dokument mit einem Titel, der Webseite sagt. Wenn wir also hier oben nachsehen, Wir werden sehen, dass die Webseite tatsächlich der Titel oben ist. Drei der Elemente oder Tags, die wir heute verwenden werden sind Überschrift, Absatz, Zeilenumbruch, Bildquelle, ein URL-Link, also wird das etwas wo Sie einen Link zu einer anderen Website haben, auf die Sie gehen möchten zu diesem Link und eine Liste, wo Sie haben eine nicht nummerierte Liste und schließlich eine Tabelle. Um zu sehen, wie das aussieht, lass uns weitermachen und in unseren Körper gehen und hinüber in den Körper, Wir machen weiter und erstellen einen Absatz. Das P genau dort ist also das Tag für den Absatz. Und Sie werden sagen, das ist ein Absatz. Wenn wir nun eingeben, dass dies ein Absatz ist, Sie brauchen keine Leerzeichen wie nach dem Element dort. Das können wir uns also sparen. Stellen Sie sicher, dass Sie es auf dem Server speichern, bevor Sie es neu laden. Und Sie werden sehen, dass dies ein Absatz ist, der auftaucht. Nun, vor Ihren Absätzen haben Sie normalerweise Überschriften. Gehen wir also hier zum Körper und schauen wir uns H1 an. Jetzt ist H1 die größte Überschrift. Wenn Sie jemals ein Dokument erstellt haben, und dies ist keine Art von Textverarbeitung, Sie wissen, dass Sie den Titel des Dokuments haben, dann unter dem Titel, Sie haben die erste Überschrift und geben Folgendes ein: manchmal haben Sie eine Unterüberschrift und eine Unterunterüberschrift und so weiter. Nun, das ist dasselbe. Also genau hier können wir sagen, das ist Überschrift eins, und ich werde einfach gehen und eine H1 wie diese machen. Wir werden es sicher speichern und aktualisieren, Sie werden sehen, wir haben Überschrift eins, das ist ein Absatz. Nun, lass uns weitermachen und dort eine Überschrift zwei einfügen. Also gehen wir hier runter H2 und wir werden das interessanterweise nennen, wir nennen das Überschrift zwei. Es hilft auch, es auf dem Bildschirm zu sehen. Überschrift zwei einfach so und ich möchte diese zwei machen, nicht eins, also sehen wir Überschrift zwei. Lassen Sie uns das speichern und direkt hier auf dem Bildschirm neu laden. Und Sie werden sehen, wir haben Überschrift eins und Überschrift zwei, und dann ist dies ein Absatz darunter.
