Tabellen erstellen in HTML

Anett

Hallo, bin durch Google zu euch gelangt, weil ich dringend Hilfe suche.

1. finde ich nicht das richtige Programm, womit ich in HTML Tabellen erstellen kann.(Muss in deutsch sein und einfach und dazu noch, wo ich gleichzeitig sehe, wie das Resultat aussieht)

2. Ich habe eine Tabelle schon mit Exel gemacht, nur leider lässt sich dann mein Wunsch, es so in mein Forum einzubinden nicht umsetzen.

Beste alternative wäre es wie http://www.mobilfunk-faq.info/lexikon.html zu machen, aber mein Mann ist gerade auf Arbeit und ich will es endlich alleine lernen, damit ich nicht immer warten muss, bis er zu Hause ist.

Ich habe mir das so gedacht, das ich per HTML diese Tabelle erstelle und mit Hyperlinks arbeite.

Quasi so:

abc als Hyperlink, klickt man da drauf, landet man auf def.

Aber wie und womit, ich mache das wie gesagt zum ersten mal und möchte das lernen.

Kann mir da jemand helfen?:(

yeti66

Anett,

die Tabellen wirst Du Dir schon an Deine Bedürfnisse anpassen müssen. Da kommst Du um`s HandMade nicht herum. Zum Selbststudium: http://de.selfhtml.org/html/tabellen/aufbau.htm

Anett

Danke für die schnelle Antwort.

Auf der Seite war ich schon, aber ich stehe vor allem, was ich sehe wie vor einer Wand und komme nicht weiter, ich weiß nicht mal, wie und wo ich ansätzen soll, denn da fängt es schon.

Das richtige Programm suche ich auch noch, da ich und English auf Kriegsfuß.

Kannst du mir da was Empfehlen?

driver

also wennst lernen willst, musst dich mit de.selfhtml.org zurechtfinden.
was besseres zum lernen gibt es einfach nicht, da musste durch....

ne table aufbauen is im prinzip ganz simple.

Code

<table border=1>
<tr>
<td>texty</td>
<td>texty</td>
<td>texty</td>
</tr>
</table>

hier als beispiel mal eine tabelle mit einer zeile (tr) und 3 zellen (td).
die zellen bestimmen auch die anzahl der spalten.

des mit dem englischen is so ne sache... das web is nunmal größtenteils in english,
also musste dich teilweise damit abfinden wenn du wirklich voran kommen willst...

yeti66

Anett,

Du brauchst kein Programm. Du wirst halt HTML lernen müssen. Jeder möchte heute etwas fertiges auf dem Teller. Lernen, lernen und nochmals lernen. (Lenin glaube ich)
Der Grundaufbau einer Tabelle ist noch sehr einfach. Erst wenn Du verschachtelte Tabellen bauen willst wird es heikel. Programme geben auch nur eine Grundtabelle wieder indem man die Menge der Zeilen und Spalten angibt.

Anett

Hmm, das wird mir nichts anderes übrig bleiben.

http://www.vodafone.de/privat/tarife_…ombi_81042.html so eine Tabelle wie im Link zu shene, möchte ich machen, damit man in meinem Forum, mittels Hyperlink bequem die Tarife Tabelarisch einsehen kann. Ich hoffe man kann es verstehen, was ich möchte.:)

driver

3 zeilen, 3 spalten

Code

<table>
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
</table>

Alles anzeigen

Anett

OK, danke, ich versuch es mal.:)

yeti66

Anett,

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
  <td valign="top" style="width:33%"><table cellpadding="4" cellspacing="1" border="1" style="width:100%" >
      <tr align="left">
        <td colspan="2"><span>[b][url='#']Deine &Uuml;berschrift [/url][/b]</span></td>
      </tr>
      <tr align="left">
        <td><span>[b]&raquo;[/b]</span> </td>
        <td style="width:100%"><span>[url='#']Zeile1[/url]</span></td>
      </tr>
      <tr align="left">
        <td><span>[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span>[url='#']Zeile2[/url]</span></td>
      </tr>
      <tr align="left">
        <td ><span >[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span>[url='#']Zeile3[/url]</span></td>
      </tr>
      <tr align="left">
        <td ><span>[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span >[url='#']Zeile4[/url]</span></td>
      </tr>
    </table></td></tr></table>
</body>
</html>

Alles anzeigen

Anett

Hy Danke, das hilft mir schonmal.
Vielen Dank.:)

yeti66

Anett,

und alles mit dem Rahmen verfeinert.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.table{color: #000000;background-color: #f0f0f0;border:1px solid #f0f0f0;}
.titel{color: #fff;background-color: #666;border:1px solid #666;}
-->
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="100%; background-color:#000000;">
  <tr>
    <td valign="top" style="width:33%"><table cellpadding="4" cellspacing="1" style="width:100%;" >
        <tr align="left" >
          <td colspan="2" class="titel"><span>[b]Deine &Uuml;berschrift[/b]</span></td>
        </tr>
        <tr align="left" >
          <td class="table"><span>[b]&raquo;[/b]</span> </td>
          <td style="width:100%;" class="table"><span>[url='#']Zeile1[/url]</span></td>
        </tr>
        <tr align="left" >
          <td class="table"><span>[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span>[url='#']Zeile2[/url]</span></td>
        </tr>
        <tr align="left">
          <td class="table"><span >[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span>[url='#']Zeile3[/url]</span></td>
        </tr>
        <tr align="left">
          <td class="table"><span>[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span >[url='#']Zeile4[/url]</span></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Tags