Grundlegendes HTML lernen und meine erste Webseite

Inhaltsverzeichnis
Was ist HTML? Die Abkürzung steht für "Hypertext Markup Language". Es ist als Tag-Sprache definiert, mit der Sie eine Webseite entwickeln können. Zu den Elementen dieser Sprache gehören die Steuerelemente (Beschriftungen, Textfelder, Textbereiche, Schaltflächen) zum Implementieren von Formularen, Listen, Tabellen, Einfügen von Bildern, Video, Audio usw.
Es ist eine sehr einfach zu erlernende Sprache, da es sich nicht um eine Programmiersprache handelt, sondern um eine Sprache, die Sie markieren. Außerdem sind die zurückhaltenden Wörter, aus denen es besteht, leicht zu merken und sehr anschaulich.
Die einfachste Umgebung, um mit dem Üben und Entwickeln einer Webseite zu beginnen, ist der allgemeine "Notepad", ein Texteditor, obwohl es auch spezielle Compiler (z falsch ist, markiert es und erleichtert das Auffinden.
HTML-Dateien sollten immer mit der Erweiterung .html gespeichert werden, unabhängig davon, ob der Entwickler sie manuell hinzufügt oder der Editor sie automatisch hinzufügt. Der Dateityp .html wird mit dem Browser oder Browser des Benutzers geöffnet (zum Beispiel: Internet Explorer, Firefox, Google Chrome, Opera, Safary usw.), da die HTML-Sprache, wie oben erwähnt, aus Tags besteht : die der Browser zu interpretieren bereit ist.
Ihre erste Webseite…
In diesem Fall öffnen wir den Notizblock, da wir in einer Windows-Umgebung arbeiten und führen den folgenden Code für das typische "Hello world!"

Wie im Bild zu sehen ist, wurde die Datei noch nicht gespeichert. Also gehen wir zum Menü Datei> Speichern. Um die Dateien, die wir in diesem Tutorial entwickeln, gut zu organisieren, erstellen wir einen Ordner mit dem Namen "BASIC HTML", greifen auf diesen Ordner zu und passen den Dateinamen an, wir geben den Namen "index.html" ein und denken daran, dass es wichtig ist um die Endung festzulegen, dann wird sie sonst nur als Textdatei, also .txt, gespeichert.

Gehen Sie zum Speicherort der Datei, doppelklicken Sie auf das Symbol mit dem Namen "index.html" und es wird im Standardbrowser, in diesem Fall Google Chrome, geöffnet. Das werden Sie sehen:

Kommen wir nun zurück zum Code…
Teilt dem Browser mit, dass Sie eine HTML-Datei öffnen.
Kopfzeile des Dokuments.
Meine erste Webseite. Seitentitel.
Schließen Sie die Kopfzeile des Dokuments.
Body, der gesamte Inhalt dieses Abschnitts wird auf der Seite angezeigt.
Hallo Welt!
Körperverschluss.
Schließen Sie die HTML-Datei.
Das Tag teilt dem Browser mit, dass ein HTML-Dokument geöffnet wird, hier beginnt er, den Inhalt zu interpretieren. Wichtig ist, dass jedes geöffnete Tag geschlossen wird, das schließende Tag kann am Ende des Dokuments angezeigt werden.
gibt die Kopfzeile des Dokuments an, hier wird unter anderem, was wir später erfahren werden, der Titel der Seite platziert. Das bringt uns zur Codezeile Meine erste Webseite. , wird das Ergebnis dieser Zeile in der Titelleiste des Browsers angezeigt. Unten ist das Schließen des Tags.
In den Labels werden auch die Inhalte der Seite platziert, die direkt Text und/oder andere Formatierungslabels enthalten können.
Die Attribute…
Einige Tags haben ein oder mehrere Attribute, diese sind als Merkmale für das Haupt-Tag definiert. Bei der Definition von Attributen sind einige Aspekte zu beachten:
  • Sie haben die Struktur Name = "Wert"
  • Der Wert steht immer in Anführungszeichen.
  • Sie werden auf dem öffnenden Tag platziert.
Beispiel: Wir fügen dem Label das bgcolor-Attribut hinzu und weisen ihm einen hexadezimalen Wert zu, der in Anführungszeichen gesetzt wird. Für eine Farbanleitung hinterlasse ich den folgenden Link "HTML-Farbcodes".

Wir speichern unsere Datei, um die Änderungen zu visualisieren, und das Ergebnis ist:

*WICHTIG:: Die Beschriftungen können gut in Kleinbuchstaben geschrieben werden, wie wir in den Beispielen visualisiert haben, und beispielsweise in Großbuchstaben. Das World Wide Web Consortium (W3C) empfiehlt die Verwendung von Kleinbuchstaben, und XHTML, die aktuellste Version von HTML, akzeptiert nur die Verwendung von Kleinbuchstaben.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave