HTML lernen: Tabellen

In diesem Video wird die „HTML lernen“-Reihe fortgeführt. Diesesmal behandeln wir das Thema Tabellen. Hierbei muss gesagt werden, dass in diesem Video nur „das einfache“ besprochen wird. Erweiterte Funktionen werden in einem weiteren Video behandelt. Gezeigt wird das Grundgerüst jeder HTML-Tabelle und wie man Zellen bzw. Zeilen und Spalten mehrerer Inhalte zusammenfügt.

Der im Video benutzte Editor heißt Notepad++ und kann hier heruntergeladen werden: http://notepad-plus-plus.org/

Haben Sie Fragen oder Anregungen? Dann schreiben Sie in unser FORUM oder hinterlassen Sie einen Kommentar!


Folgendes könnte Sie auch interessieren:

  1. HTML lernen: Absätze
  2. HTML lernen: Das Grundgerüst
  3. HTML lernen: Listen & Aufzählungen
  4. HTML lernen: Interne & externe Linksetzung
  5. HTML lernen: Grafiken und Formate

5 Gedanken zu „HTML lernen: Tabellen“

  1. Malte

    Ich habe mir mal alle folgen von HTML lernen angeschaut … ich habe mal die frage …
    wie rücke ich ein Text/Bild weiter in die Mitte ohne das er direkt in der mitte ( ) steht?

    1. AddiscoVideo Beitragsautor

      Ich denke, Du suchst das hier:
      div style=“text-indent:10px;“>10px einzug
      div style=“text-indent:20px;“>20px einzug
      div style=“text-indent:30px;“>30px einzug
      div style=“text-indent:..px;“>..px einzug

      Je nachdem, wie weit eingeschoben werden soll, den entsprechenden Wert umändern. Am Anfang muss natürlich noch die „<" stehen. Grüße, AddiscoVideo

      2. Malte

        Ich habe es nun ausprobiert… und es funktioniert leider nicht. …
        wenn ich nun zum Bsp Das Wort „Test 123“ Einrücken möchte … muss ich dann
        Test123
        eingeben?
        das soll dann so aussehen:
        Nicht:
        Test
        Sondern:
        Test

        1. AddiscoVideo Beitragsautor

          Der Code muss folgendermaßen aussehen:

          <html>
          <body>
          <div style=”text-indent:10px;”>10px einzug</div>
          <div style=”text-indent:20px;”>20px einzug</div>
          <div style=”text-indent:30px;”>30px einzug</div>
          <div style=”text-indent:..px;”>..px einzug</div>
          </body>
          </html>

Kommentare sind geschlossen.