Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt.

Slides:



Advertisements
Ähnliche Präsentationen
Einführung in HTML (Hypertext Markup Language)
Advertisements

HyperText Markup Language
IrfanView starten Doppelklick Es erscheint dieses Fenster.
HTML Silla Plump, 2009.
GridBagLayout Richard Göbel.
Objekte Objekte sind Elemente, die man mit dem Programm bearbeiten kann. Zellen Zeilen Spalten Bereiche, z. B. C2 : F18 Rechenblätter Stefan Wiedemann.
XHTML 1.1 C. Nimz Abstrakte Module XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter.
ExKurs FormatF 1/5 Dr. Barbara Hoffmann LiteraturKompetenz Fußnote: Einrichten und formatieren Der Fußnotentext enthält oft nicht nur einen.
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
1 Nutzen Sie diese Powerpoint-Präsentation beim Selbstlernen oder in Veranstaltungen zur Einführung in das jeweilige Thema. Einführung Lernmodul Nutzungsbedingungen:
Die Hilfeanleitung findest du auch in den Notizen unter der Folie
DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.
Textfelder, Grafiken,... Verschieden Übungen Schreibe als Untertitel:
Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander.
Übung Kapitel 9 Übungsinhalte: Einfügen von Formen und Textfeldern.
Übersicht Auf den folgenden Seiten wird Ihnen anhand einer kleinen Abteilung gezeigt, wie Sie PQM an Ihre Bedürfnisse anpassen können. Mitarbeiter einrichten.
Hinweis: Falls Ihr Dokument in einer «Geschützten Ansicht» angezeigt wird, klicken Sie auf die Schaltfläche «Bearbeitung aktivieren». Danach stehen Ihnen.
11. Tabellen 11.1 Grundlegende Tabellenbearbeitung
Tabellenkalkulation mit Excel
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
PPS-Veranstaltung (Design einer eigenen WWW-Homepage) Navigationsmechanismen.
Aufbau einer Tabelle <table>: leitet Tabelle ein
Einbinden von Grafiken
HTML-Tags Spitze Klammern = Tags
Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)
Aufbau der Stylesheet-Angabe Eigenschaft Eigenschaft das was man formatieren möchte Wert Wert Farbangaben, Einheiten oder Schlüsselworte Deklaration Kombination.
Was bedeutet Block-Element?
Zellformatierung als 3D-Ansicht Herbers Excel-Server - der Workshop Angebote des Excel-Servers: Die Excel/VBA-Beispiele Die Excel/VBA-BeispieleDie Excel/VBA-BeispieleDie.
kleines Repetitorium 2.Teil
Befehle zur physischen Formatierung
1 Nutzen Sie diese Powerpoint-Präsentation beim Selbstlernen oder in Veranstaltungen zur Einführung in das jeweilige Thema. Einführung Lernmodul Nutzungsbedingungen:
1 Nutzen Sie diese Powerpoint-Präsentation beim Selbstlernen oder in Veranstaltungen zur Einführung in das jeweilige Thema. Einführung Lernmodul Nutzungsbedingungen:
Mit Power-Point HTML-Dokumente erstellen
HTML HyperText Markup Language Die Programmiersprache des WWW
Textfelder, Grafiken,... Schreibe als Untertitel:
Titel, Untertitel, Fußzeile
Die Sprache des WWW: HTML (HyperText Markup Language)
HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Grete Kugler Webdesign - Teil 2 Tabellen und Listen Bilder.
GDS1 – Computertechnik HTML-Grundlagen <html> <head>
Vortrag: Frames & Javascript.
Textfelder, Grafiken,.... Autoformen Verwende für das Rechteck eine hellgelbe Füllfarbe und eine rote Linie mit der Stärke 3 pt. Ändere die Breite auf.
Hypertext Markup Language
Materialien zur Fortbildungsreihe C für die Informatik in SII
ÜBERSCHRIFTEN <H1> Überschrift 1 </H1>
Hypertext Markup Language
Textfelder, Grafiken,... Schreibe als Untertitel:
Was ist eine Excel-Tabelle? Aus: Von Ulrich Rapp.
HTML Hypertext Markup Language
Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)
(X)HTML und Tags. HTML - XHTML HTML wird seit 1999 nicht mehr weiterentwickelt. XHTML basiert auf XML und befolgt XML Syntaxregeln. Im weiteren Kursverlauf.
DREAMWEAVER MODUL DRWMX_0203 WEBDESIGN MODUL DRW_02 h.huetter 1 Dreamweaver MX - Tabellen Teil 3 Den Schriftstil ändern Um die CSS-Formatierungen auch.
ExKurs EinfG 1/13 Dr. Barbara Hoffmann LiteraturKompetenz Objekte einfügen: Tabellen Mit dem elektronischen Schreiben ist es Ihnen leicht gemacht,
J. Nürnberger1 HTML Hypertext Markup Language Grundlagen.
DREAMWEAVER - TABELLEN MODUL DRWMX_0201 WEBDESIGN MODUL DRW_02 h.huetter 1 Dreamweaver MX - Tabellen Teil 1 Eine Tabelle mit Dreamweaver erstellen 1. Menü:
HTML-Workshop: Tabellen
Pool Informatik 5 GZG FN Sj. 11/12
MAYA KINDLER 6C TABELLEN. ALLGEMEINES Man stellt Zusammenhänge dar table- tag = Beginn der Tabelle Tr- tag = neue Reihe (table row) Td-tag = table data.
World Wide Web Internetdienst Besteht aus HTML-Seiten Hypertext Transfer Protocol Plattform- und Systemübergreifend Für CERN-Konferenz entwickelt (Übertragung.
Tabellen im Word Als erstes müsst ihr das Microsoft Word starten.
Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,
Formatieren von Arbeitshilfen und Dokumentationen
Einführung in die Objektorientierung
Einführung Prof. Peter Altmann
Lernmodul Einführung Nutzen Sie diese Powerpoint-Präsentation beim Selbstlernen oder in Veranstaltungen zur Einführung in das jeweilige Thema. Nutzungsbedingungen:
 Präsentation transkript:

Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt den URI einer Hintergrundgrafik an bgcolor #Farbnummer gibt die Hintergrundfarbe an text #Farbnummer gibt die Farbe der Schrift an link #Farbnummer gibt die Farbe der nicht besuchten links an alink #Farbnummer gibt die Farbe der aktiven links an vlink #Farbnummer gibt die Farbe der schon besuchten links an

Tabellen=Table Der Table-TAG Attribut Wert Beschriebung align left | center | right richtet die Tabelle aus border Pixelanzahl gibt an, wie dick der Rahmen ist, 0=kein bgcolor #Farbnummer gibt die Hintergrundfarbe an width pixel oder % gibt die Breite der Tabelle an

Zeilen und Spalten <tr> leitet eine Zeile ein, in dieser Zeile müssen verschiedene Spalten vorhanden sein. Der Befehl <td> leitet eine Spalte ein. In jeder Zeile müssen gleich viele Spalten vorhanden sein. Sie legen deshalb in der ersten Zeile, durch definieren von Zellen, die Spaltenanzahl fest. MÜSSEN IMMER ZWISCHEN DEM TABLE-TAG STEHEN!

Kopfzellen Durch den Befehl <th> werden Kopfzellen festgelegt. Sie werden wie Spalten in eine Zeile eingefügt. Sie werden je nach Browser anders hervorgehoben. MUSS IMMER ZWISCHEN DEM TABLE-TAG STEHEN!

Reihenfolge Die Reihenfolge der Tabellenelemente darf nicht vertauscht werden. Als erstes wird durch den <table> TAG eine Tabelle eingeleidet. Also zweites wird eine Zeile (<tr>) geöffnet, in der dann entweder die Kopfzellen <th> oder die normalen Spalten <td> eingefügt werden.

Tabelle <table border="1" bgcolor="yellow"> <tr> <th>1Kopfzelle</th><th>2.Kopfzelle</th><th>3.Kopfzelle</th> </tr> <td>1.Zelle</td><td>2.Zelle</td><td>3.Zelle</td> <td>4.Zelle</td><td>5.Zelle</td><td>6.Zelle</td> </table>

Zellen formatieren Die Zellen können jetzt noch verändert werden. Sie können in ihrer Farbe, in der Ausrichtung verändert oder auch zusammengefasst werden.

Veränderungen von <tr> (Zeilen) Attribut Wert Beschriebung align left | center | right richtet die Tabellenzelle horizontal aus valign top | middle | bottom | baseline richtet die Tabellenzelle vertikal aus bgcolor #Farbnummer gibt die Hintergrundfarbe an

Veränderungen von <th> <td> Bei den TAGs <th> (Kopfzellen) und <td> (Spalten) werden fast die gleichen Attribute verwendet. Attribut Wert Beschriebung align left | center | right richtet die Tabellenzelle horizontal aus valign top | middle | bottom | baseline richtet die Tabellenzelle vertikal aus bgcolor #Farbnummer gibt die Hintergrundfarbe an width pixel oder % gibt die Breite der Tabelle an height pixel gibt die Höhe der Tabelle an

Zellen zusammenfassen colspan bestimmt, über wie viele Spalten sich die aktuelle Zelle erstrecken soll rowspan bestimmt, über wie viele Zeilen sich die aktuelle Zelle erstrecken soll

Spalten zusammenfassen <table border="1" bgcolor="yellow"> <tr> <th>1Kopfzelle</th><th>2.Kopfzelle</th><th>3.Kopfzelle</th> </tr> <td colspan=„3“>1.+2.+3.Zelle</td> <td>4.Zelle</td><td>5.Zelle</td><td>6.Zelle</td> </table>

Zeilen zusammen-fassen <table border="1" bgcolor="yellow"> <tr> <th>1Kopfzelle</th><th rowspan="3">2.Kopfzelle + 2.+ 5. Zelle</th><th>3.Kopfzelle</th> </tr> <td>1.Zelle</td> <td>3.Zelle</td> <td>4.Zelle</td> <td>6.Zelle</td> </table>

Nachschlagen http://de.selfhtml.org/html/referenz/attribute.htm