Html: Unterschied zwischen den Versionen

Aus WacheWiki
Zur Navigation springenZur Suche springen
K (Fett)
K (Zettel und ähnliches: Wer th aufmacht, muss th auch wieder zumachen.)
Zeile 40: Zeile 40:
 
== Zettel und ähnliches ==
 
== Zettel und ähnliches ==
 
Manchmal ist es nett (Ansichtssache), einen Zettel grafisch darzustellen.  
 
Manchmal ist es nett (Ansichtssache), einen Zettel grafisch darzustellen.  
<pre><div align="center"> <table border="1" > <tr><th>Ich persönlich zentriere das gern.</td></tr> </table> </div>
+
<pre><div align="center"> <table border="1" > <tr><th>Ich persönlich zentriere das gern.</th></tr> </table> </div>
 
<table border="1">  <colgroup> <col width="120"> <col width="400"> </colgroup>  <tr>
 
<table border="1">  <colgroup> <col width="120"> <col width="400"> </colgroup>  <tr>
 
<th>Linke Spalte</th><td>Rechte Spalte</td></tr>  <tr><th>Zweite Zeile</th>
 
<th>Linke Spalte</th><td>Rechte Spalte</td></tr>  <tr><th>Zweite Zeile</th>

Version vom 11. April 2010, 11:41 Uhr

Ich denke, da wir ja Geschichten mit HTML fakultativ verschönern, sollten wir mal beginnen, die wichtigsten (und schönsten) Befehle der Wache-Öffentlichkeit zur Verfügung zu stellen.
Denkt dran: HTML ist keine Programmiersprache, sondern eine Beschreibungssprache. Für alles gilt, dass man ausprobieren sollte, was den eigenen Geschmack trifft.
Und nicht vergessen: Was einen Anfang hat, braucht auch ein Ende - dargestellt durch '/Befehl'. Wie alle HTML-Befehle in spitzen Klammern. (siehe unten)

Links

Über das hinaus, was wir hier her packen, kann man in der Regel nach den richtigen Befehlen googeln, wenn man weiß, was man sucht. Hilfreich fand ich bisher Selfhtml[1], aber da sind die Geschmäcker ja verschieden.

Übrigens: Solltet ihr mal einen Link in der Geschichte (in die Fußnote) packen wollen, sähe der Quellcode so aus:

<a href="http://www.stadtwache.net/phps/zeigemission.php?art=S&nummer=1" target="_new">Dieser Link verweist auf die erste Single, die im Wache-Archiv gespeichert ist. (1999) Er öffnet sich [target="_new"] nicht im gleichen Fenster.</a>

Kursiv

Steht, wie die nächste Formatierung, schon in der Anleitung.

<i>Dies ist ein kursiver Text.</i>

Zentrierung

<center>So schreibe ich in der Mitte der Zeile.</center>

Wenn man nicht direkt (ohne Zeilenumbruch) weiterschreibt, wird meist viel Platz vom Browser interpretiert ... ausprobieren.

Fett

<b>Das ist fett.</b>

Mann kann fett und kursiv auch

<b><i>kombinieren</i></b>.

Fußnoten

Fußnoten kann man am einfachsten mit

[*Fußnote*]

direkt dort in den Text eintragen, wo später das * erscheinen soll. Nummeriert werden sie von allein.

Small

Damit kann man sehr gut die Großbuchstaben Tod nachahmen oder für Theaterstücke die Namen der auftretenden Personen schreiben.

I<small>CH BIN DER</small> T<small>OD</small>

ICH BIN DER TOD

Für längere Texte bietet sich die CSS-Alternative an:

<span style="font-variant:small-caps">Ich bin der Tod</span>

Ich bin der Tod

Farben

Farben werden mit

 <font color="green">grüner Text</font>

ganz einfach generiert. Dabei kann in den Anführungszeichen entweder ein Code aus der HTML Farbtabelle oder der englische Name einer Farbe geschrieben werden.

Durchstreichen

Der Kommandeur ist

<strike>do-</strike>

unser großes Vorbild!

Einrückung

<blockquote>Einfach eingerückt. Und zwar jede Zeile, wenn ihr über das Zeilenende Hinwegschreibt.</blockquote>

Das lässt sich sogar mehrfach machen.(Also den Blockquote-Befehl mehrfach auf- und am Ende wieder zumachen.)

Zettel und ähnliches

Manchmal ist es nett (Ansichtssache), einen Zettel grafisch darzustellen.

<div align="center"> <table border="1" > <tr><th>Ich persönlich zentriere das gern.</th></tr> </table> </div>
<table border="1">  <colgroup> <col width="120"> <col width="400"> </colgroup>  <tr>
<th>Linke Spalte</th><td>Rechte Spalte</td></tr>  <tr><th>Zweite Zeile</th>
<td>und so weiter</td></tr>
<tr>
<th>Dies ist nun schon die die dritte Zeile</th><td>Dies ist nur ein Beispieltext, der demonstriert, wie die Tabelle mit verschieden langen Seitenstücken umgeht.</td>
</tr></table>