HTML

Sublime Text-Editor im Überblick
Sublime Text Editor: Funktion und Anwendung erklärt
  • Web-Entwicklung

Intuitiv, schlicht, flexibel erweiterbar und plattformübergreifend – der Sublime Text Editor gilt als erste Wahl vieler Programmiererinnen und Programmierer und bietet zahlreiche Vorteile. Dazu gehören unter anderem Funktionen wie Mehrzeilenbearbeitung, zahllose integrierte Programmiersprachen, eine Python-API und vieles mehr. Wie funktioniert der Sublime Editor?

Sublime Text Editor: Funktion und Anwendung erklärt
DOCTYPE html
DOCTYPE html: Definition und Beispiele
  • Web-Entwicklung

Der Kennzeichnung DOCTYPE html sollte an der ersten Stelle von HTML-Dokumenten sowie Unterseiten stehen. Mit dem DOCTYPE-Marker verdeutlichen Sie, welche Syntax und Grammatik Sie verwenden. Browser wissen so sofort, um welchen Dokument-Typ es sich handelt. Eine fehlende Kennzeichnung kann zu Problemen mit der Website-Darstellung führen. Erfahren Sie hier alles zu DOCTYPE html.

DOCTYPE html: Definition und Beispiele
CSS in HTML einbinden
CSS in HTML einbinden: Eine Anleitung mit Beispielen
  • Webdesign

HTML und CSS gehören zu den Kernelementen des World Wide Webs und werden oft in Kombination miteinander verwendet. Arbeiten Sie mit einem HTML-Dokument und möchten CSS einbinden, gibt es interne und externe Methoden, mit denen sich die Formatvorgaben für Ihre Textinhalte effektiv umsetzen lassen. Hier finden Sie eine praktische Anleitung mit Beispielen.

CSS in HTML einbinden: Eine Anleitung mit Beispielen
HTML label
HTML-Tag label: Die optimale Lösung für Barrierefreiheit und mehr Usability
  • Web-Entwicklung

Das HTML-Tag label ist ein wichtiger Baustein auf dem Weg zu einer benutzerfreundlichen und barrierefreien Website. Indem es Formular-Elemente beschriftet, erleichtert es die Navigation und erlaubt auch den Einsatz eines Screen-Readers. Hier erfahren Sie, was das label-Tag in HTML leistet, wofür es verwendet wird und wie man es am einfachsten einbaut.

HTML-Tag label: Die optimale Lösung für Barrierefreiheit und mehr Usability
href HTML
a href: So bauen Sie Links auf Ihrer Website ein
  • Web-Entwicklung

Interne und externe Links sind für beinahe jede Onlinepräsenz von großer Bedeutung. Mit a href bauen Sie Links auch auf Ihrer Website ganz bequem ein. In diesem Tutorial zeigen wir Ihnen, wie href-Attribute aufgebaut sind und welche Werte sie haben dürfen. Außerdem lernen Sie praktische Anwendungsbeispiele für href in HTML kennen.

a href: So bauen Sie Links auf Ihrer Website ein
HTML-Tags
HTML-Tags: Ein Überblick über die wichtigsten Befehle
  • Web-Entwicklung

Ohne HTML-Tags kann Ihre Website nicht ordnungsgemäß von den unterschiedlichen Browsern angezeigt werden. Sie strukturieren Ihr Dokument, geben wichtige Informationen weiter und sind so besonders wichtig für Ihre Homepage. Wir zeigen die wichtigsten HTML-Befehle in Tabellenform und erklären, wozu und wie die unterschiedlichen HTML-Tags verwendet werden.

HTML-Tags: Ein Überblick über die wichtigsten Befehle
HTML target
_target: Linkziele definieren in HTML
  • Web-Entwicklung

Möchten Sie Verlinkungen auf Ihrer Website einbauen, können Sie mit dem HTML-Attribut target festlegen, wo der Link geöffnet werden soll. Dabei entscheiden Sie, ob die Nutzer und Nutzerinnen auf Ihrer Onlinepräsenz bleiben oder zur nächsten Website weitergehen sollen. Hier erfahren Sie, wie Sie _target verwenden und was Sie dabei beachten sollten.

_target: Linkziele definieren in HTML
HTML div
div in HTML: Alles Wichtige zur Verwendung des div-Containers
  • Web-Entwicklung

Da das div-Tag keine eigenen semantischen Merkmale hat, wird seit der Einführung von HTML5 sein Einsatz nur dann empfohlen, wenn keine passenderen Elemente verfügbar sind. Hier erfahren Sie alles über den div-Container, lernen anhand praktischer Beispiele, wie er eingesetzt wird, und warum div in HTML kaum noch eine Rolle spielt.

div in HTML: Alles Wichtige zur Verwendung des div-Containers
HTML img
HTML-Tag img: So fügen Sie Bilder auf Ihrer Website ein
  • Web-Entwicklung

Um Bilder und Grafiken in Ihre Website einzubauen, verwenden Sie das HTML-Tag img. Dieses erlaubt es Ihnen, die Bilder einfach zu positionieren. Mit unterschiedlichen Attributen sorgen Sie dann dafür, dass die Grafik optimal in Ihre Seite passt. Wir erklären Ihnen, wie das img-Tag aufgebaut ist und mit welchen Attributen es verwendet werden kann.

HTML-Tag img: So fügen Sie Bilder auf Ihrer Website ein
HTML Attribute
HTML-Attribute: Ein Überblick über die wichtigsten Attribute
  • Web-Entwicklung

HTML-Attribute sind ein wichtiges Werkzeug, um eine Website zu optimieren und das Nutzungserlebnis zu verbessern. Sie hinterlegen Informationen für Elemente oder definieren Gestaltungsmerkmale für diese. Hier erfahren Sie, was HTML-Attribute genau sind und wie sie eingesetzt werden, und erhalten einen Überblick über die gängigsten Attribute.

HTML-Attribute: Ein Überblick über die wichtigsten Attribute