Inhaltsverzeichnis
- Nützliche Links
- Aufgaben
- HTML-Basics III
- Clickable Photo Page
- Themen
- Tabellen
- Übung von heute
- Lernen
- Übungen
- CSS
- Übung von heute
- Lernen
- Allgemein
- Text
- Hintergrund
- Tabellen
- Fotos
Nützliche Links
- Selfhtml (deutsch)
- w3schools (englisch)
- codecademy (englisch)
- validator.w3.org (englisch)
- wifi lernplattform
Aufgaben
HTML-Basics III
Aufgabe auf der Lernplattform: HTML-Basics III
Gehe auf die Seite https://www.codecademy.com/learn/web und erarbeite dir in Unit III die Lesson „Clickable Photo Page“.
Lade hier dann deinen Screenshot herauf, bei dem man deinen Namen und das entsprechende Badget sieht.
Direkter Link zur Übung: https://www.codecademy.com/courses/web-beginner-en-f8mcL/0/1
Clickable Photo Page
Aufgabe auf der Lernplattform: Clickable Photo Page
Gehe auf die Seite https://www.codecademy.com/learn/web und erarbeite dir in Unit III die Lesson „Clickable Photo Page“.
Lade hier dann deinen Screenshot herauf, bei dem man deinen Namen und das entsprechende Badget sieht.
Direkter Link zur Übung: https://www.codecademy.com/courses/web-beginner-en-zrZ6c/0/1
Themen
Tabellen
| <table> | Defines a table Definiert eine Tabelle |
| <th> | Defines a header cell in a table Definiert eine Überschriftenzelle in einer Tabelle |
| <tr> | Defines a row in a table Definiert eine Reihe in einer Tabelle |
| <td> | Defines a cell in a table Definiert eine Zelle in einer Tabelle |
| colspan | number | Specifies the number of columns a cell should span Spezifiziert die Anzahl an Spalten, die eine Zelle umspannen soll |
| rowspan | number | Sets the number of rows a cell should span Setzt eine Anzahl an Spalten fest, die eine Zelle umspannen soll |
Übung von heute
(Link zur Übung einfügen)
Lernen
- Tabellen – w3schools (englisch)
- Aufbau einer Tabelle – selfhtml (deutsch)
- Zellen verbinden – selfhtml (deutsch)
Übungen
- http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td (englisch)
- http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_test (englisch)
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_headings (englisch)
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_colspan (englisch)
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_rowspan (englisch)
- http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_span (englisch)
CSS
Übung von heute
http://codepen.io/anon/pen/reYKvr
Lernen
Allgemein
- http://www.w3schools.com/css/css_syntax.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Syntax (deutsch)
- http://www.w3schools.com/cssref/sel_class.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor (deutsch)
- http://www.w3schools.com/cssref/sel_element.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Selektoren/Typselektor (deutsch)
Text
- http://www.w3schools.com/cssref/pr_text_color.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textformatierung/color (deutsch)
- http://www.w3schools.com/cssref/pr_text_text-align.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textausrichtung/text-align (deutsch)
- http://www.w3schools.com/css/css_font.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font (deutsch)
- http://www.w3schools.com/cssref/pr_font_font-family.asp (englisch)
- https://wiki.selfhtml.org/wiki/Font-family (deutsch)
Hintergrund
- http://www.w3schools.com/css/css_background.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background (deutsch)
- http://www.w3schools.com/cssref/pr_background-color.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-color (deutsch)
- http://www.w3schools.com/cssref/pr_background-image.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image (deutsch)
- http://www.w3schools.com/cssref/pr_background-position.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-position (deutsch)
- http://www.w3schools.com/cssref/pr_background-repeat.asp (englisch)
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-repeat (deutsch)
Schreibe einen Kommentar