Projekt: Text drauf

Nun kommen wir zum Text - und benötigen nur eine Handvoll Befehle. Bitte daran denken - das Design kommt erst im nächsten Schritt.

Beim Text geht es nun primär erst einmal um die Aufteilung des Textes. Lange Bleiwüsten will niemand lesen - daher schöne Absätze machen und sich kurz fassen.

Wenn Sie Befehle nicht mehr auswendig kennen (was vorkommen kann) - kann unter Einsteiger -> Umbruch, Absatz und Einsteiger -> Überschriften und folgend nachgeschlagen werden.

<table height="100%" cellpadding="0" border="1" >

  <tr>

    <td valign="top" width="175" >

      <!--  Logo -->

      <img src="schach_logo.jpg"
      width="175" height="137" border="0" alt="">

      Adresse <br>
      <br>

      <!--  Steuerung -->

      <a href="index.htm"> Startseite  </a>
      <br>
      <a href="termine.htm"> Termine  </a>

      <br>
      <a href="mitglieder_neue.htm"> mitspielen?  </a>
      <br>
      <a href="lageplan.htm"> Lageplan  </a>

      <br>
      <a href="kontakt.htm"> Kontakt  </a>
      <br>
      <a href="impressum.htm"> Impressum  </a>

    </td>

    <td width="*" >

      
      <h1>Ihr Schachverein sagt gut Brett</h1>

      <p>Und nun kommt der Inhalt - ein bisschen kreativer
      als ich sollte es schon sein ....</p>

      <p>Am besten mehrere Absätze, das sieht dann nach
      mehr aus - also mit den Absätzen nicht sparen!
      </p>

      

    </td>

  </tr>

</table>

Hinweis: mehrere Leerzeichen und Umbrüche sind egal - es wird immer nur ein Leerzeichen angezeigt.

Die Ausgabe im Browser sieht wie folgt aus: Ansicht im Browser

Bilder auf die Seite zu bringen funktioniert genauso wie beim Logo. Probieren!

Im nächsten Schritt erstellen wir das Design über CSS.

vorheriges Kapitel: Bilder aufnehmen
nächstes Kapitel: Design der Schrift
Bilder aufnehmenSeitenanfangDesign der Schrift
eBook HTML-Seminar.de Videokurs HTML + CSS + Webdesign erstellen

Video-Tutorial: über 210 Videos,
Gesamtspielzeit über 24 Stunden
Video-Kurs HTML5+CSS+Webdesign

© 2000-2012 Axel Pratzner • www.html-seminar.de • Stand 15.01.2012
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de