Jörg Thomaschewski - Internet-Grundlagen
4.4 HTML Hinweise und Tipps
Suche wird initialisiert
    • Home
    • 1. Die Geschichte des Internets
    • 2. Linux
      • 2.1 Die Geschichte von Linux
      • 2.2 Wichtige Linux-Konzepte
      • 2.3 Erstes Login auf dem Linux-Server
      • 2.4 Erste Schritte im Dateisystem
      • 2.5 Linux-Befehle
      • 2.5.1 Paketverwaltung
      • 2.5.2 Dateisystembefehle und Operatoren
      • 2.5.3 Text- und Dateibearbeitung
      • 2.5.4 Systemverwaltung
      • 2.5.5 Finden und Ersetzen
      • 2.5.6 Rechte ändern
      • 2.5.7 Systeminformationen
      • 2.5.8 Prozessmanagement
      • 2.5.9 Archivierungs- und Komprimierungsbefehle
      • 2.5.10 Netzwerkbefehle
      • 2.6 Bash
      • 2.7 Dateisysteme und Linux
      • 2.7.1 Dateisystem-Hierarchie und Struktur
      • 2.7.2 Wichtige Dateisysteme
      • 2.7.3 Dateisystemoperationen
      • 2.7.4 Festplatten und ihre Lebensdauer
      • 2.7.5 Festplattenverbund
      • 2.8 Selbsttest zu Linux
    • 3. Mediennetzwerke
      • Die Geschichte der Mediennetzwerke
      • Beispiele warum Netzwerkwissen wichtig ist
      • Generelle Netzwerktopologien und Netzwerktypen
      • ISO/OSI Schichtenmodell
      • Netzwerkprotokolle
      • MAC und IP-Adressen
      • Grundlegende Linux-Netzwerkbefehle
      • Netzwerkhardware
      • Netzwerksicherheit
      • Netzwerkmanagement
    • 4. HTML
      • 4.1 HTML-Grundlagen und Metadaten
      • 4.1.1 Sinn und Zweck von HTML
      • 4.1.2 Entstehung von HTML und W3C
      • 4.1.3 Einführung in die HTML-Syntax
      • 4.1.4 Elemente im HTML-Header
      • 4.1.5 Attribute zum Header-Element meta
      • 4.1.6 Selbsttest zu HTML-Grundlagen und Metadaten
      • 4.1.7 Wissen anwenden: HTML-Metadaten
      • 4.2 Ein HTML-Dokument erstellen
      • 4.2.1 HTML-Seitenstruktur
      • 4.2.2 HTML-Seitenstruktur 2
      • 4.2.3 HTML-Seitenstruktur im Überblick
      • 4.2.4 HTML-Struktur: Kommentare, Zeilenumbrüche und Absätze
      • 4.2.5 HTML-Struktur: Listen
      • 4.2.6 HTML-Struktur: Elemente für Formatierungen
      • 4.2.7 Links und Anker im HTML-Dokument
      • 4.2.8 Grafiken einbinden
      • 4.2.9 Die Elemente figure und figcaption nutzen
      • 4.2.10 SVG-Grafiken verwenden
      • 4.2.11 Medien einbinden
      • 4.2.12 Tabellen erstellen
      • 4.2.13 Weitere HTML-Elemente
      • 4.2.14 Selbsttest zu HTML-Dokument erstellen
      • 4.3 HTML-Formulare
      • 4.3.1 Formulare erstellen
      • 4.3.2 Eingabefelder input
      • 4.3.3 Attribute für das input-Element
      • 4.3.4 Radio Buttons und Checkboxen
      • 4.3.5 Eingabebereiche textarea
      • 4.3.6 Auswahllisten select
      • 4.3.7 Buttons und Absenden von Formularen
      • 4.3.8 Selbsttest zu HTML-Formulare
      • 4.4 HTML Hinweise und Tipps
      • 4.4.1 Responsive Design und Mobile First
      • 4.4.2 Konventionen über Dateinamen
      • 4.4.3 Sonderzeichen und Umlaute
      • 4.5 Zusammenfassung Kapitel HTML
      • 4.5.1 Selbsttest zum gesamten Kapitel HTML
      • 4.5.2 Aufgabe zum Kapitel HTML
    • 5. DOM
      • 5.1 Einführung in das Document Object Model
      • 5.2 Grundlagen von DOM
      • 5.3 Navigieren im DOM-Baum
      • 5.4 Anwendungsbeispiele
      • 5.5 Selbsttest zum gesamten Kapitel DOM
    • 6. CSS
      • 6.1 Einführung in Cascading Style Sheets (CSS)
      • 6.2 Grundlagen der CSS-Formatierung
      • 6.2.1 CSS-Syntax und Befehle definieren
      • 6.2.2 CSS in HTML einbinden – Möglichkeiten
      • 6.2.3 Fazit: CSS in HTML einbinden
      • 6.2.4 Kommentare im Stylesheet
      • 6.2.5 CSS-Formate auf HTML-Elemente anwenden
      • 6.2.6 Gruppierung
      • 6.2.7 Verschachtelung
      • 6.2.8 Sammeleigenschaften
      • 6.2.9 Die Elemente `div` und `span`
      • 6.2.10 Klassenselektoren
      • 6.2.11 ID-Selektoren – Individualformate definieren
      • 6.2.12 Der Unterschied zwischen Klassen und IDs
      • 6.2.13 Pseudoklassen
      • 6.2.14 Selektoren und Spezifität
      • 6.2.15 Exkurs: Eigenschaftswerte, Längenmaße, Farben, Schlüsselwörter
      • 6.2.16 Selbsttest zu Grundlagen der CSS-Formatierung
      • 6.3 Erweiterung der CSS-Formatierung
      • 6.3.1 Hintergrundformatierung
      • 6.3.2 Schriftformatierung
      • 6.3.3 Absätze und Ausrichtungen
      • 6.3.4 Listenformatierung
      • 6.3.5 Selbsttest zu Erweiterung der CSS-Formatierung
      • 6.4 Positionieren von CSS-Elementen
      • 6.4.1 Größe von Elementen
      • 6.4.2 Positionierung von Elementen
      • 6.4.3 Anzeigeoptionen für Elemente
      • 6.4.4 Rahmengestaltung
      • 6.4.5 Außenabstand (`margin`)
      • 6.4.6 Innenabstand (`padding`)
      • 6.4.7 Formulare formatieren
      • 6.4.8 Das Box-Modell
      • 6.4.9 CSS Float
      • 6.4.10 CSS Flexbox – Basiskonzept
      • 6.4.11 CSS Flexbox – Verteilung auf Hauptachse und Querachse
      • 6.4.12 CSS Multiline Flexbox
      • 6.4.13 Selbsttest zu Positionieren von CSS-Elementen
      • 6.5 CSS-Tipps
      • 6.5.1 Normalize.css
      • 6.5.2 Strukturierter Aufbau einer CSS-Datei
      • 6.5.3 SCSS, Sass und Less
      • 6.6 Selbsttest, Aufgabe und Zusammenfassung zum Kapitel CSS
    • 7. JavaScript
      • 7.1 Einführung in JavaScript
      • 7.2 JavaScript in HTML einbinden
      • 7.3 Grundprinzipien der Programmierung
      • 7.3.1 Variablen
      • 7.3.2 Arrays
      • 7.3.3 Operatoren
      • 7.3.4 Umwandlung von Variablentypen
      • 7.3.5 If und Switch
      • 7.3.6 Schleifen
      • 7.3.7 Funktionen
      • 7.3.8 Selbsttest zu Grundprinzipien der Programmierung
      • 7.4 Objektorientierung in JavaScript
      • 7.4.1 Objektorientierte Programmierung
      • 7.4.2 Objekte mit Object Literals erstellen
      • 7.4.3 Objekte mit Konstruktor-Funktionen erstellen
      • 7.4.4 Objekte über Class-Klassen erstellen
      • 7.4.5 Vererbung in JavaScript
      • 7.4.6 Callbacks
      • 7.4.7 Selbsttest OOP
      • 7.5 JavaScript in der Praxis
      • 7.5.1 Einfache Beispiele mit window-Objekt
      • 7.5.2 Weitere einfache Beispiele
      • 7.5.3 Formulare I: Vollständigkeit prüfen
      • 7.5.4 Formulare II: Besondere Überprüfungen
      • 7.5.5 Grafiken einsetzen
      • 7.6 Zusammenfassung Kapitel JavaScript

    4.4 HTML Hinweise und Tipps

    Gliederung

    4.4.1 Responsive Design und Mobile First
    4.4.2 Konventionen über Dateinamen
    4.4.3 Sonderzeichen und Umlaute

    Das Kapitel HTML Hinweise und Tipps enthält Informationen und Best Practices für gutes HTML. Es behandelt die Bedeutung von responsivem Design und mobiler Optimierung sowie Konventionen bei Dateinamen und die korrekte Behandlung von Sonderzeichen.

    Zurück
    4.3.8 Selbsttest zu HTML-Formulare
    Weiter
    4.4.1 Responsive Design und Mobile First
    © 2023-2024 für alle Inhalte Jörg Thomaschewski --- Impressum --- Datenschutzerklärung
    Made with Material for MkDocs