Wiki:
...GOOGLESEARCH...
Page name: Pseudo HTML auf Deutsch [Logged in view] [RSS]
2005-04-03 02:07:05
Last author: Franzie
Owner: Franzie
# of watchers: 1
Fans: 0
D20: 12
Bookmark and Share
<img:stuff/PseudoHTML.jpg>


<img:stuff/Divider.jpg>


Eine Anleitung für das Pseudo HTML in der Modelica Community


Das eingeschränkte “pseudo HTML” in der Modelica Community ermöglicht es, Texte zu formatieren, Bilder einzufügen und Links zu Posts, Mitgliedern, Wiki-Seiten und anderen Web-Seiten zu legen. Das pseudo HTML funktioniert überall – in Nachrichten, in Posts, in der eigenen Beschreibung (Präsentation), im Block (blog) und natürlich auf den Wiki-Seiten.

<img:stuff/Divider.jpg>


Inhalt

Pseudo HTML auf Deutsch #1: Einleitung
Pseudo HTML auf Deutsch #2: Texte formatieren
Pseudo HTML auf Deutsch #3: Text vergrößern
Pseudo HTML auf Deutsch #4: Text zentrieren
Pseudo HTML auf Deutsch #5: Text nach rechts ausrichten
Pseudo HTML auf Deutsch #6: Text fett, schräg oder unterstrichen darstellen
Pseudo HTML auf Deutsch #7: Elemente einfügen
Pseudo HTML auf Deutsch #8: Ein Bild einfügen
Pseudo HTML auf Deutsch #9: Einen Horizontalen Trennungsbalken einfügen
Pseudo HTML auf Deutsch #10: Größe von Bildern verändern
Pseudo HTML auf Deutsch #11: Links kreieren
Pseudo HTML auf Deutsch #12: Zu einer Web-Seite linken
Pseudo HTML auf Deutsch #13: Zu einer Modelica Community Wiki linken
Pseudo HTML auf Deutsch #14: Zu einem Modelica Community Mitglied linken
Pseudo HTML auf Deutsch #15: Zu einem Post linken
Pseudo HTML auf Deutsch #16: Zu einer Umfrage linken
Pseudo HTML auf Deutsch #17: Zu einem Block-Eintrag linken
Pseudo HTML auf Deutsch #18: Zu einem privaten Forum linken
Pseudo HTML auf Deutsch #19: Zu einem öffentlichen Forum linken
Pseudo HTML auf Deutsch #20: Zu Neuigkeiten auf der Startseite linken
Pseudo HTML auf Deutsch #21: Zu irgendeiner Seite der Modelica Community linken
Pseudo HTML auf Deutsch #22: Zu einer privaten Nachricht linken
Pseudo HTML auf Deutsch #23: Tags schreiben, die angezeigt werden
Pseudo HTML auf Deutsch #24: Gemischte Anmerkungen
Pseudo HTML auf Deutsch #25: Absatz und Zeilenumbruch
Pseudo HTML auf Deutsch #26: HTML Tags die nicht funktionieren
Pseudo HTML auf Deutsch #27: Wenn das pseudo HTML nicht das tut, was Du willst
Pseudo HTML auf Deutsch #28: Andere hilfreiche Seiten

Anmerkung: Klick auf einen der Links und Du wirst zu dem entsprechenden Teil dieser Wiki gebracht.

<img:stuff/Divider.jpg>


Einleitung



Was ist HTML?

HTML steht für HyperText Markup Language und besteht aus ‚Codes’ – sog. Tags – die in den Text eingefügt werden könne, um zu bestimmen, wie der Text dargestellt werden soll (fett, schräg, etc.), wohin ein bestimmter Link führen soll, oder dass ein Objekt (zum Beispiel ein Bild) in den Text integriert werden soll.

Einige Tags sind einzeln, wie zum Beispiel der <hr> Tag, der bestimmt, dass eine horizontale Linie in den Text eingefügt werden soll. Andere Tags gibt es nur paarweise, also mit einem Start-Tag und einem End-Tag, die um den zu formatierenden Text geschrieben werden. Beispiele für solche paarweisen Tags sind die <b> ... </b> und <i> ... </i> Tags, die den Text fett bzw. Schräg darstellen lassen.

Was ist dieses " pseudo HTML der Modelica Community"?

Das ‘pseudo HTML’ in der Modelica Community ist ein eingeschränktes Set von HTML Tags und einigen Modelica Community-spezifischen ‘Codes’, die in Posts, auf Wikis, in der eigenen Beschreibung (Präsentation) usw. funktionieren. Die zur Verfügung stehenden Codes und Tags werden weiter unten beschrieben.

<img:stuff/Divider.jpg>


Texte formatieren



Texte können mit einer Anzahl von ‘normalen’ HTML Tags formatiert werden. Nicht ALLE HTML Tags sind erlaubt, weil sie die Seiten schlichtgesagt grässlich aussehen lassen würden.

<img:stuff/Divider.jpg>


Text vergrößern

Text kann ganz leicht vergrößert werden, indem die Kopfzeilentags ‚h1’ und ‚h2’ verwendet werden (andere Kopfzeilentags funktionieren nicht!):

<h1> riesige Kopfzeile "h1" endet mit </h1>
<h2> große Kopfzeile "h2" endet mit </h2>

h1 sieht so aus


h2 sieht so aus




Den PRE Tag benutzen:

Der PRE Tag ermöglicht es, einen pre-formatierten Text zu schreiben, wobei festgesetzte Schriftgröße benutzt wird und alle zusätzlichen Leerzeichen (die sonst gelöscht werden) angezeigt werden:

<pre> Tag zum pre-Formatieren "pre" endet mit </pre>

Ein Beispiel:
    Dieser Text ist pre-
            formatiert
   

<img:stuff/Divider.jpg>


Text zentrieren

Ein Text kann zentriert werden, wenn der ‘center’ Tag so verwendet wird:

<center>Zu zentrierender Text </center>

Ein Beispiel:
Zentrierter Text


<img:stuff/Divider.jpg>


Text nach rechts ausrichten

Der Text kann nach rechts ausgerichtet werden, wenn der ‚right’ Tag so verwendet wird:

<right>Nach rechts auszurichtender Text</right>

Ein Beispiel:
Nach rechts ausgerichteter Text


<img:stuff/Divider.jpg>


Den Text fett, schräg oder unterstrichen darstellen

Der Text kann fett, schräg oder unterstrichen dargestellt werden, wenn der ‚b’, ‚i’ oder ‚u’ Tag so verwendet wird:

<b> Fett-Tag "b" endet mit </b>
<i> Schräg-Tag "i" endet mit </i>
<u> Unterstrichen-Tag "u" endet mit </u>

Fetter Text sieht so aus
Schräger Text sieht so aus
Unterstrichener Text sieht so aus

Fett, schräg, unterstrichen, zentriert und pre-formatiert können kombiniert werden, so dass es einen Text gibt, der zum Beispiel sowohl fett als auch schräg geschrieben ist, während er ebenfalls pre-formatiert oder zentriert sein kann. Man kann außerdem auch die Kopfzeilen- und schrägschreibe-Tags kombinieren, um eine schräge Kopfzeile zu erhalten.

*Nicht vergessen, zu jedem paarweisen Tag auch jeweils den dazugehörigen End-Tag zu schreiben, also bei h1, h2, pre, center, b, u und i. Wird der End-Tag vergessen, werden alle Tags des gleichen Typs nicht funktionieren! Dies ist einer der am häufigsten auftretenden Fehler!

Kleine Anmerkung: ‚b’ leitet sich von ‚bold’ (fett), ‚i’ leitet sich von ‚italic’ (schräg) und ‚u’ leitet sich von ‚underlined’ (unterstrichen) ab; das ‚h’ in z.B. ‚h1’ bezieht sich auf ‚header’ (Kopfzeile)!

<img:stuff/Divider.jpg>


Elemente einfügen



Es gibt zwei ‘Elemente’, die in einen Text eingefügt werden können: Bilder und horizontale Trennungsbalken

<img:stuff/Divider.jpg>


Ein Bild einfügen

Um ein Bild in einen Text einzufügen, schreibe den Modelica Community-spezifischen ‚IMG’ Tag an die Stelle im Text, an der später das Bild erscheinen soll: <IMG:(URL zum Bild)>

Ein Beispiel:
<IMG:http://www.modelicacommunity.org/mlogo.jpg>

Der oben geschriebene IMG Tag hat das zur Folge:
<img:http://www.modelicacommunity.org/mlogo.jpg>

Das Bild muss nicht in der Modelica Community hochgeladen sein, aber es muss sich im Internet befinden. Du kannst also kein Bild direkt von Deinem PC benutzen.

Kleine Anmerkung: ‚IMG’ bezieht sich auf ‚Image’ (Bild)!

<img:stuff/Divider.jpg>


Einen horizontalen Trennungsbalken einfügen

Horizontale Trennungsbalken (Linien) werden durch die Verwendung des ‚hr’ Tags eingefügt:

<hr>

Es gibt einen horizontalen Trennungsbalken unter dieser Zeile, falls Du sehen möchtest, wie das aussieht.




Er ‘hr’ Tag kann nicht geschlossen werden, genau wie der ‘IMG’ Tag – es handelt sich hierbei um einzel-Tags.

Kleine Anmerkung: ‘hr’ kommt von ‚horizontal ruler’ (horizontaler Trennungsbalken)!

<img:stuff/Divider.jpg>


Größe von Bildern verändern


Wenn Du Bilder in Texte einfügst, kannst Du ebenfalls deren Größe ändern, und zwar ganz einfach indem Du ein oder zwei Zahlen vor das ‚:’ schreibst, etwa so:
<IMG100:http://www.modelicacommunity.org/mlogo.jpg> das sieht dann so aus:
<img100*0:http://www.modelicacommunity.org/mlogo.jpg>
(das Verhältnis von Höhe und Breite wird beibehalten, aber die neue Breite wird 50px betragen)

ODER verändere die Höhe und Breite getrennt:

<IMG50*100:http://www.modelicacommunity.org/mlogo.jpg> sieht dann so aus: <img50*100:http://www.modelicacommunity.org/mlogo.jpg> (die Bildgröße wurde auf 25px*50px verändert)

<img:stuff/Divider.jpg>


Links kreieren



Links sind ganz einfach in der Modelica Community. Die <A HREF=....> Konstruktion, die vom HTML her bekannt sein dürfte, wird nicht verwendet. Wie ein Link ‚gebastelt’ wird, hängt hier davon ab, von welchem Typ der Link ist.

<img:stuff/Divider.jpg>


Zu einer Web-Seite linken

Einen Link zu einer Web-Seite zu erstellen ist wirklich simpel: Schreibe einfach die URL – das wars schon!

http://www.modelicacommunity.org

<img:stuff/Divider.jpg>


Zu einer Modelica Community Wiki linken

Um einen Link zu einer Seite innerhalb der Modelica Community anzulegen schreibe den Namen der Seite gefolgt von @wiki innerhalb eckiger Klammern. Wenn das richtig gemacht wurde, wird der Name der Seite ohne die eckigen Klammern und das @wiki als funktionierender Link im fertigen Text erscheinen.

Ein Beispiel:
[index@wiki]

Dieser Link sieht dann so aus:
index

(Fortgeschritten: Zwischen ‘@wiki’ und ‘]’ kannst Du ‚edit’, Versionsnummer und/oder #wo in der Seite (mit ), etwa so: [page@wikiedit88#hint] Dies führt zur 88. Version der Seite ‚Page’, mit einem Veränderungsbogen beim ersten <#hint>)

<img:stuff/Divider.jpg>


Zu einem Modelica Community Mitglied linken

Um zu einem Mitglied der Modelica Community zu linken, schreibe einfach den Benutzernamen des betreffenden Mitglieds innerhalb von eckigen Klammern (kein @wiki diesmal, oder es wird ein Link zu einer Wiki-Seite erstellt...)

Ein Beispiel:
[Kaj

<img:stuff/Divider.jpg>


Zu einem Post linken

Zu einem Post zu linken ist sehr ähnlich, wie zu einem Mitglied zu linken; einfach die Nummer des Posts innerhalb von eckigen Klammern schreiben:

[2]

<img:stuff/Divider.jpg>


Zu einer Umfrage linken

Eine Umfrage kann so verlinkt werden: <poll:(Nummer der Umfrage)>

Ein Beispiel:
<poll:1>

Die Nummer der Umfrage kann gleich neben dem Titel der betreffenden Umfrage gefunden werden.

<img:stuff/Divider.jpg>


Zu einem Block Eintrag linken

Du kannst zu einem Block Eintrag linken, indem Du diese Syntax benutzt: <diary:Nummer des Eintrags>

Ein Beispiel:
<diary:1>

<img:stuff/Divider.jpg>


Zu einem privaten Forum linken

Wenn Du ein privates Forum erstellt hast, kannst Du auch einen Link dazu erstellen, der dann das Passwort beinhalted, um Mitgliedern zu ermöglichen, dem Forum ohne Einladung beizutreten. Der Link sieht wie folgt aus:
<joinforum:(Nummer des Forums):(Passwort)>

Ein Beispiel:
<joinforum:64:play> (Unknown secret forum number)

<img:stuff/Divider.jpg>


Zu einem öffentlichen Forum linken

Ein Link zu einem normalen Forum ist ein wenig komplizierter als der zu einem privaten Forum. Benutze hierzu den pseudo HTML ‚URL’ Tag, und schreibe die Modelica URL zum Forum hinein:
<URL:view_forum?forumnr=(Nummer des Forums)>

Ein Beispiel:
<URL:view_forum.html?forumnr=1>

Ein Klick auf den Link öffnet ein neues Fenster.

<img:stuff/Divider.jpg>


Zu Neuigkeiten auf der Startseite linken

So kannst DU zu den Neuigkeiten auf der Startseite verlinken: <URL:news.html?nrs=(Nummer der Neuigkeit)>

Ein Beispiel:
<URL:news.html?nrs=1>

Ein Klick auf den Link öffnet ein neues Fenster.

<img:stuff/Divider.jpg>


Zu irgendeiner Seite innerhalb der Modelica Community linken

Um zu einer Seite innerhalb der Modelica Community zu linken, verwende einfach den pseude HTML ‚URL’ Tag:
<URL:(Modelica Community URL)>

Ein Beispiel:
<URL:help.html>

‘Modelica Community URL’ ist die gleiche URL zur Seite, aber ohne "http://www.modelicacommunity.org/".
Ein Klick auf den Link öffnet ein neues Fenster.

<img:stuff/Divider.jpg>


Zu einer privaten Nachricht linken

In einer Nachricht an ein anderes Mitglied kannst Du zu einer vorher an dieses Mitglied verschickten oder von diesem Mitglied erhaltenen Nachricht linken.
Das geht wie folgt:
[Nummer der Nachricht@]
Die Nummer der Nachricht zu der Du linken möchtest, kann am Anfang der betreffenden Nachricht gefunden werden.
Dort steht: ‚Letter number: #’ (Nachricht Nummer:..).

Der Empfänger kann auf den Link klicken und wird somit zur verlinkten Nachricht geleitet.

Anmerkung: Du kannst nur zu einer Nachricht linken, die zu der gleichen Person gesendet bzw. von der gleichen Person aus verschickt wurde, zu der die aktuelle Nachricht geschrieben wird.

<img:stuff/Divider.jpg>


Tags schreiben, die angezeigt werden

Wenn Du einen pseudo HTML Tag schreiben willst, der auch als Tag angezeigt werden soll, anstatt als solcher interpretiert zu werden (wie all die Beispiele auf dieser Seite), schreib einfach den String ‚’ irgendwo in den Tag.

Ein Beispiel:
<!uQt!b> [help@!uQt!wiki] <!uQt!/b> 

Das wird so aussehen:
<b> [help@wiki] </b> 

Anstatt so:

help  

Du kannst das !uQt! auch innerhalb eines anderen !uQt! verwenden, um den !uQt Tag anzeigen zu lassen...

<img:stuff/Divider.jpg>


Gemischte Anmerkungen



Groß- und kleinschreibung:

Tags können sowohl groß als auch klein geschrieben werden, aber der ganze Tag muss sich im selben ‚Fall’ befinden. Das heißt, sowohl <hr> als auch <HR> ist richtig, aber <Hr> und <hR> wäre falsch.

<img:stuff/Divider.jpg>


Absatz und Zeilenumbruch

Wie Dir vielleicht schon aufgefallen ist, werden in der Modelica Community keine Absatz oder Zeilenumbruch Tags (<p> und <br>) verwendet. Stattdessen wird der Text ganz normal verfasst, wie in einem Textbearbeitungsprogramm, wobei die Enter Taste benutzt wird, um eine neue Zeile zu beginnen.

<img:stuff/Divider.jpg>


HTML Tags die nicht funktionieren

Hier ist eine Liste einiger (nicht aller) HTML Tags, die nicht funktionieren:

<h4> <h5> <marquee> <font color=red> <blink>

<img:stuff/Divider.jpg>


Wenn das pseudo HTML nicht das tut, was Du willst

Es gibt einige häufig begangene Fehler, die Dein pseudo HTML blockieren können:

Start- und End-Tag sind nicht zusammen Dies führt dazu, dass alle Tags des selben Typs aufhören, ordentlich zu funktionieren. Gehe durch den Text und finde heraus, ob wirklich jeder Start-Tag auch einen End-Tag hat (und jeder End-Tag einen Start-Tag). Das betrifft die ‚b’, ‚i’, ‚h1’ und ‚h2’ Tags.

’@wiki’ fehlt im Link zu einer Wiki-Seite Das führt dazu, dass der Link in eckigen Klammern erscheint, und als Link zu einem Mitglied interpretiert wird.
Schreibe einfach ein @wiki hinter den Namen der Seite, innerhalb der Klammern.

<img:stuff/Divider.jpg>


Other useful pages



Mehr Informationen zur Benutzung der Modelica Wikis können unter Wiki Guide gefunden werden.

Werfe außerdem einen Blick auf die anderen Hilfe auf Deutsch Seiten und gehe zum Newbie Forum!

<img:stuff/Divider.jpg>


Gehe zu oder kehre zurück zu (Go or return to):
Deutsch:
- Hilfe auf Deutsch
- Navigation auf Deutsch

Englisch bzw. noch nicht übersetzt:
- Help
- Navigation
- Presentation Navigation
- Wiki guide
- Forum guide
- Model guide
- Pseudo HTML

Missing: </h3>Missing: </sub>Missing: </sup>

Username (or number or email):

Password:

Show these comments on your site
News about Modelica Community
Help - How does Modelica Community work?