Html Tabelle

  • Benötige Hilfe

  • xboxrulez
  • 998 Aufrufe 5 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Html Tabelle

    hi
    also die aufgabe ist:

    Erstelle eine Tabelle, mit einem von dir gewählten Inhalt(z.B. Kochrezept)

    Bedingung:

    -Die Tabelle soll den ganzen Bildschirm ausfüllen
    -Ein Bild sollte eingefügt werden
    -Eine Tabellenüberschrift in vielen Farben

    Bonus: Schriftfarbe der ganzen Tabelle ändern.

    Wir hatten erst 2 Stunden html und ich habe Keinen Plan wie ich das hinkriegen soll-.-. Wenn jemand der etwas geübt in html is das kurz machen könnte wär ich sehr dankbar. Inhalt braucht ihr auch nich reinsetzen, kann irgendein mist sein , nur das ich weiss wo ich hinterher hinschreiben soll.

    Wär echt genial wenn das jemand machen könnte weil ich das auch nach 2 stunden nich hinkrieg.

  • Quellcode

    1. <table width="100%" border="1">
    2. <tr>
    3. <td><img src="url vom bild" /></td>
    4. <td>Spalte</td>
    5. <td>Spalte</td>
    6. </tr>
    7. </table>


    So könnte das ganze aussehen.

    gruß
    symbi0se
    [SIZE=1][FONT="Courier New"]$posts++;[/FONT]
    [COLOR="black"]"Ich bin eine Mischung aus jung und erfahren, so etwas findet man sonst ja nur auf dem Straßenstrich." [/color]
    [LEFT] /!\ Nützliches: Meine Uploads [Info] Werbefrei mit Adblock [Tutorial] + Kostenlose SMS [Liste] + IPV vereinfachen [Info][/LEFT]
    [/SIZE]

  • @symbiose,

    das ist aber nur der code für die tabelle selbst mit bild. um an der schriftfarbe noch was zu machen, müssen noch weitere codes rein.

    Quellcode

    1. <table width="100%" border="1">
    2. <tr>
    3. <td bgcolor="silver"><img src="url vom bild" /></td>
    4. <td><font color="red">Spalte</font></td>
    5. <td><font color="red">S</font><font color="blue">p<font color="lightred">a</font><font color="green">l</font><font color="pink">t</font><font color="darkblue">e</font></td>
    6. </tr>
    7. </table>


    das sieht jetzt kompliziert aus, ist es aber nicht. im html besteht alles aus sogenannten tags (<table>)
    diese tags werden in eckigen klammern geschrieben und können ggf. mit erweiterungen, die den befehl näher bestimmen ergänzt werden.
    jeder tag muss eröffnet und wieder beendet werden, damit der browser weiß, jetzt kommt was... und jetzt ist es zu ende. dies wird dann mit einem slash (schrägstrich) gekennzeichnet.

    Beispiel
    <table> - eröffnungstag für eine tabelle
    </table> - schlusstag für eine tabelle

    weitere attribute
    width - tabellen "weite" also breite der tabelle
    border - rahmen

    attribute müssen natürlich auch was beinhalten und angeben wie denn jetzt näher bestimmt wird. das wird durch das = und die "" angegeben.

    width="100%" - bedeutet also breite 100% der bildschirmbreite
    border="1" - die rahmenbreite soll 1 pixel betragen.

    die tags die hier im code aufgelistet sind bedeuten also:
    <table> und </table> jetzt beginnt, bzw. endet eine tabelle
    width="100%" die spaltenbreite beträgt 100% der bildschirmbreite
    <tr> und <td> tablerow und tabledata - tabellenzeile und spalte
    border="1" der rahmen ist ein pixel stark
    bgcolor="silver" die hintergrundfarbe der ersten zelle soll silber sein
    img src= hier wird ein image eingefügt
    "url vom bild" dort ist das bild gespeichert
    <font> und </font> jetzt kommen oder enden schrifteinstellungen
    color="red" bestimmt die schriftfarbe

    ich glaube, das war alles...

    greetz
    taurus

  • Wow, Vielen Dank für die Antworten. Besonders Taurus!

    Hast mir echt sehr weitergeholfen, 1000 Dank!

    Habs jetz erstma sogut ich konnte gemacht, schätze ich muss

    noch etwas üben^^ Kann also von mir aus hier zu gemacht

    werden!