Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

HTML-Workshop1 HTML-Workshop: Tabellen Hani Sahyoun Rechenzentrum Universität Hohenheim.

Ähnliche Präsentationen


Präsentation zum Thema: "HTML-Workshop1 HTML-Workshop: Tabellen Hani Sahyoun Rechenzentrum Universität Hohenheim."—  Präsentation transkript:

1 HTML-Workshop1 HTML-Workshop: Tabellen Hani Sahyoun Rechenzentrum Universität Hohenheim

2 HTML-Workshop2 Tabellen in HTML: Grundelemente : Anfang der Tabelle : Ende der Tabelle Anfang Tabellenüberschrift Ende Tabellenüberschrift

3 HTML-Workshop3 Tabellen in HTML: Grundelemente : Beginn einer neuen Zeile : Ende einer Tabellenzeile : Kopfzelle (Spaltenüberschrift) : Datenzelle

4 HTML-Workshop4 Tabellen in HTML: Aufbau einer Tabelle aus 3 Spalten und 3 Zeilen Tabellenüberschrift> Kopfzelle: 1. Zeile, 1. Spalte Kopfzelle: 1. Zeile, 2. Spalte Kopfzelle: 1. Zeile, 3. Spalte

5 HTML-Workshop5 Tabellen in HTML: Aufbau einer Tabelle Datenzelle: 2. Zeile, 1. Spalte Datenzelle: 2. Zeile, 2. Spalte Datenzelle: 2. Zeile, 3. Spalte

6 HTML-Workshop6 Tabellen in HTML: Aufbau einer Tabelle Datenzelle: 3. Zeile, 1. Spalte Datenzelle: 3. Zeile, 2. Spalte Datenzelle: 3. Zeile, 3. Spalte

7 HTML-Workshop7 Tabellen in HTML: Aufbau einer Tabelle So sieht die Tabelle aus: Tabellenüberschrift

8 HTML-Workshop8 Tabellen in HTML: Besondere Attribute Rahmendicke, Zellenabstand, Textabstand

9 HTML-Workshop9 Tabellen in HTML: Besondere Attribute Hinweis: Alle Größenangaben sind in Pixel = Bildpunkte auf dem Bildschirm Beispiel:

10 HTML-Workshop10 Tabellen in HTML: Besondere Attribute Höhe und Breite von Tabellenzellen: Höhe und Breite einer Kopfzelle: Höhe und Breite einer Datenzelle:

11 HTML-Workshop11 Tabellen in HTML: Besondere Attribute Horiz. Ausrichtung: links, zentriert und rechts Beispiele:

12 HTML-Workshop12 Tabellen in HTML: Besondere Attribute Vertikale Ausrichtung: oben, mitte und unten Beispiele:

13 HTML-Workshop13 Tabellen in HTML: Besondere Attribute Hintergrundfarbe für gesamte Tabelle Beispiele: (grün)

14 HTML-Workshop14 Tabellen in HTML: Besondere Attribute Farben von Tabellenzellen und -text Text Beispiele: zu Farbangaben: Weißer Text

15 HTML-Workshop15 Tabellen in HTML: Besondere Attribute Farben von Tabellenzellen und -text Hinweis: Farbangaben können auch im rgb-Code erfolgen (s. Beispiele: (Hintergrund blau) Weißer Text

16 HTML-Workshop16 Tabellen in HTML: Zellen in einer Zeile oder Spalte verbinden

17 HTML-Workshop17 Tabellen in HTML: Zellen in einer Zeile oder Spalte verbinden Beispiel 1: Zellen in einer Zeile verbinden Zelle, die sich über 2 Spalten erstreckt Inhalt der ersten Zelle unter der erstreckten Zelle Inhalt der zweiten Zelle unter der erstreckten Zelle

18 HTML-Workshop18 Tabellen in HTML: Zellen in einer Zeile oder Spalte verbinden Zelle über 2 Spalten Zelle So sieht die Tabelle aus Zelle

19 HTML-Workshop19 Tabellen in HTML: Zellen in einer Zeile oder Spalte verbinden Beispiel 2: Zellen in einer Spalte verbinden Zelle, die sich über 2 Zeilen erstreckt Inhalt der ersten Zelle neben der erstreckten Zelle Inhalt der zweiten Zelle neben der erstreckten Zelle

20 HTML-Workshop20 Tabellen in HTML: Zellen in einer Zeile oder Spalte verbinden So sieht die Tabelle aus Zelle über 2 Zeilen Zelle


Herunterladen ppt "HTML-Workshop1 HTML-Workshop: Tabellen Hani Sahyoun Rechenzentrum Universität Hohenheim."

Ähnliche Präsentationen


Google-Anzeigen