Was ist HTML?

HTML (Hypertext Markup Language) ist die Standard-Auszeichnungssprache zur Erstellung von Webseiten und Webanwendungen. Sie definiert die Struktur und den Inhalt einer Webseite durch die Verwendung von Elementen und Tags, die Text, Bilder, Links, Multimedia und andere Inhalte organisieren und darstellen. HTML bildet das Grundgerüst jeder Webseite und wird von Webbrowsern entsprechend so interpretiert, dass die angeforderten Seiten korrekt dargestellt werden können.

 

Beispiele für HTML-Elemente und ihre jeweilige Verwendung

  1. Überschriften (<h1> bis <h6>)

Diese Tags (h=headline) definieren Überschriften unterschiedlicher Hierarchieebenen auf einer Webseite. Zum Beispiel wird <h1> für die Hauptüberschrift und <h2> bis <h6> für Unterüberschriften verwendet. Eine typische Verwendung könnte so aussehen: <h1>Willkommen auf meiner Webseite</h1>.

  1. Absätze (<p>)

Das <p>-Tag (p=paragraph) wird verwendet, um Textabsätze zu definieren. Ein einfacher Absatz könnte folgendermaßen aussehen: <p>Das ist ein Beispiel für einen Absatz.</p>.

  1. Links (<a>)

Das <a>-Tag (a=anchor) erstellt Hyperlinks zu anderen Webseiten oder Ressourcen. Ein Link könnte wie folgt aussehen: <a href="https://www.beispiel.de">BesucheBeispiel.de</a>.

  1. Bilder (<img>)

Das <img>-Tag (img=image) bindet Bilder in eine Webseite ein. Es benötigt mindestens das Attribut src (Source) zur Angabe der Bilddatei. Ein Beispiel könnte so aussehen: <imgsrc="bild.jpg" alt="Beispielbild">.

  1. Listen (<ul>, <ol>, <li>)

Diese Tags erstellen ungeordnete (unordered) und geordnete (ordered) Listen. Ein Beispiel für eine ungeordnete Liste: <ul><li>Punkt 1</li><li>Punkt2</li></ul>. Eine geordnete Liste wird mit <ol> erstellt: <ol><li>Punkt 1</li><li>Punkt2</li></ol>.

 

Fazit zu HTML

HTML ist die Grundlage jeder Website und spielt eine entscheidende Rolle bei der Strukturierung und Darstellung von Webinhalten. Durch die Verwendung von HTML-Elementen wie Überschriften, Absätzen, Links, Bildern und Listen können Entwickler ansprechende und funktionale Websites und Unterseiten erstellen. HTML ist leicht zu erlernen und bildet die Basis für fortgeschrittene Webtechnologien wie CSS und JavaScript, die das Design und die Interaktivität von Webseiten verbessern. 

Ihr seid auf der Suche nach Expert:innen, die euch bei der Erstellungeiner ansprechenden und funktional durchdachten Website behilflich sind?Kontaktiert uns für ein unverbindliches Erstgespräch und lasst uns gemeinsam eureVisionen verwirklichen.

Zurück zum Glossar

Passendene Blogartikel

Technologie

Das Cynefin Framework

Modelle machen schwer verständliches greifbar. Das Cynefin-Framework erklärt auf sehr verständliche Weise warum Projekte ab einer gewissen Größe agile und leane Prozesse erfordern. Und warum das Modell „Wasserfall“ dort nicht effektiv funktionieren kann. Im Kern geht es bei Cynefin darum Situationen bzw. Systeme zu verstehen und richtig darauf zu reagieren. Die Grundlage bildet die Einordnung der Systemwahrnehmung in 5 Felder, für die je nach Art des Systems jeweils ein Handlungsmuster empfohlen wird. Das Cynefin-Framework stammt von Dave Snowden, einem walisischen Wissenschaftler und Unternehmensberater. Das Wort „Cynefin“ ist walisisch und bedeutet in etwa „Lebensraum“ oder „Herkunft“. Wobei die eigentliche Bedeutung eher eine Herkunft bzw. Vorgeschichte in verschiedenen Kontexten gleichzeitig beschreibt, also z.B. familiär, beruflich oder sozial.

Mehr Erfahren
Technologie

Selbsttest: Wie barrierefrei ist meine Website?

Barrierefreiheit von Website ist nicht nur rechtliche Notwendigkeit, sondern auch ein Zeichen von Inklusivität und Nutzerorientierung. Um die Zugänglichkeit Ihres Online-Auftritts schnell zu überprüfen, bietet sich ein einfacher Selbsttest an.

Mehr Erfahren
Technologie

TYPO3: Flexibel, sicher und vielseitig – auch für anspruchsvolle Webprojekte

Viele Unternehmen setzen bei der Umsetzung ihrer Website auf TYPO3; und das aus gutem Grund! Wir wollen euch zeigen, was die Vorzüge von TYPO3 letztlich sind.

Mehr Erfahren