Befehle der zweiten html Stunde bgcolor text hr
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 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
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
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.
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
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
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>
Links auf e. Mail-Adressen <a href=„mailto: mc@nimmerfroh. de“>Maria-Christina Nimmerfroh</a> <a href=„mailto: mc@nimmerfroh. de? cc=thomas. roeb@fhrhein-sieg. de“>Maria-Christina Nimmerfroh</a> <a href=„mailto: mc@nimmerfroh. de? subject=Ü bung e. Commerce &body=html ist manchmal ganz schön mü hsam“>Maria-Christina Nimmerfroh</a> 19. htm
Tabellen Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6 <table> Tabelle <tr> Zeile <td> Zelle <table> <tr> <td>Zelle 1</td> <td>Zelle 2</td> <tr> <td>Zelle 3</td> usw. 20. html
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“ 21. html Zelleninhalt wie Bildern
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
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
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
- Slides: 13