Die erste eigene HTML Webseite

17.05.2019

Dieser Artikel beschreibt, wie man eine Webseite mit HTML (Hypertext Markup Language) erstellt. Du kannst die hier gezeigten Schritte mit einem normalen Webbrowser und Windows Notepad ausführen. Achte jedoch darauf, dass Sie HTML-Dateien mit der Erweiterung ".html" speichern. Notepad fügt ".txt" an die Erweiterung an, es sei denn, du umgibst den Dateinamen mit Anführungszeichen (d.h. example.html wird als example.html.txt gespeichert, während "example.html" mit der Erweiterung ".html" gespeichert wird, wie gewünscht).

HTML-Dateien enthalten Strukturen, die als Tags bezeichnet werden. Tags enthalten einen bestimmten Text, der von linken und rechten spitzen Klammern umgeben ist, wie beispielsweise <button> .

Hinweis: Normalerweise gibt es keinen Abstand zwischen einer spitzen Klammer und dem Text. In diesem Artikel werden jedoch Leerzeichen verwendet. Auf diese Weise erscheinen die Tags als Text und nicht als Code, der von einem Browser ausgeführt werden kann.

bezeichnet den Anfang des HTML-Codes und das Ende. Zwischen ihnen können andere Tags zusätzliche Strukturen hinzufügen. In der Regel befinden sich zwischen den zuvor genannten Tags ein "Kopf"- und dann ein "Körper"-Abschnitt. So kann unsere einfache Datei wie folgt geschrieben werden.

1. Fügt der html-Datei einen Titel hinzu: Im Allgemeinen enthalten html-Dateien einen Titel (Hinweis: Dies ist nicht dasselbe wie ein "Header". Die Überschriften werden in Schritt 3 unten eingeführt). Titel definieren den Text, der in der "Titelleiste" des Browsers angezeigt wird, wenn Sie eine bestimmte Seite aufrufen. Titel werden im Abschnitt "Kopf" (d.h. zwischen den Tags und Tags) eingefügt.

2. Fügen Sie der Seite Inhalte hinzu: In Schritt 1 haben wir den Text definiert, der in der Titelleiste des Browserfensters angezeigt werden soll. Um jedoch Text im Browserfenster selbst anzuzeigen, müssen wir diesen Text in den Body-Abschnitt der Datei einfügen (d.h. zwischen den Tags).

3. Fügen Sie eine Kopfzeile hinzu: Als nächstes werden wir den Inhalt der Kopfzeile über dem Absatz hinzufügen. Der Kopftext ist in der Regel größer als der Absatztext. Die "tatsächlich zu verwendenden Größen" können über CSS (Cascading Style Sheets) festgelegt werden. Ein Header kann mit dem Tag <header> hinzugefügt werden.

4. Seitencode anzeigen: Im Allgemeinen enthalten Seiten im Web die oben genannten Konstrukte (zusammen mit vielen anderen Codierungsfunktionen). Um den HTML-Code für die Erstellung einer beliebigen Seite zu sehen, navigieren Sie zu ihr und wählen Sie die Menüoption "Ansicht > Quelle" oder "Ansicht > Seitenquelle". Versuchen Sie mit Hilfe dieser Menüoption, auf einer Seite nach Tags zu suchen.


Ich hoffe dir hat das Tutorial weitergeholfen :)