1 / 13

Befehle der zweiten html-Stunde

Befehle der zweiten html-Stunde. <bgcolor=„> <text=„> <hr> <ol> type= start= <li> value= <ul> type=„circle“ type=„square“ type=„disc“. img-Tag. <img src=„bild.jpg“ Name und Ort der Grafik Angabe in Form eines relativen Verweises

neola
Download Presentation

Befehle der zweiten html-Stunde

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Befehle der zweiten html-Stunde <bgcolor=„> <text=„> <hr> <ol> type= start= <li> value= <ul> 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 <img src=„bild.jpg“ align=top>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. <img src=„bild.jpg“ align=right> Position der Grafik, wenn Text sie umfließen soll Aber eigentlich nimmt man für sowas meistens Tabellen. 14.html

  6. Links <a href=„http://www.fh-rhein-sieg.de“>Link zur FH</a> <a href=„dateiname.htm“>Link auf eigene Seite</a> <a href=„http://www.zuendholzfabrik.de“><img src=„zhf.jpg“ border=0></a> 15.html Links werden standardmäßig in blau und unterstrichen angezeigt, aber ... <body link=„red“ vlink=„olive“> 16.html

  7. Links Links innerhalb einer Seite <a href=„#Verweis“>Wohin auch immer</a> und vorher <a name=„Verweis“>Ziel des Verweises</a> beim Ankersetzen auf Groß- und Kleinschreibung achten 17.html funktioniert auch bei seiteninternem Link auf anderer Seite <a href=„17.html#oben“>andere Seite</a> Dateien zum Download anbieten <a href=„datei.end“>Hier können Sie diese Datei herunterladen</a> 18.html

  8. Links auf eMail-Adressen <a href=„mailto:mc@nimmerfroh.de“>Maria-Christina Nimmerfroh</a> <a href=„mailto:mc@nimmerfroh.de?cc=thomas.roeb@fh-rhein-sieg.de“>Maria-Christina Nimmerfroh</a> <a href=„mailto:mc@nimmerfroh.de?subject=&Uuml;bung eCommerce“>Maria-Christina Nimmerfroh</a> <a href=„mailto:mc@nimmerfroh.de? subject=&Uuml;bung eCommerce &body=html ist manchmal ganz schön m&uuml;hsam“>Maria-Christina Nimmerfroh</a> 19.htm

  9. Zelle 5 Zelle 2 Zelle 1 Zelle 3 Zelle 4 Zelle 6 Tabellen <table> Tabelle <tr> Zeile <td> Zelle <table> <tr> <td>Zelle 1</td> <td>Zelle 2</td> <tr> <td>Zelle 3</td> usw. 20.html

  10. Tabellen 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 <tr>Tag angegeben, gilt für die ganze Zeile, im <td>Tag für eine Zelle, im Konfliktfall hat die Angabe für die ganze Tabelle Vorrang, Vorsicht bei „breitem“ Zelleninhalt wie Bildern Umbruch <nowrap> im <td>-Tag verhinder Umbruch 21.html

  11. Ausrichtung horizontale Ausrichtung <align>-Tag in <td> oder <tr> (für Zelle oder ganze Zeile) Ausrichtung für ganzen Tabelleninhalt nicht möglich Ausrichtung der ganzen Tabelle <align>-Tag im <table> vertikale Ausrichtung <valign=„top“ oder „bottom“ oder „middle“ im <td> oder <tr>-Tag Standard „middle“ 22.html

  12. Zellen verbinden 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 23.html

  13. Tabellen Hintergrundfarbe <bgcolor= im <table> oder <tr> oder <td> Hintergrundbild <background= im <table> oder <tr> oder <td> Schriftformatierungen <font>-Tag im <body> werden von manchen älteren Browsern ignoriert, wenn es um Tabellen geht Text umfließt Tabelle standardmäßig rechts, links läßt sich über <align=„right“>Tag im <table> erzwingen 24.html

More Related