Evening greetings, Guest
Sunday, 5 May 2024
10
On 15 Feb 2011 at 23:44:04 CET
Einzustampfen
Ab dem heutigen Tag können wir dieses Topic endlich einstampfen, denn Cobra hat uns den BBCode gebracht :-)
Was nicht passt, wird passend gemacht,
Wo ein Bug ist, werden Fallen aufgestellt,
Und was nicht geht, bekommt Beine...
Wo ein Bug ist, werden Fallen aufgestellt,
Und was nicht geht, bekommt Beine...
9
On 14 Dec 2009 at 17:36:15 CET
Fehler
Hey Imothep
Du hast einen Fehler in deiner Doku über HTML-Bilder im letzten Eintrag über Smileys (Beitrag #7).
Du hast am Schluss beim Element </u> einen Abstand drin, welches es im Firefox als Zeichen rendert und nicht als Element. Deswegen ist wahrscheinlich auch der Rest des Posts dann unterstrichen.
Tipp:
Wenn du dein Post XHTML standardisieren willst, dann solltest du die Zeichen < und > die du im Post sichtbar haben willst mit < bzw mit > erstetzen. Dann wird es dann auch in allen Browser korrekt dargestellt.
[nachslesbar unter http://de.selfhtml.org/html/allgemein/zeichen.htm#html_eigene]
Gruss Cobra (ehemals -Aikidoka-)
P.S. Vlt könnte man dies auch gleich in die Doku aufnehmen
Du hast einen Fehler in deiner Doku über HTML-Bilder im letzten Eintrag über Smileys (Beitrag #7).
Du hast am Schluss beim Element </u> einen Abstand drin, welches es im Firefox als Zeichen rendert und nicht als Element. Deswegen ist wahrscheinlich auch der Rest des Posts dann unterstrichen.
Tipp:
Wenn du dein Post XHTML standardisieren willst, dann solltest du die Zeichen < und > die du im Post sichtbar haben willst mit < bzw mit > erstetzen. Dann wird es dann auch in allen Browser korrekt dargestellt.
[nachslesbar unter http://de.selfhtml.org/html/allgemein/zeichen.htm#html_eigene]
Gruss Cobra (ehemals -Aikidoka-)
P.S. Vlt könnte man dies auch gleich in die Doku aufnehmen
8
On 28 Apr 2008 at 18:12:20 CEST
-
Wer noch mehr wissen will:
http://de.selfhtml.org/
Ist ne sehr gute Seite um den Einstieg bis hin zur eigenen Seite zu erlernen.
Nachtrag von Bluewarrior (01.08.2009, 08:23:25 Uhr):
Wichtig ist hierbei aber zu beachten, dass nicht alle HTML-Befehle auf SGR zugelassen werden.
Dafür dienen die vorherigen Beiträge dieses Topics.
http://de.selfhtml.org/
Ist ne sehr gute Seite um den Einstieg bis hin zur eigenen Seite zu erlernen.
Nachtrag von Bluewarrior (01.08.2009, 08:23:25 Uhr):
Wichtig ist hierbei aber zu beachten, dass nicht alle HTML-Befehle auf SGR zugelassen werden.
Dafür dienen die vorherigen Beiträge dieses Topics.
7
On 19 Sep 2007 at 16:41:07 CEST
Smilies leicht gemacht:
Nach langem suchen habe ich für alle Freunde der Smilies folgendes gefunden:
KLICK MICH Einfach einen Smilie auswählen, HTML einstellen und den Code kopieren und im Post einfügen.
Und nochmal einige Smilies für hochbegabte oder jene die es denken:
Einfach <img src=" vor die Adresse des Smilies und "> dahinter.
Editiert am 15.10.2009, 21:01:00 Uhr
Editiert von Atanamo am 15.12.2009, 17:04:05 Uhr
KLICK MICH Einfach einen Smilie auswählen, HTML einstellen und den Code kopieren und im Post einfügen.
Und nochmal einige Smilies für hochbegabte oder jene die es denken:
Einfach <img src=" vor die Adresse des Smilies und "> dahinter.
Editiert am 15.10.2009, 21:01:00 Uhr
Editiert von Atanamo am 15.12.2009, 17:04:05 Uhr
6
On 14 Jun 2007 at 15:37:53 CEST
Erstellen von Tabellen über Front Page
Tabelle und andere Spielereien kann man auch über das Programm Microsoft Front Page erstellen.
Hierzu muss man einfach in der Ansicht "Normal", wählbar unten links, eine Tabelle, wie in Word über Tabelle --> Einfügen...., einfügen, das Design wählen und in der Ansicht "HTML" alles zwischen "<table...>" und "</table>" markieren und kopieren. Dann in einen Beitrag einfügen und darauf achten, das da Häkchen im Kontrollkästchen "HTML-Code interpretieren" aktiviert ist.
So kann man auch ohne viel Wissen über HTMl einen anspruchsvollen Beitrag abgeben.
Hierzu muss man einfach in der Ansicht "Normal", wählbar unten links, eine Tabelle, wie in Word über Tabelle --> Einfügen...., einfügen, das Design wählen und in der Ansicht "HTML" alles zwischen "<table...>" und "</table>" markieren und kopieren. Dann in einen Beitrag einfügen und darauf achten, das da Häkchen im Kontrollkästchen "HTML-Code interpretieren" aktiviert ist.
So kann man auch ohne viel Wissen über HTMl einen anspruchsvollen Beitrag abgeben.
5
On 14 Jun 2007 at 15:27:39 CEST
-
Wenn du eine Tabelle mit nicht zu vielen Kategorien erstellst, sollte dir das hier weiterhelfen:
TABELLE SCHWARZ
1. Füge in das Raster deinen Eigenen Text ein.
2. Kopier der Quelltext und füge ihn in dem Forum unter "Beitrag:" ein.
3. Setze (wenn nicht bereits angeharkt) einen Harken bei "HTML-Code interpretieren"
4. Setze (wenn nicht bereits angeharkt) einen Harken bei "Text-Umbrüche ignorieren (Einmalig)"
5. Gebe einen Betreff an und klicke auf "Beitrag abgeben".
<td class="innen1">
Dein Text der Den Inhalt der Folgenden Tabelle genauer Erklärt
<table border="1">
<tr>
<td><b>Kategorie 1</b><td><b>Kategorie 2</b><td><b>Kategorie 3</b><td><b>Kategorie 4</b></font><br>
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
</table>
</td>
TABELLE WEIß
1. Füge in das Raster deinen Eigenen Text ein.
2. Kopier der Quelltext und füge ihn in dem Forum unter "Beitrag:" ein.
3. Setze (wenn nicht bereits angeharkt) einen Harken bei "HTML-Code interpretieren"
4. Setze (wenn nicht bereits angeharkt) einen Harken bei "Text-Umbrüche ignorieren (Einmalig)"
5. Gebe einen Betreff an und klicke auf "Beitrag abgeben".
<td class="innen1">
<font color="#ffffff">Dein Text der Den Inhalt der Folgenden Tabelle genauer Erklärt</font>
<table border="1">
<tr>
<td><font color="#ffffff"><b>Kategorie 1</b></font><td><font color="#ffffff"><b>Kategorie 2</b></font><td><font color="#ffffff"><b>Kategorie 3</b></font><td><font color="#ffffff"><b>Kategorie 4</b></font><br>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
</table>
</td>
Das ist gar nicht so schwer wie es aussieht. Man muss nur an die Stellen den Text einfügen und dann funktioniert das schon. Probiert es doch einfach mal aus, mit einem Beitrag hier drunter aus. Den Quellcode unter Beitrag einfügen (beide Felder anharken und absenden). Dann kannst du dir leichter etwas darunter vorstellen. Dann probierst du einfach aus und setzt für das "Text/Zahlen/ect.." deine eigenen Sachen ein.
Ich habe eine sehr gute Anleitung für HTML im Internet gefunden.
http://de.selfhtml.org ------> http://de.selfhtml.org/html/index.htm
TABELLE SCHWARZ
1. Füge in das Raster deinen Eigenen Text ein.
2. Kopier der Quelltext und füge ihn in dem Forum unter "Beitrag:" ein.
3. Setze (wenn nicht bereits angeharkt) einen Harken bei "HTML-Code interpretieren"
4. Setze (wenn nicht bereits angeharkt) einen Harken bei "Text-Umbrüche ignorieren (Einmalig)"
5. Gebe einen Betreff an und klicke auf "Beitrag abgeben".
<td class="innen1">
Dein Text der Den Inhalt der Folgenden Tabelle genauer Erklärt
<table border="1">
<tr>
<td><b>Kategorie 1</b><td><b>Kategorie 2</b><td><b>Kategorie 3</b><td><b>Kategorie 4</b></font><br>
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
<tr>
<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..<td>Text/Zahlen/ect..
</table>
</td>
TABELLE WEIß
1. Füge in das Raster deinen Eigenen Text ein.
2. Kopier der Quelltext und füge ihn in dem Forum unter "Beitrag:" ein.
3. Setze (wenn nicht bereits angeharkt) einen Harken bei "HTML-Code interpretieren"
4. Setze (wenn nicht bereits angeharkt) einen Harken bei "Text-Umbrüche ignorieren (Einmalig)"
5. Gebe einen Betreff an und klicke auf "Beitrag abgeben".
<td class="innen1">
<font color="#ffffff">Dein Text der Den Inhalt der Folgenden Tabelle genauer Erklärt</font>
<table border="1">
<tr>
<td><font color="#ffffff"><b>Kategorie 1</b></font><td><font color="#ffffff"><b>Kategorie 2</b></font><td><font color="#ffffff"><b>Kategorie 3</b></font><td><font color="#ffffff"><b>Kategorie 4</b></font><br>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
<tr>
<td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font><td><font color="#ffffff">Text/Zahlen/ect..</font>
</table>
</td>
Das ist gar nicht so schwer wie es aussieht. Man muss nur an die Stellen den Text einfügen und dann funktioniert das schon. Probiert es doch einfach mal aus, mit einem Beitrag hier drunter aus. Den Quellcode unter Beitrag einfügen (beide Felder anharken und absenden). Dann kannst du dir leichter etwas darunter vorstellen. Dann probierst du einfach aus und setzt für das "Text/Zahlen/ect.." deine eigenen Sachen ein.
Ich habe eine sehr gute Anleitung für HTML im Internet gefunden.
http://de.selfhtml.org ------> http://de.selfhtml.org/html/index.htm
4
On 4 Apr 2007 at 19:43:44 CEST
Smilies
<img src="http://www.thescifiworld.net/img/smilies/stargate/jack2/jack_new_anime24.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/daniel/daniel_new_anime005.gif">
--->
<img src=" http://www.thescifiworld.net/img/smilies/stargate/tealc/tealc-sleep.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/tealc/tealcanime40.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/tealc/tealcanime11.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/cameron/cameronanime13.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/jonas/jonasanime02.gif">
-->
<img src=" http://www.thescifiworld.net/img/smilies/stargate/apophis/apophis-rings.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/yu/yuanime08.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/prior/prioranime01.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/doci/docianime16.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/wraith/wraithanime11.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/wraith/wraithanime01.gif">
-->
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/daniel/daniel_new_anime005.gif">
--->
<img src=" http://www.thescifiworld.net/img/smilies/stargate/tealc/tealc-sleep.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/tealc/tealcanime40.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/tealc/tealcanime11.gif">
--->
<img src="http://www.thescifiworld.net/img/smilies/stargate/cameron/cameronanime13.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/jonas/jonasanime02.gif">
-->
<img src=" http://www.thescifiworld.net/img/smilies/stargate/apophis/apophis-rings.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/yu/yuanime08.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/prior/prioranime01.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/doci/docianime16.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/wraith/wraithanime11.gif">
-->
<img src="http://www.thescifiworld.net/img/smilies/stargate/wraith/wraithanime01.gif">
-->
3
On 23 Oct 2007 at 16:12:58 CEST
Link
Ein Link wird mit dem HTML-Tag <a> gekennzeichnet. Mit dem Tag-Attribut "href" wird die zu verlinkende URL angegeben:
<a href="{URL}">{Anzuzeigender Text}</a>
------------------------------
Mit dem Attribut "target" kann bestimmt werden, in welchem Fenster der Link geöffnet werden soll.
Der Wert "_blank" bedeutet, der Link wird in einem neuen Fenster geöffnet:
<a href="{URL}" target="_blank">{Anzuzeigender Text}</a>
------------------------------
Es ist zu empfehlen, einen Link farbig hervorzuheben. Standarmäßig wird er gräulich gekennzeichnet, doch ist dies auf hellem Hintergrund natürlich schlecht erkennbar.
Das Tag-Attribut "class" mit dem Wert "entrylink" weißt dem Link die Styleklasse "entrylink" zu, welche ihn rot hervorhebt:
<a href="{URL}" class="entrylink">{Anzuzeigender Text}</a>
------------------------------
Ein Link-Tag mit allen Attributen sieht also folgendermaßen aus:
<a href="{URL}" target="_blank" class="entrylink">{Anzuzeigender Text}</a>
<a href="{URL}">{Anzuzeigender Text}</a>
------------------------------
Mit dem Attribut "target" kann bestimmt werden, in welchem Fenster der Link geöffnet werden soll.
Der Wert "_blank" bedeutet, der Link wird in einem neuen Fenster geöffnet:
<a href="{URL}" target="_blank">{Anzuzeigender Text}</a>
------------------------------
Es ist zu empfehlen, einen Link farbig hervorzuheben. Standarmäßig wird er gräulich gekennzeichnet, doch ist dies auf hellem Hintergrund natürlich schlecht erkennbar.
Das Tag-Attribut "class" mit dem Wert "entrylink" weißt dem Link die Styleklasse "entrylink" zu, welche ihn rot hervorhebt:
<a href="{URL}" class="entrylink">{Anzuzeigender Text}</a>
------------------------------
Ein Link-Tag mit allen Attributen sieht also folgendermaßen aus:
<a href="{URL}" target="_blank" class="entrylink">{Anzuzeigender Text}</a>
2
On 4 Apr 2007 at 19:18:00 CEST
Einfügen von Bildern
Um ein Bild im Entrag einzufügen, muss ein spezieller HTML-Tag verwendet werden, der im Gegensatz zu anderen keinen Endtag besitzt.
Der Tag selbst ist <img> ("Image" abgekürzt).
Das Attribut "src" weißt die Source, also die Herkunfts-URL des Bildes zu:
<img src="{URL des Bildes}">
Mit weiteren Attributen wie "height" und "width" kann zusätzlich noch die Höhe und die Breite des Bildes angegeben werden. Wenn die Werte nicht den tatsächlichen Maßen des Bildes entsprechen, wird es entsprechend gestreckt. Wenn diese Attribute nicht angegeben werden, erscheint das Bild mit seinen normalen Maßen.
<img src="{URL des Bildes}" height="{Bildhöhe}" width="{Bildbreite}">
Quelle: Kleine HTML Dokumentation
Der Tag selbst ist <img> ("Image" abgekürzt).
Das Attribut "src" weißt die Source, also die Herkunfts-URL des Bildes zu:
<img src="{URL des Bildes}">
Mit weiteren Attributen wie "height" und "width" kann zusätzlich noch die Höhe und die Breite des Bildes angegeben werden. Wenn die Werte nicht den tatsächlichen Maßen des Bildes entsprechen, wird es entsprechend gestreckt. Wenn diese Attribute nicht angegeben werden, erscheint das Bild mit seinen normalen Maßen.
<img src="{URL des Bildes}" height="{Bildhöhe}" width="{Bildbreite}">
Quelle: Kleine HTML Dokumentation
1
On 23 Oct 2007 at 16:15:41 CEST
Textformatierung mit Hilfe von HTML
HTML-Befehle zur Textformatierung und -auszeichnung
. . . Text . . . <br> --> Zeilenumbruch (ohne Leerzeile)
<p> . . . Text . . . </p> --> Absatz (Mit Leerzeilen)
<b> . . . Text . . . </b> --> Text fett
<i> . . . Text . . . </i> --> Text kursiv
<u> . . . Text . . . </u> --> Text unterstrichen
<tt> . . . Text . . . </tt> --> Schreibmaschinentext
<font size="2"> . . . Text . . . </font> --> Schriftgröße (zw. 1 u. 7) [Absichtlich nicht formatiert]
<font face="Arial"> . . . Text . . . </font> --> Schriftart (hier: Arial)
<font color="red"> . . . Text . . . </font> --> Schriftfarbe (hier: Rot, auch als 6-stellige Hexadezimalzahl möglich)
<hr> --> Trennlinie:
TRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIE
. . . Text . . . <br> --> Zeilenumbruch (ohne Leerzeile)
<p> . . . Text . . . </p> --> Absatz (Mit Leerzeilen)
<b> . . . Text . . . </b> --> Text fett
<i> . . . Text . . . </i> --> Text kursiv
<u> . . . Text . . . </u> --> Text unterstrichen
<tt> . . . Text . . . </tt> --> Schreibmaschinentext
<font size="2"> . . . Text . . . </font> --> Schriftgröße (zw. 1 u. 7) [Absichtlich nicht formatiert]
<font face="Arial"> . . . Text . . . </font> --> Schriftart (hier: Arial)
<font color="red"> . . . Text . . . </font> --> Schriftfarbe (hier: Rot, auch als 6-stellige Hexadezimalzahl möglich)
<hr> --> Trennlinie:
TRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIETRENNLINIE