Querdenker, Freiheitsliebende und Idealisten
  Übersicht   Forum   Hilfe Arcade Suche Kalender Einloggen Registrieren   *
Seiten: [1]   Nach unten
  Drucken  
Autor Thema: [Hinweis] HTML in Beitraegen | Vergleich HTML & BBCode  (Gelesen 9753 mal)
adHX
/root & Administratoren
*
Offline Offline

Beiträge: 2499


Ich bin nur manchmal boese :P


Profil anzeigen WWW
« am: März 30, 2008, 17:02:46 »

Vorwort
Am Anfang waren wir ein wenig irritiert, da wir unser HTML nicht so nutzen konnten, wie wir es in der Vergangenheit wollten. Da es Aenderungen in diesem Bereich gibt, stellen wir euch nun vor, wie ihr Anleitungen und weitere Beitraege in HTML verfassen koennt.

Definition um HTML nutzen zu koennen mit Beispielcode
Um HTML nutzen zu koennen muss dieser Wert mittels BBCode erst gesetzt werden. Dies kann wie in dem folgenden Beispiel aussehen.

Code:
[html]
<b>Splash Screens fuer Grub</b>

 <a name="inhalt"><b>Inhalt</b></a>
<a href="#1">1. Vorwort</a>
<a href="#2">2. Auswahl des Bildes und die Anforderungen an dieses</a>
<a href="#3">3. Umwandeln eines Bildes in eine xpm</a>
...

 <u><a name="1">Vorwort</a></u>
<a href="#inhalt">Zurueck zum Inhalt</a>
...
<p>Unsere Benutzer lieben Smilies, daher waren wir nun gezwungen, <br>
unseren alten Bestand aus dem alten Forum (phpBB Plus) in dieses Forum zu uebertragen. bla bla...</p>
...
[html]

Wichtiger Hinweis zur HTML-Nutzung
Die groesste Aenderung betrifft nun auch die Verwendung von HTML, denn diese ist nun korrekt. Das hat zur Folge, dass Zeichenumbrueche, Textbloecke und alles weitere genau definiert werden muss. Eine Verwendung von BBCode ist in Beitraegen, welche HTML verwenden nicht mehr moeglich. Schriftfarben und weitere Kleinigkeiten muessen nun auch in HTML definitert werden.

Vergleich zwischen HTML und BBCode und Befehlsliste
Um euch dies nun einfacher zu machen, stellen wir euch einige Befehle vor. Personen welche mit dieser Sprache enger vertraut sind, werden hier keine Neuigkeiten lesen koennen.

1.nutzbare_HTML-Befehle2.Auswirkung3.Vergleichbarer-BBCode             4.Auswirkung
Code:
<p>
Das p stellt einen Absatz dar. Es kann weitere Elemente fuer einen Block beinhalten und auch weitere P-Befehle. In dem p koennt ihr Textbloecke setzen oder auch Linklisten.keinerFuer einen Textblock koennt ihr im Gegensetz zu HTML euere Texte normal schreiben. Sie werden wie beim verfassen auch dargestellt.
Code:
<br>
Dieser Befehl bewirkt einen Zeilenumbruch. Einfach nur per Enter in die naechste Zeile springen wird nicht angezeigt. Daher muss dieser Befehl immer angewendet werden. Was im Quelltext mit manuellen Umbruechen gemacht wurde, spielt keine Rolle.
Code:
[br]
Ist aber wie p unnoetig. Somit kann dieser Befehl auch weggelassen werden.
Code:
<hr>
Um einen Text mit einem Abtrennstrich zu versehen koennt ihr diesen Befehl nutzen.
Code:
[hr]
Um einen Text mit einem Abtrennstrich zu versehen koennt ihr diesen Befehl nutzen.
Code:
<font color="green"></font>
<font color="#00ff00"></font>
Die Schriftfarbe wird in gruen "green" dargestellt. Hier koennen englische Farben verwendet werden oder Farbcodes wie #00ff00. (missbilligt)
Code:
[color=green][/color]
[color=#00ff00][/color]
Die Schriftfarbe wird in gruen "green" dargestellt. Hier koennen englische Farben verwendet werden oder Farbcodes wie #00ff00.
Code:
<font size="Groesse"></font>
Mit diesen Befehl kann die Schriftgroesse veraendert werden. (missbilligt)
Code:
[size=Groessept][/size]
Mit diesen Befehl kann die Schriftgroesse veraendert werden.
Code:
<center></center>
Text wird zentriert dargestellt.
Code:
[center][/center]
Text wird zentriert dargestellt.
Code:
<ul><li></li></ul>
Hier wird eine Liste mit Aufzaehlungspunkten erstellt. li ist in diesem Fall fuer die Aufzaehlungspunkte verantwortlich. Diese koennen mehrfach verwendet werden.
Code:
[list][li][/li][/list]
Hier wird eine Liste mit Aufzaehlungspunkten erstellt. li ist in diesem Fall fuer die Aufzaehlungspunkte verantwortlich. Diese koennen mehrfach verwendet werden.
Code:
<ol><li></li></ol>
Mit diesem Befehl kann eine Liste mit einer Nummerierung dargestellt werden. Auch hier werden mit li weitere Nummerierungen angezeigt.
Code:
keiner
keine
Code:
<sup></sup>
So kann ein hochgesteller Text definiert werden.
Code:
[sup][/sup]
So kann ein hochgesteller Text definiert werden.
Code:
<sub></sub>
Tiefgesteller Text kann mit diesem Befehl erstellt werden.
Code:
[sub][/sub]
Tiefgesteller Text kann mit diesem Befehl erstellt werden.
Code:
<div align="left"></div>
Um einen Text linksbuendig darzustelen kann dieser Befehl verwendet werden. Es gibt noch weitere.
Code:
[left][/left]
Um einen Text linksbuendig darzustelen kann dieser Befehl verwendet werden.
Code:
<div align="right"></div>
Fuer einen rechtsbuendigen Text kann dieser Befehl verwendet werden. Auch hier bietet HTML auch andere Befehle.
Code:
[right][/right]
Fuer einen rechtsbuendigen Text kann dieser Befehl verwendet werden.
Code:
< img src="" alt="">
Um Bilder einfuegen zu koennen. Das Attribut alt definiert den Namen von dem Bild.
Code:
[img][/img]
Um Bilder einfuegen zu koennen. Zwischen die Befehlt muss die Bildadresse eingefuegt werden.
Code:
<a href=""></a>
Um einen Link zu erstellen ist dieser Befehl zu verwenden.
Code:
[url=][/url]
Um einen Link zu erstellen ist dieser Befehl zu verwenden.
Code:
<a name="anker"></a>
So kann ein Anker erstellt werden.
Code:
[anchor=beispiel][/anchor]
So kann ein Anker erstellt werden.
Code:
<a href="#anker"></a>
So springt man zu einen Anker.
Code:
[iurl=#anker][/iurl]
So springt man zu einen Anker.
Code:
<a href="mailto:email"></a>
So kann eine E-Mail-Adresse in einen Text eingebaut werden.
Code:
[email][/email]
So kann eine E-Mail-Adresse in einen Text eingebaut werden.
Code:
<table><tr><td></td><td></td></tr></table>
So kann eine Tabelle mit einer Zeile und zwei Spalten angelegt werden. Dieser Befehl wird komplexer als er wirklich ist. Daher nun weitere Informationen: wuenscht man eine weitere Zeile, wird ein tr angelegt. In diesem tr werden wieder zwei td-Elemente eingefuegt um in der zweiten Zeile auch wieder zwei Spalten zu haben. Man kann diese natuerlich beliebig fortsetzen.
Code:
[table][tr][td][td][/td][/td][/tr][/table]
So kann eine Tabelle mit einer Zeile und zwei Spalten angelegt werden. Dieser Befehl wird komplexer als er wirklich ist. Daher nun weitere Informationen: wuenscht man eine weitere Zeile, wird ein tr angelegt. In diesem tr werden wieder zwei td-Elemente eingefuegt um in der zweiten Zeile auch wieder zwei Spalten zu haben. Man kann diese natuerlich beliebig fortsetzen.

Ausnahmen
Wie ueberall gibt es natuerlich auch hier Ausnahmen. Im Adminbereich werden die HTML-Befehle angezeigt, welche nicht extra als HTML definiert werden muessen. Diese koennen immer verwendet werden. Auch gemischt mit BBCode.



Schlusswort
Auch bei dieser Anleitung uebernehmen wir keine Haftung fuer Schaeden die auftreten koennen. Ansonsten hoffen wir, dass wir mit dieser Anleitung helfen konnten! Bei Fragen und Anregungen sind wir unter http://www.quefi.de zu finden. Unser Forum ist unter http://www.quefi.de/forum.

Lizenz
Dieser Text unterliegt der GNU Free Documentation License (FDL). Freie Verbreitung in modifizierter oder unmodifizierter Form ist erlaubt; Modifikationen muessen unmissverstaendlich gekennzeichnet sein und ebenfalls unter der FDL vertrieben werden.

delforcer "adHX" VZ ctypp "cyhx"
Erstfassung: 30/03/08
« Letzte Änderung: Mai 14, 2008, 16:47:46 von cyhx » Gespeichert

adHX


Zitat von: vaHX
d3l du kleines miststück!

Jabber bei uns! :jabb:  Uebersicht qfi-Jabber
cyhx
qfi-Forenmitglied
*
Offline Offline

Beiträge: 652



Profil anzeigen
« Antworten #1 am: Mai 14, 2008, 17:16:11 »

Anleitung als PDF.

Download
Gespeichert
Seiten: [1]   Nach oben
  Drucken  
 
Gehe zu:  

Willkommen Gast. Bitte einloggen oder registrieren.
September 23, 2017, 09:34:08

Einloggen mit Benutzername, Passwort und Sitzungslänge
quefi.de Hauptseite
qfi Spielhalle
Wir haben nun auch eine Spielhalle. Ihr kommt zu dieser, wenn ihr unserem Link folgt.

Spielhalle

Letzte 15 Shouts:
März 22, 2015, 18:30:09
ist das jetzt gut oder schlecht? BTW hier ist aber auch nix mehr los, oder?
März 13, 2015, 00:05:40
Das Hoffi! Habe extra auf dieses Datum gewartet Cheesy
November 24, 2014, 15:14:02
Buh!
November 05, 2013, 18:49:36
Normalweise solltest du schon ins TS trampeln...
November 04, 2013, 11:50:08
klopf klopf ;-)
April 19, 2013, 19:49:41
Es lebt Smiley Grueße von uns Smiley
April 18, 2013, 14:28:56
nix mehr los hier??? ;-)
Mai 16, 2012, 03:50:47
@ Deathman,

Mail bitte unverschlusselt, Tower ist platt.
März 27, 2012, 00:45:51
-.-*
März 25, 2012, 23:02:40
außerhalb? In welchem Teil der Erde wirst du wohl gesteckt haben wo sie nicht mal ein Telefon besitzen. Naja aber Internet...
März 25, 2012, 22:29:53
Wie soll ich denn von außerhalb anrufen? Cheesy Macht sich schlecht.
März 23, 2012, 14:32:49
Um die Uhrzeit wäre es die Ausnahme und nicht die Regel. Aber solange du mich nicht anrufst kann das Verlangen nach mir nicht erwähnenswert sein
März 23, 2012, 08:39:01
schon gut, hat sich erledigt, bin im jabber drinne, also schlaf weiter Smiley
März 23, 2012, 08:30:48
Deathman, biste da? wenn ja mach mal mieP Cheesy
Februar 20, 2012, 05:09:17
Bitte mal keine Benutzer freigeben, moechte die Emails von denen sehen Smiley
1 Gast, 0 Mitglieder
Theme

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2006, Simple Machines
TinyPortal v0.9.8 © Bloc
Prüfe XHTML 1.0 Prüfe CSS
Seite erstellt in 1.049 Sekunden mit 29 Zugriffen.