Befehle der zweiten html- Stunde type= start= value= type=circle type=square type=disc.

Präsentation zum Thema: "Befehle der zweiten html- Stunde type= start= value= type=circle type=square type=disc."—  Präsentation transkript:

1 Befehle der zweiten html- Stunde type= start= value= type=circle type=square type=disc

2 img-Tag <img src=bild.jpg Name und Ort der Grafik Angabe in Form eines relativen Verweises Browser sucht Bild im gleichen Verzeichnis wie html-Datei <img src=unterverzeichnis/bild.jpg Browser sucht Bild im Unterverzeichnis Unterverzeichnis <img src=../grafik/bild.jpg Bild befindet sich im Verzeichnis Grafik, das sich im nächsthöheren Verzeichnis im Verhältnis zum Verzeichnis des html-Codes befindet <img src=http://www.seite.de/bild.jpg Bild befindet sich unter dieser Adresse auf anderem Server

3 Verzeichnisstruktur - Tipps Verzeichnisstruktur auf Ihrem Rechner sollte die gleiche sein wie auf dem Server auch Verzeichnisnamen klein schreiben Verzeichnisse werden im html-Code durch Slash getrennt, nicht durch Backslash

4 img-Tag <img src=bild.jpg alt=Beschreibung Alternativtext bzw. Quickinfo <img src=bild.jpg alt=Beschreibung border=5 Einfarbiger Rahmen um das Bild, Zahl gibt die Breite in Pixel an <img src=bild.jpg width=200 height=300 Wird die Größe des Bildes (in Pixel) angegeben, hält der Browser schon den Platz für das Bild frei. Genaue Größe des Bildes erfährt man durch ein Grafikprogramm.

5 img-Tag Beschriftung der Grafik Ausrichtung des Beschriftungstextes im Verhältnis zur Grafik top=oben middle=in der Mitte bottom=unten Nur einzeiliger Text wird mit diesem Befehl neben der Grafik angezeigt. Position der Grafik, wenn Text sie umfließen soll Aber eigentlich nimmt man für sowas meistens Tabellen. 14.html

6 Links Link zur FH Link auf eigene Seite 15.html Links werden standardmäßig in blau und unterstrichen angezeigt, aber... 16.html

7 Links Links innerhalb einer Seite Wohin auch immer und vorher Ziel des Verweises beim Ankersetzen auf Groß- und Kleinschreibung achten 17.html funktioniert auch bei seiteninternem Link auf anderer Seite andere Seite Dateien zum Download anbieten Hier können Sie diese Datei herunterladen 18.html

8 Links auf eMail-Adressen Maria-Christina Nimmerfroh 19.htm

9 Tabellen Zelle 5 Zelle 1 Zelle 2 Zelle 3Zelle 4 Zelle 6 Tabelle Zeile Zelle Zelle 1 Zelle 2 Zelle 3 usw. 20.html

10 Tabellen 21.html Linien border= Breite des Außenrahmens (in Pixel), Standard 0 cellspacing= Breite der Gitternetzlinien oder Zellenabstand (in Pixel), Standard 0 cellpadding= Abstand des Textes zum Zellenrand (in Pixel), Standard 0 Breite und Höhe von Tabelle und Zellen height= Höhe der Tabelle (in Prozent oder Pixel) width= Breite der Tabelle (in Prozent oder Pixel), Standard 100% height und width im Tag angegeben, gilt für die ganze Zeile, im Tag für eine Zelle, im Konfliktfall hat die Angabe für die ganze Tabelle Vorrang, Vorsicht bei breitem Zelleninhalt wie Bildern Umbruch im -Tag verhinder Umbruch

11 Ausrichtung 22.html horizontale Ausrichtung -Tag in oder (für Zelle oder ganze Zeile) Ausrichtung für ganzen Tabelleninhalt nicht möglich Ausrichtung der ganzen Tabelle -Tag im vertikale Ausrichtung oder - Tag Standard middle

12 Zellen verbinden 23.html in einer Zeile <td colspan= Anzahl der zu verbindenden Zellen in einer Spalte <td rowspan= Anzahl der zu verbindenden Zellen Kombination von colspan und rowspan möglich

13 Tabellen 24.html Hintergrundfarbe oder oder Hintergrundbild oder oder Schriftformatierungen -Tag im werden von manchen älteren Browsern ignoriert, wenn es um Tabellen geht Text umfließt Tabelle standardmäßig rechts, links läßt sich über Tag im erzwingen