HTML für Indymedia Users

Hier eine kleine Übersicht über ein paar Codes, die Dir helfen können, Deine Beiträge zu gestalten.
Grundsätzlich funktioniert ein HTML Befehl, indem mensch ein Stück Code, ein sogenanntes Tag schreibt. Dieses Tag kann noch mit Attributen, also best. Eigenschaften ergänzt werden und sagt dann dem Browser, wie er Text, Bilder etc. darstellen soll. Die meisten Tags müssen danach wieder geschlossen werden, damit der Browser auch weiß, wann er den Befehl nicht mehr ausführen muss.

Absätze und Umbrüche

HTML erkennt nicht automatisch Absätze und Umbrüche, die durch die Entertaste gemacht wurden. Deshalb gibt es folgende 2 Tags:
<br> ... einfacher Zeilenumbruch. Kann man bis zu 2 hintereinander setzen.
<p> ... für Absätze, sprich größere Abstände.

Diese Tags muss mensch ausnahmsweise nicht schließen.

Schriftformatierung

Fett: <b>Fetter Text</b> Kursiv: <i>kursiver Text</i> Schriftgröße und -farbe werden als Attribute im font-Tag angegeben.

Beispiel: <font color=grey size=1>grauer kleiner Text</font>

Text ausrichten

Um Texte ausrichten zu können, verwende am besten div-Tags. Du kannst den Text entweder links (left), rechts (right), im Blocksatz (justify) oder zentriert (center) ausrichten. Um den Anfang der Textpassage zu markieren und die Ausrichtung, schreibe: <div align=right> oder <div align=left> oder <div align=justify> oder <div align=center> Es ist allerdings zu erwähnen, dass nicht alle Browsers das Tag justify erkennen, also besser nicht verwenden. Geschlossen wird das Tag am Ende der jeweiligen Textpassage ganz einfach: </div>

Überschriften und Linien

Für Überschriften gibt es eigene Tags. Sie geben die Schriftgröße und -grad an und danach wird automatisch ein Zeilenwechsel erzeugt, mensch muss also keine eigenen Zeilenwechseltags nach einer Überschrift setzen.

Die Tags: <h1> oder <h2> oder <h3> oder <h4> usw. Je kleiner die Zahl, desto größer die Überschrift. Nach dem Teil des Textes, der die Überschrift sein soll, muss mensch das Tag natürlich wieder schließen, also: </h1> oder </h2> oder </h3> oder </h4> usw. Ein Beispiel: <h1>Das ist eine sehr große Überschrift</h1>

Um eine normale waagrechte Linie zu erzeugen, verwende folgendes Tag:

<hr> Die Linie ist schattiert, willst Du diesen Effekt entfernen, schreibe: <hr noshade> Soll die linie nur eine bestimmte Länge haben, so ergänze das Tag mit dem size-Attribut, ausrichten kann mensch die Linie mit dem align-Attribut (hier eine 50 Pixel lange Linie, rechts ausgerichtet): <hr size=50 align=right> Dieses Tag braucht nicht geschlossen werden und erzeugt danach automatisch einen Zeilenwechsel.

Links und Bilder

Um Links zu setzen brauchst Du eigentlich nur ein Ziel und dessen URL (Internetadresse).

Das Tag schaut zB so aus: <a href="http://www.indymedia.org/">Indymedia</a> Der Linktitel (in diesem Fall "Indymedia") ist das Wort, auf das Du dann klickst, um auf die jeweilige Seite zu kommen.
Willst Du einen Link auf eine Seite auf at.indymedia.org setzen, so kannst Du die URL abkürzen. Du kannst den ganzen Teil vor "front" weglassen. Also zB statt <a href="../29267.html?article_id=29383&amp;group=webcast">HTML für Indies</a> reicht <a href="../29267.html?article_id=29383&amp;group=webcast">HTML für Indies</a>. Dies geht aber nur bei Links auf Seiten von at.indymedia.org!!!

Willst Du ein Bild einbauen, so sieht der Tag sehr ähnlich aus. Hier als Beispiel der Code um das Indymedia logo einzubauen:

<img src="../../../local/images/indy_logo.html"> Zwischen den Anführungszeichen steht einfach die URL des Bildes, das Du anzeigen willst. Klicke einfach ein Bild im Internetz rechts an, entweder gibt es in Deinem Browser einen eigenen Eintrag für "Bildadresse kopieren" oder Du findest sie unter "Eigenschaften".
Du kannst grundsätzlich Bilder von allen Webseiten des www nehmen, am besten ist es jedoch, die Bilder auf die Indymedia Seite hochzuladen und dann zu verlinken.

Willst Du das Bild ausrichten, kannst Du das auch ganz einfach mit dem align-Attribut machen:

Es gibt folgende Attribute: left und right.
Bsp.: <img src="../../../local/images/indy_logo.html" align=right> Dieses Bild wird also rechts ausgerichtet.

Willst Du einen Link auf ein Bild legen, ist das auch nicht weiter Schwer, einfach als Linktitel das Tag vom gewünschten Bild angeben.

Bsp.: <a href="http://www.indymedia.org/"><img src="../../../local/images/indy_logo.html"></a>