Informatikwiki - htmlcss

html_css_lektion_00

Anonymous (anonymous@undisclosed.example.com) — 2015-10-12T12:52:55+00:00

=> Übersicht: HTML und CSS Lektion 0: Servergrundlagen Einleitung * In unserem Informatik-Kurs wird kein WYSIWYG-Editor eingesetzt werden. * Bearbeitung von Textdateien * Geeignete Editoren: Notepad++ (Win), Bluefish (Linux, Win, Mac), Weitere (Linux, Win, Mac) * Jeder Schüler hat „

html_css_lektion_01

Anonymous (anonymous@undisclosed.example.com) — 2016-02-15T14:08:58+00:00

=> Lektion 0: Servergrundlagen Lektion 1: Einfache Grundlagen und deine erste HTML-Datei [Arbeitsauftrag] Einführung Lies dir die Einführung in die aktuellen Webtechniken unter der Adresse Entwicklung des Internets durch (alle Abschnitte) und beantworte die folgenden Fragen mit eigenen Worten: * Wer war der

html_css_lektion_02

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:23:29+00:00

=> Lektion 1: Einfache Grundlagen und deine erste HTML-Datei Lektion 2: Tags und weitere Möglichkeiten Textauszeichnung mit HTML Der Text in einer HTML-Datei wird durch Tags (Markierung) strukturiert. Dieser steht immer in einer spitzen Klammer. Sein Name beschreibt, wofür dieser steht. Darauf folgt der Text. Zum Schluss wird der Tag wieder geschlossen.

html_css_lektion_02_1

Anonymous (anonymous@undisclosed.example.com) — 2014-08-30T14:30:50+00:00

=> Lektion 2: Tags und weitere Möglichkeiten Lektion 2.1: Kommentare Kommentare... * sind Anmerkungen innerhalb von Programmiersprachen oder Textbeschreibungssprachen. * können von Sprache zu Sprache unterschiedlich aussehen. * werden von der verarbeitenden Software ignoriert und haben keinen Einfluss auf das Ergebnis.

html_css_lektion_02_2

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:23:42+00:00

=> Lektion 2.1: Kommentare Lektion 2.2: Tabellen Tabellen in HTML werden nicht spaltenweise, sondern zeilenweise aufgebaut.

eine Tabelle

Zeile 1 - Spalte 1	Zeile 1 - Spalte 2
Zeile 2 - Spalte 1	Zeile 2 - Spalte 2

html_css_lektion_02_3

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:23:51+00:00

=> Lektion 2.2: Tabellen Lektion 2.3: Attribute Einleitende Tags können zusätzliche Angaben enthalten. Der Wert der sogenannten Attribute wird immer in „ “ angegeben. Beispiel:

Diese Überschrift wird zentriert dargestellt

Durch align=„center

html_css_lektion_03

Anonymous (anonymous@undisclosed.example.com) — 2015-11-09T13:26:27+00:00

=> Lektion 2: Tags und weitere Möglichkeiten Lektion 3: Urheberrechte Das Internet ist trotz seiner anarchistischen Züge kein rechtsfreier Raum! So gilt in Deutschland seit dem 13. September 2003 das neue Urheberrecht im „Gesetz zur Regelung des Urheberrechts in der Informationsgesellschaft

html_css_lektion_04

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:24:10+00:00

=> Lektion 3: Urheberrechte Lektion 4: Schachteln von Tags Tags können bunt gemischt werden, man sagt verschachteln. Ob fett, kursiv oder beides gleichzeitig, das ist kein Problem. Hinweis: Verschachteln ist durchaus wörtlich gemeint. Wie bei Schachteln, die ineinander gestapelt werden, müssen die Tags geöffnet und geschlossen werden, also der zuerst aufgemacht wurde, muss zuletzt geschlossen werden. Als Beispiel:

html_css_lektion_05

Anonymous (anonymous@undisclosed.example.com) — 2014-11-07T14:06:19+00:00

=> Lektion 4: Schachteln von Tags Lektion 5: Einführung in CSS Um weitere Tags und Attribute in HTML verstehen zu können, ist es nun notwendig, einen ersten kleinen Einblick in CSS zu bekommen. Für die Internetseite wurden mit CSS verschiedene Layouts geschaffen, dabei bleibt der Inhalt immer derselbe.

html_css_lektion_06

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:24:32+00:00

=> Lektion 5: Einführung in CSS Lektion 6: DIVs als gruppierende Elemente Mit Hilfe von DIVs ist es möglich, mehrere Elemente zu einem Bereich zusammenzufügen. Es wird lediglich in einer neuen Zeile des Fließtextes begonnen. So ist der div-Container nicht nur zur Formatierung mit Hilfe von

html_css_lektion_07

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:24:53+00:00

=> Lektion 6: DIVs als gruppierende Elemente Lektion 7: Attribute in HTML sprechen Selektoren im CSS an Wichtige Attribute in HTML ... ...zur Layoutgestaltung mit CSS: In der HTML-Datei muss man entsprechend kennzeichnen, welche Stil-Elemente man verwenden möchte. Dafür gibt es verschiedene Attribute, welche in den

html_css_lektion_08

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:25:11+00:00

=> Lektion 7: Attribute in HTML sprechen Selektoren im CSS an Lektion 8 - Besonderheiten der Positionierung float Mit Hilfe von float kann die Ausrichtung von Elementen geschehen. Normalerweise ist die Reihenfolge untereinander, mit Hilfe von float geht das aber auch nebeneinander. Beispiel: Bildreihe Speichere diese Dateien in einem gemeinsamen Ordner ab und öffne die Datei

html_css_lektion_z1

Anonymous (anonymous@undisclosed.example.com) — 2014-10-24T13:25:24+00:00

=> Lektion 8 - Besonderheiten der Positionierung Abschlussübung HTML Vorbereitung der Werkzeuge Installiere die Firefox Erweiterungen * Web Developer Toolbar: * Firebug: für Mozilla Firefox. Übung 12 Erstelle aus der Textdatei und dem Bild in der Datei eine HTML-Seite, welche die folgenden Bedingungen erfüllt:

html_css_lektion_z2

Anonymous (anonymous@undisclosed.example.com) — 2014-08-31T12:49:40+00:00

=> Abschlussübung HTML Zusatzübungen und interessante Infos Übungen * Erstelle deine erste Homepage * Lies dir die unten stehende Liste zu den Links/Verweisen durch und probiere das ein oder andere Beispiel auf deiner Homepage aus. * Erstelle mit GIMP oder einem anderen Bildbearbeitungsprogramm ein

start

Anonymous (anonymous@undisclosed.example.com) — 2022-05-01T10:12:43+00:00

HTML und CSS Teil 1: HTML * Lektion 0 - Servergrundlagen * Lektion 1 - Einfache Grundlagen und deine erste HTML-Datei * Lektion 2 - Tags und weitere Möglichkeiten * Lektion 2.1 - Kommentare * Lektion 2.2 - Tabellen * Lektion 2.3 - Attribute & Hyperlinks * Lektion 3 - Urheberrechte * Lektion 4 - Schachteln von Tags Teil 2: CSS * Lektion 5 - Einführung in CSS * Lektion 6 - DIVs als gruppierende Elemente * Lektion 7 - Attribute in HTML sprechen Selektoren im CSS an * …