Computerservice Wolfooo

 

Standard HTML Tags

o Schulung o Consulting o Programmierung o Links o Kontakt

Grundlagen

Für das Arbeiten mit PHPCMS reicht es einige wenige HTML Elemente zu kennen. HTML Elemente werden als Tags bezeichnet. Tags beginnen mit "<" und enden mit ">".

Überschriften

Überschriften gibt es in HTML in 6 Stufen von 1 (groß und fett) bis 6 (schmal und klein). Überschriften werden so kodiert:

<h1>Text der Überschrift</h1>

Hier sieht man eine weitere Eigenschaft von Tags. Es gibt öffnende Tags (<h1>) und schließende Tags </h1>. Nach Überschriften folgt immer eine Leerzeile.

Absätze

Absätze werde mit dem Tag p definiert. Hier ein Beispiel:

<p>Text des Absatzes. Dieser Text kann auch länger werden.</p>

Nach einem Absatz folgt immer eine Leerzeile.

Zeilenwechesel

Möchte man eine neue Zeile beginnen so verwendet man den Tag br. Eine Zeilenschaltung im Quelldokument wird vom Browser ignoriert.

Zeile 1<br />
Zeile 2

Für den Tag br gibt es keinen schließenden Tag. Daher wird er, um korrektes XML zu erzeugen so geschrieben: <br />.

Aufzählungen

Für Aufzählungen sind zwei Tags notwendig. ul definiert eine ungeortnete Liste (unordred list). li definiert einen Aufzählungspunkt (list index). Hier ein Beispiel:

<ul>
  <li>Erster Aufzählungspunkt</li>
  <li>Erster Aufzählungspunkt</li>
</ul>

Links

Ein sehr wichtiges HTML Element ist der Link Tag a. Dieser Tag benötigt umbedigt ein Attribut href, um das Linkziel anzugeben. Als Beispiel ein Link auf Google:

<a href="http://www.google.de/">Link zu Google</a>

Innerhalb des Anfangs und Ende Tags steht der Text auf den geklickt werden soll.

Bilder

Der img Tag wird verwendet um Bilder einzufügen. Zu diesem Tag gibt es wie beim Zeilenwechsel br keinen Endetag. Dias Attribut src definiert die Bildquelle. Für korrektes XHTML muß auch das Attribut alt angegeben werden, dass einen Alternativtext für das Bild definiert, falls das Bild nicht geladen wird.

<img src="logo.gif" alt="Logo" />

© 2001-2004 Computerservice Wolf - all rights reserved. Impressum Webseiten in geographischer Nähe