Loslegen

Informatik

Grundlagen der Webentwicklung

CSS

Informatik2.824Aktualisiert 14. Sept. 20262 Seiten

HTML und CSS Tutorial: Tags und Formatierungen

Melden
user profile picture
Kim🐢@kimsofie.h
Zu Google-Quellen hinzufügen
HTML und CSS sind die Grundbausteine jeder Website - HTML sorgt für die Struktur, CSS macht alles schön! Mit diesen beiden Sprachen kannst du bereits richtig coole Webseiten erstellen und verstehen, wie das Internet funktioniert.
HTML & CSS – Seite 1

Melde dich an, um den Inhalt zu sehen.
Kostenlos!

  • Zugriff auf alle Dokumente
  • Verbessere deine Noten
  • Schließ dich Millionen Schülern an

Mit der Anmeldung akzeptierst du die Nutzungsbedingungen und Datenschutzerklärung

HTML - Die Struktur deiner Website

HTML (Hyper Text Markup Language) ist wie das Skelett einer Website. Es besteht aus drei Teilen: Hypertext (Verlinkungen zwischen Seiten), Markup (Strukturierung des Textes) und Language (eine eigene Computersprache).

Tags sind die wichtigsten Bausteine in HTML - sie funktionieren wie Klammern um deinen Inhalt. Jedes Tag hat normalerweise einen Start-Tag <h1> und einen End-Tag </h1>. Du kannst den HTML-Code jeder Website sehen, indem du mit Rechtsklick auf "Quelltext anzeigen" gehst.

Eine HTML-Datei erstellst du ganz einfach: Editor öffnen, Code schreiben und als .html-Datei speichern. Der Grundaufbau ist immer gleich: <!DOCTYPE html> am Anfang, dann <html>, <head> für unsichtbare Infos und <body> für alles, was auf der Website zu sehen ist.

Die wichtigsten Tags kennst du schnell: <h1> für Überschriften, <p> für Absätze, <ul> und <ol> für Listen, <img> für Bilder und <a> für Links. Mit diesen Tags kannst du bereits richtig gute Websites bauen!

Tipp: Probier einfach mal aus! HTML lernt man am besten durch Experimentieren im Browser.

HTML & CSS – Seite 2

Melde dich an, um den Inhalt zu sehen.
Kostenlos!

  • Zugriff auf alle Dokumente
  • Verbessere deine Noten
  • Schließ dich Millionen Schülern an

Mit der Anmeldung akzeptierst du die Nutzungsbedingungen und Datenschutzerklärung

CSS - Das Design deiner Website

CSS (Cascading Style Sheets) macht aus langweiligen HTML-Seiten echte Hingucker! Während HTML die Struktur vorgibt, bestimmt CSS das Aussehen - Farben, Schriftarten, Abstände und Layout.

CSS schreibst du in eine separate Datei und verlinkst sie mit deiner HTML-Datei. So bleibt alles übersichtlich und du kannst das Design mehrerer Seiten zentral steuern. Selektoren wie body, h1 oder table bestimmen, welche HTML-Elemente gestaltet werden sollen.

Mit CSS-Eigenschaften wie color, font-size, background-color und text-align veränderst du das Aussehen komplett. Besonders cool sind Hover-Effekte bei Links - damit reagieren Buttons auf Mausbewegungen.

Das Box-Model ist super wichtig zu verstehen: Jedes Element hat Content, Padding (Innenabstand), Border (Rahmen) und Margin (Außenabstand). Mit margin: auto zentrierst du Elemente automatisch auf der Seite.

Merke dir: CSS folgt dem Prinzip "Cascading" - später definierte Regeln überschreiben frühere Regeln!

Wir dachten schon, du fragst nie...

Unser KI-Begleiter ist ein speziell für Schüler entwickeltes KI-Tool, das mehr als nur Antworten bietet. Basierend auf Millionen von Knowunity-Inhalten liefert er relevante Informationen, personalisierte Lernpläne, Quizze und Inhalte direkt im Chat und passt sich deinem individuellen Lernweg an.

Du kannst die App im Google Play Store und im Apple App Store herunterladen.

Genau! Genieße kostenlosen Zugang zu Lerninhalten, vernetze dich mit anderen Schülern und hol dir sofortige Hilfe – alles direkt auf deinem Handy.

Ähnlicher Inhalt

Informatik

Java Grundlagen und OOP

Entdecken Sie die Grundlagen von Java, einschließlich Datentypen, Arrays, objektorientierter Programmierung (OOP) und Sortieralgorithmen. Diese Zusammenfassung bietet einen klaren Überblick über wichtige Konzepte wie Klassen, Objekte, Konstruktoren, Methoden und Kontrollstrukturen. Ideal für Schüler, die sich auf Informatikprüfungen vorbereiten oder ihre Programmierkenntnisse vertiefen möchten.

121.88220
Informatik

Objektorientierte Programmierung in Java

Entdecken Sie die Grundlagen der objektorientierten Programmierung in Java. Diese Zusammenfassung behandelt zentrale Konzepte wie Klassen, Objekte, Attribute, Methoden, Vererbung, Polymorphismus und Zugriffsmodifikatoren. Ideal für Schüler, die sich auf Prüfungen vorbereiten oder ihre Programmierkenntnisse vertiefen möchten.

105.657212
Steuerung und Kontrolle

Drogenwirkungen und Fahrverhalten

Entdecke die Auswirkungen von Drogen wie Ecstasy, Speed und Halluzinogenen auf das Fahrverhalten. Diese Zusammenfassung behandelt wichtige Themen wie Leistungseinschränkungen, Nachweiszeiten und rechtliche Konsequenzen. Ideal für Fahrschüler und alle, die sich auf die Prüfung vorbereiten.

1129813
Physik

Facharbeit: Schritt-für-Schritt Anleitung

Entdecke eine umfassende Schritt-für-Schritt Anleitung zum Schreiben deiner Facharbeit. Von der Themenfindung über die Gliederung bis hin zu korrektem Zitieren und Korrekturlesen – diese Übersicht bietet dir alle wichtigen Tipps und Techniken, um eine erfolgreiche Facharbeit zu erstellen. Ideal für Schüler und Studenten, die ihre Schreibfähigkeiten verbessern möchten.

95.441167
Biologie

Modellkritik und Analyse

Diese Zusammenfassung behandelt die Grundlagen der Modellkritik, einschließlich der Definition von Modellen, ihrer wesentlichen Eigenschaften und der Bedeutung der kritischen Auseinandersetzung mit Modellen. Erfahren Sie, wie Modelle entwickelt werden, welche Eigenschaften sie abbilden und welche Grenzen sie haben. Ideal für Studierende, die sich mit der Theorie und Analyse von Modellen beschäftigen.

112.86140
Informatik

JAVA Grundbegriffe und Konzepte

Entdecken Sie die grundlegenden Begriffe und Konzepte der JAVA-Programmierung, einschließlich Datentypen, Klassen, Objekten, Methoden und Kontrollstrukturen. Diese Zusammenfassung bietet eine klare Übersicht über die wichtigsten Elemente der objektorientierten Programmierung in JAVA, ideal für Studierende und Programmieranfänger.

85.852302
Mehr anzeigen

Beliebtester Inhalt: Informatik

Informatik

Theorie Anhänger Klasse B

Teil 1 Anhänger

1037610
Informatik

Informatik Abitur 2024: Themenübersicht

Umfassende Themenübersicht für das Abitur 2024 im Fach Informatik. Dieser Lernzettel deckt wichtige Konzepte wie Programmierung in Java, Algorithmen, Datenstrukturen, Datenbanken, Cybersecurity und Verschlüsselungsmethoden ab. Ideal für Schüler, die sich auf das erhöhte Anforderungsniveau vorbereiten. Enthält auch Informationen zu relationalen Datenbanken, SQL-Abfragen und kryptologischen Verfahren.

122.95861
Informatik

Python Lernzettel Informatik

Python Lernzettel (mathematische Operatoren, Variablen, Datentypen, Skripte, Boolesche Operatoren)

109539
Informatik

Globalisierung: Ursachen & Effekte

Entdecken Sie die Ursachen und Auswirkungen der Globalisierung sowie deren Vor- und Nachteile. Diese Zusammenfassung behandelt die Rolle von Kommunikationstechnologie, internationalem Handel und den Einfluss auf Umwelt und Gesellschaft. Ideal für Studierende, die sich mit den komplexen Aspekten der Globalisierung auseinandersetzen möchten.

113958
Informatik

Hexadezimal- und Binärumrechnung

Entdecken Sie die Umrechnung zwischen Hexadezimal-, Binär- und Dezimalsystemen. Diese Zusammenfassung bietet klare Beispiele und Rechenmethoden, um die Umwandlung von Zahlen zu verstehen. Ideal für Studierende der Informatik und Mathematik.

114122
Informatik

Relationale Datenbanken und SQL

Diese Zusammenfassung bietet einen umfassenden Überblick über relationale Datenbanken, einschließlich der Definition von Datensätzen, Attributen, Primär- und Fremdschlüsseln. Erfahren Sie mehr über Anomalien, ER-Diagramme und die Formulierung von SQL-Abfragen, um Daten effizient zu verwalten und zu analysieren. Ideal für Informatik-Abiturienten.

132.66066
Mathe

Excel Formelsammlung

IHK Kaufmännische Zwischenprüfung

1293822
Informatik

Künstliche Intelligenz und Maschinelles Lernen

Entdecken Sie die Grundlagen der Künstlichen Intelligenz und des maschinellen Lernens, einschließlich künstlicher neuronaler Netze und Deep Learning. Diese Zusammenfassung behandelt die Geschichte, Stärken und Schwächen der KI, verschiedene Lernmethoden sowie praktische Anwendungen wie autonomes Fahren. Ideal für Studierende, die sich mit den Konzepten der KI und deren Entwicklung vertraut machen möchten.

107.902198
Informatik

Zahlensysteme und Umrechnungen

Entdecke die Grundlagen der Zahlensysteme: Dezimal-, Dual- und Hexadezimalsystem. Lerne, wie man Zahlen zwischen diesen Systemen umrechnet, mit praktischen Beispielen und Übungen zur Vertiefung. Ideal für Mathematikstudenten und Informatikinteressierte.

111.66363

Beliebtester Inhalt

Deutsch

Heimsuchung Abitur 2026 Lernzettel

Alles über Heimsuchung, Kapitelzusaemfassung, Themen, Deutung, Figurenkonstellation und mögliche Streitfragen

1210.049238
Deutsch

Heimsuchung_JennyErpenbeck_Abitur

Zusammenfassungen für jedes Kapitel, Analysen und Zitate

1219.110365
Deutsch

Abilernzettel Heimsuchung 2025

Figurenkonstellation, Kapitel Zusammenfassung, Charaktere, Motive, Deutungsansätze,

1151.5181.059
Deutsch

Heimsuchung komplette Zusammenfassung

Zusammenfassung des Buches als auch der einzelnen Kapitel und deren Charakteren. Auch tabellarisch. Im Unterricht ohne KI erstellt

129.274204
Lerntipps

Fahrschule Theorieprüfung Essentials

Entdecke die wichtigsten Punkte für die Theorieprüfung in der Fahrschule. Diese Zusammenfassung behandelt Geschwindigkeitsbegrenzungen, Sicherheitsabstände, Verkehrszeichen und wichtige Berechnungen für Reaktions- und Bremswege. Ideal für angehende Fahrer, die sich optimal vorbereiten möchten.

1179.7252.243
Deutsch

Charaktere aus Heimsuchung von Jenny Erpenbeck

Mindmap, Allgemeines, Verlauf

1222.208364
Lerntipps

Führerschein Theorie Wiederholung/Notizen

Schilder, Zeichen, Zahlen, Vorfahrt und mehr - alles für die theoretische Führerscheinprüfung :)

1010.951190
Deutsch

Kapitelzusammenfassung Heimsuchung Jenny Erpenbeck

Zusammenfassung jeder Kapitel, Deutungen und Erklärungen

1217.176207
Deutsch

Heimsuchung - Erpenbeck Kapitelzusammenfassung

Kapitelübersichten von Heimsuchung (Jenny Erpenbeck) mit Seitenanzahl, Kapitelname und Inhaltszusammenfassung

123.68463

Schüler lieben uns, und du auch.

4.6/5App Store
4.7/5Google Play
Stefan SiOS-Nutzer

Die App ist sehr einfach zu bedienen und gut gestaltet. Ich habe bisher alles gefunden, wonach ich gesucht habe, und konnte viel aus den Präsentationen lernen! Ich werde die App definitiv für ein Schulprojekt nutzen! Und natürlich hilft sie auch sehr als Inspiration.

Samantha KlichAndroid-Nutzerin

Diese App ist wirklich super. Es gibt so viele Lernzettel und Hilfen [...]. Mein Problemfach ist zum Beispiel Französisch und die App hat so viele Möglichkeiten zur Hilfe. Dank dieser App habe ich mich in Französisch verbessert. Ich würde sie jedem empfehlen.

AnnaiOS-Nutzerin

Wow, ich bin wirklich begeistert. Ich habe die App einfach mal ausprobiert, weil ich sie schon oft beworben gesehen habe und war absolut beeindruckt. Diese App ist DIE HILFE, die man für die Schule braucht und vor allem bietet sie so viele Dinge wie Übungen und Lernzettel, die mir persönlich SEHR geholfen haben.