MOOCit

Hypertext Markup Language (HTML)

Version vom 11. März 2024, 12:58 Uhr von Glanz (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{:MOOCit - Oben}} {| align=center {{:D-Tab}} '''HTML Grundlagen''' {{o}} Struktur einer Seite {{o}} Wichtige Tags {{o}} Listen {{o}} Bilder und Multimedia {{o}} Links und Navigation |} = Einleitung = HTML (Hypertext Markup Language) ist die Standardauszeichnungssprache für die Erstellung von Webseiten und Webanwendu…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)



Hypertext Markup Language (HTML)


Einleitung

HTML (Hypertext Markup Language) ist die Standardauszeichnungssprache für die Erstellung von Webseiten und Webanwendungen. Mit Hilfe von HTML können Texte, Bilder, Videos und andere Inhalte strukturiert und für Webbrowser lesbar gemacht werden. In diesem aiMOOC wirst Du einen umfassenden Einblick in die Grundlagen von HTML, die verschiedenen Elemente und Tags, sowie deren Anwendungsmöglichkeiten erhalten. Dieser Kurs ist so gestaltet, dass er Dir nicht nur theoretisches Wissen vermittelt, sondern auch praktische Übungen bietet, um das Gelernte direkt anzuwenden.


Grundlagen von HTML


Was ist HTML?

HTML steht für "Hypertext Markup Language" und ist die Grundlage für die Erstellung von Webseiten. Eine HTML-Seite besteht aus einer Reihe von Elementen, die durch sogenannte Tags gekennzeichnet sind. Diese Tags geben an, wie der Inhalt innerhalb des Elements angezeigt werden soll. HTML-Dateien sind im Grunde Textdateien, die durch Webbrowser interpretiert und als Webseiten dargestellt werden.


Struktur einer HTML-Seite

Die grundlegende Struktur einer HTML-Seite umfasst das <!DOCTYPE html> Tag am Anfang, das den Dokumenttyp definiert, gefolgt von einem <html> Element, das den Anfang und das Ende der Webseite markiert. Innerhalb des <html>-Tags gibt es zwei Hauptteile: <head> und <body>. Der <head>-Bereich enthält Meta-Informationen und Links zu externen Ressourcen, während der <body>-Bereich den eigentlichen Inhalt der Seite enthält.


Wichtige HTML-Tags

Einige wichtige HTML-Tags, die Du kennen solltest, sind:

  1. <title>: Definiert den Titel einer Webseite, der in der Titelleiste des Browsers angezeigt wird.

  2. bis

    : Für Überschriften verschiedener Ebenen.

  3. : Für Absätze.

  4. <a>: Für Hyperlinks.
  5. <img>: Für Bilder.
    6. ,
        ,
      1. : Für ungeordnete bzw. geordnete Listen und deren Listenelemente.
      2. : Für allgemeine Container.


      Interaktive Aufgaben


      Quiz: Teste Dein Wissen

      Was steht die Abkürzung HTML für? (Hypertext Markup Language) (!Hyper Transfer Markup Language) (!Hyperlink Text Markup Language) (!Hyper Tool Markup Language)

      Welches Tag wird für den wichtigsten Titel auf einer Webseite verwendet?

      (

      ) (!<title>) (!

      ) (!

      ) Welches Element definiert einen Absatz in HTML? (

      ) (!) (!

      )

      (!<section>)

      Wie bindet man ein Bild in eine Webseite ein? (<img>) (!<picture>) (!<media>) (!<graphic>)

      Was definiert das <a> Tag in HTML? (Einen Hyperlink) (!Eine Adresse) (!Einen Absatz) (!Ein Bild)

      Welches Tag wird verwendet, um den Titel einer Webseite zu definieren, der in der Browser-Titelleiste angezeigt wird? (<title>) (!<header>)

      (!

      ) (!<meta>) Wie erstellt man eine ungeordnete Liste in HTML? (

Abgerufen von „https://moocit.de/index.php?title=Hypertext_Markup_Language_(HTML)&oldid=74866“