Html Problem

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Atze Fikka, 12. Dezember 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 12. Dezember 2006
    Also ich schreibe bald eine Arbeit über Tabellenerstellung in Html und hab da echt keine durchblick!:angry:
    Kann mir da jemand helfen und vielleicht ne Seite posten mit nem bilder beispiel??? das wäre der Hammer! danke leute!:tongue:
     
  3. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    googln...30 sec.

    http://www.htmlbasis.de/htmlkurs/h_tab.htm
     
  4. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Ganz kurz:
    Tabellen bestehen vereinfacht gesagt aus drei großen „Klammern“. Jede Klammer wird durch einen Tag geöffnet und durch einen weiteren wieder geschlossen. Man kann sich den Aufbau einer Tabelle also folgendermaﾟen vorstellen:
    Code:
    
{ hier fängt die Tabelle an
 [ dies ist die 1. Zeile
 ( ) dies ist die 1. Spalte
 ( ) dies ist die 2. Spalte
 ] hier endet die 1. Zeile
 [ dies ist die 2. Zeile
 ( ) dies ist die 1. Spalte
 ( ) dies ist die 2. Spalte
 ] hier endet die 2. Zeile
} hier endet die Tabelle
    Im Quelltext sieht das dann so aus:
    Code:
    <table width=“80%“ border=“1“>
 <tr>
 <td> 1. Zeile, 1. Spalte </td>
 <td> 1. Zeile, 2. Spalte </td>
 </tr>
 <tr>
 <td> 2. Zeile, 1. Spalte </td>
 <td> 2. Zeile, 2. Spalte </td>
 </tr>
</table>
    Das Tag <table> kann durch mehrere Attribute erweitert werden. Möglich sind z.B.:
    width=“80%“ (Breite der Tabelle in Prozent der Bildschirmbreite)
    height=“50%“ (Höhe der Tabelle in Prozent der Bildschirmhöhe)
    border=“0“ (Breite des oberen Rahmens – Werte von 0-7 möglich, 0 = kein Rahmen)
    align=“center“ (Ausrichtung der Tabelle auf der Seite -> „left“, „center“ oder „right“)
     
  5. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    ~moved~

    Mfg,

    Kolazomai
     
  6. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Vielen Dank , könnt aber noch mehr posten wenn ihr wollt! !
     
  7. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    da gibts net mehr zu sagen^^
    das was chkdk gepostet hat ist so das was man erstmal wissen/verstehen muss.
    dann gibts halt noch befehle, in der du die tabellendicke etc einstellen kannst.

    schonmal bei
    SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
    vorbeigeschaut?
     
  8. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    HTML lernen und die eigene Website erstellen - HTML Kurs / Seminar

    die seite kann ich nur emfehlen diese seite haben wir in der Schule auch durchgenommen steht alles drin was man wissen muss
     
  9. 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Tabelle ohne CSS:
    HTML:
    <table cellspacing="*" align="***" width="*" height="*" background="*****" cellpadding="*" border="*" bgcolor="**" bordercolor="**" bordercolorlight="**" bordercolordark="**">
 <tr>
 <th colspan="2" height="*" background="*****" bgcolor="**">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
 </tr>
 <tr>
 <td colspan="2" align="***" height="*" background="*****" bgcolor="**">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
 </tr>
 <tr>
 <td align="***" height="*" valign="****" background="*****" bgcolor="**">Spalte 1</td>
 <td align="***" height="*" valign="****" background="*****" bgcolor="**">Spalte 2</td>
 </tr>
</table>
    *= Werte von 1-X
    **= Farbcodes (z.B.: #000000 = Sc hwarz)
    ***= right, left, center;
    ****= top, middle (norm), bottom;
    *****= Hintergrundbild nicht Farbe (background="images/bg.gif")

    Tabelle mit CSS intern:
    HTML:
    <table cellspacing="*" cellpadding="*" style="border: *px ***; text-align: ***; background: **;">
 <tr>
 <th colspan="2" height="*" style="border: *px ***; text-align: ***; background: **;">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
 </tr>
 <tr>
 <td colspan="2" style="border: *px ***; text-align: ***; background: ***;">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
 </tr>
 <tr>
 <td valign="****" style="border: *px ***; text-align: ***; background: **;">Spalte 1</td>
 <td valign="****" style="border: *px ***; text-align: ***; background: **;">Spalte 2</td>
 </tr>
</table>
    *= Werte von 1-X
    **= Farbcodes (z.B.: #000000 = Schwarz) - Bei Hintergrundbild: background-image: url(images/bg.gif);
    ***= right, left, center;

    Tabelle mit CSS extern:
    HTML:
    <table cellspacing="*" cellpadding="*" class="tabelle">
 <tr>
 <th colspan="2" height="*" class="ueberschrift">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
 </tr>
 <tr>
 <td colspan="2" class="spalte">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
 </tr>
 <tr>
 <td valign="****" class="spalte">Spalte 1</td>
 <td valign="****" class="spalte">Spalte 2</td>
 </tr>
</table>
    Dazu dann eine CSS anlegen (z.B.
    .tabelle {formatierung;}
    .ueberschrift {formatierung;}
    .spalte {formatierung}

    oder einfacher:
    HTML:
    <table cellspacing="*" cellpadding="*" class="tabelle">
 <tr>
 <th colspan="2" height="*">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
 </tr>
 <tr>
 <td colspan="2">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
 </tr>
 <tr>
 <td valign="****">Spalte 1</td>
 <td valign="****">Spalte 2</td>
 </tr>
</table>
    Auch hierfür eine CSS anlegen:
    .tablelle table, tr{formatierung;}
    .tabelle th {formatierung;}
    .tabelle td {formatierung;}
    _________________________

    Das ist so das einfachste was man wissen sollte!
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.