AlegsaOnline.com

Hypertext Markup Language

Autor: Leandro Alegsa

01-11-2021

Hyper Text Markup Language (HTML) ist eine Auszeichnungssprache zur Erstellung einer Webseite. Webseiten werden normalerweise in einem Webbrowser angezeigt. Sie können Schrift, Links, Bilder und sogar Ton und Video enthalten. HTML wird verwendet, um jede dieser Arten von Inhalt zu markieren und zu beschreiben, damit der Webbrowser sie korrekt anzeigen kann. HTML kann auch verwendet werden, um Metainformationen zu einer Webseite hinzuzufügen. Metainformationen werden von Webbrowsern normalerweise nicht angezeigt und sind Daten über die Webseite, z.B. der Name der Person, die die Seite erstellt hat. Cascading Style Sheets (CSS) werden verwendet, um HTML-Elemente zu stylen, während JavaScript verwendet wird, um HTML-Elemente und CSS-Stile zu manipulieren.

HTML wurde vom World Wide Web Consortium (W3C) erstellt. Es gibt mehrere Versionen von HTML. Seit September 2018 wird der aktuelle HTML-Standard als HTML 5 bezeichnet und liegt speziell in der Version 5.2 vor.

Schlagwörter

HTML verwendet spezielle Teile der Programmiersprache "Tags", um dem Browser mitzuteilen, wie eine Webseite aussehen soll. Die Tags kommen normalerweise paarweise vor: ein öffnender Tag definiert den Anfang eines Inhaltsblocks und ein schließender Tag das Ende dieses Inhaltsblocks. Es gibt viele verschiedene Arten von Tags, und jeder hat einen anderen Zweck. Siehe Basic HTML Tags weiter unten für Tag-Beispiele.

Einige Tags funktionieren nur in bestimmten Browsern. Zum Beispiel funktioniert der <menuitem>-Tag, der verwendet wird, um etwas erscheinen zu lassen, wenn die Person die rechte Maustaste drückt, nur im Mozilla Firefox-Browser. Andere Browser ignorieren diesen Tag einfach und zeigen die Schrift normal an. Viele Webseiten-Ersteller vermeiden die Verwendung dieser "Nicht-Standard"-Tags, weil sie wollen, dass ihre Seiten mit allen Browsern gleich aussehen.

Beispiel

Hier ist eine Beispielseite in HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Dies ist der Titel der Seite. </title> 5 </head> 6 < body> 7 < p> Dies ist ein Absatz. </p> 8 < a href="https://www.domain.com"> Dies ist ein Link. </a> 9 < img src="image. jpg" alt="Image"> 10 </body> 11 </html>

Eine einfache HTML-Seite würde folgendermaßen aussehen: ein einziger Absatz mit "Hallo Welt! " darauf geschrieben.

1 <!DOCTYPE html> 2 < html> 3 < Kopf> 4 < Titel> Hallo! </title> 5 </Kopf> 6 < Körper> 7 < p> Hallo Welt! </p> 8 </Körper> 9 </html>

Grundlegende HTML-Tags

Tag-Name	Name	Funktion	Code-Beispiel
`<!DOCTYPE>`	Doctype	Definiert den Dokumenttyp	<!DOCTYPE html>
`<html>`	HTML	Definiert ein HTML-Dokument und startet ein HTML-Dokument.	< html> Gesamter Code</html>
`<Kopf>`	Leiter	Enthält jeglichen Code, der nicht zur Anzeige von Elementen auf der Webseite verwendet wird	< Kopf></Kopf>
`<Titel>`	Titel	Definiert den Titel der Webseite (auf der Registerkarte angezeigt) und wird im Feld <Kopf> eingegeben.	< Titel> Webseite</titel>
`<Körper>`	Gremium	Enthält die sichtbaren Elemente der Webseite (und enthält den Absatz und mehr)	< body> Html-Tags</body>
`<h1> bis <h6>`	Überschriften	Überschriften verschiedener Grösse (<h1> `die` grösste)	< h1> Überschrift</h1>
`<p>`	Absatz	Definiert einen Textabschnitt	< p> TEXT</p>
`<a>`	Anker	Erstellt aktive Links zu anderen Webseiten	< a href="www.domain.com"> Besuchen Sie unsere Website</a>
`<img>`	Bild	Zeigt ein Bild auf der Seite an	< img src="ImageUrl" alt="Text wird angezeigt, wenn das Bild nicht verfügbar ist">
`<br>`	Pause	Fügt einen einzelnen Zeilenumbruch ein	Text < br> Text
`<Zentrum>`	Zentrum	Verschiebt Inhalt in die Mitte der Seite	< Mitte> Code</Zentrum>
`<Skript>`	Skript	Erstellt ein Skript in der Webseite, normalerweise in JavaScript geschrieben	< script> dokument. schreiben("Hallo Welt!")</script>

Verwendung von HTML-Tags

Erstellen einer Webseite

Das Erstellen einer Webseite ist einfach: Sie müssen sich nur die Tags und die Reihenfolge merken, um eine Webseite zu erstellen.

Zuerst müssen Sie eine Stelle finden, an der Sie die HTML-Tags eintippen können (ich empfehle Notepad) und die Tags nach unten tippen.

Hier ist ein weiteres Beispiel für eine HTML-Tag-Seite.

<html>

<Kopf>

<h1> Hallo Welt!</h1>

</Kopf>

<Körper>

<p>

Dies ist eine HTML-Tag-Seite.

</p>

<Fußnote>

Von: *Name hier eintragen*

</Fußzeile>

</html>

Wenn Sie fertig sind, speichern Sie in diesem Format: helloworld.htm

(keine Leerzeichen setzen)

Und Sie sind fertig! Wenn Sie es einmal auf Ihrem Computer gespeichert haben und es drücken, wird es Sie zu Ihrer Webseite in Google schicken!

Fragen und Antworten

F: Was ist HTML?

A: HTML ist eine Auszeichnungssprache, die zur Erstellung von Webseiten mit Schrift, Links, Bildern und audiovisuellen Inhalten verwendet wird.

F: Was ist die Funktion von HTML?

A: Die Funktion von HTML besteht darin, Webbrowsern mitzuteilen, wie Webseiten aussehen sollen, und Metainformationen wie den Namen des Erstellers der Webseite hinzuzufügen.

F: Was sind einige Beispiele für Medien, die in mit HTML erstellte Webseiten eingefügt werden können?

A: Einige Beispiele für Medien, die in mit HTML erstellte Webseiten eingefügt werden können, sind Audiodateien und Videoclips.

F: Wie ergänzt CSS HTML?

A: CSS wird verwendet, um das Aussehen von HTML-Seiten zu verändern.

F: Welche Rolle spielt JavaScript bei der Webentwicklung?

A: JavaScript ist eine wichtige Skriptsprache in der Webentwicklung, da sie Websites vorgibt, wie sie sich verhalten sollen, und das Erscheinungsbild von HTML und CSS verändern kann.

F: Wer ist für die Erstellung von HTML verantwortlich?

A: HTML wird vom World Wide Web Consortium (W3C) entwickelt.

F: Was ist die aktuelle Standardversion von HTML?

A: Im September 2018 ist HTML 5 die neueste Standardversion von HTML in der Version 5.2.