Hilfe:Textgestaltung: Unterschied zwischen den Versionen

Aus Narutopedia
Wechseln zu: Navigation, Suche
K (ich will nur helfen^^)
(so^^)
Zeile 1: Zeile 1:
 
{{Hilfe_Navigation}}
 
{{Hilfe_Navigation}}
 
'''HTML''' ''(Hypertext Markup Language)'' wird benutzt, um eine Webseite bzw. ihr "Grundgerüst" zu erstellen. In einer gut entwickelten Webseite kommt man oftmals mit HTML nicht immer zurecht, da man viele Erweiterungen braucht, welche HTML nicht bietet. Auch in einem Wiki kann man ein "Grundgerüst" mit HTML erstellen. Zu beachten ist aber, dass es für viele HTML-Befehle auch einen Wiki-Syntax-Befehl gibt. Allerdings funktionieren nicht alle HTML-Befehle in einem Wiki, es sei denn, der Sysop ''(System Operator)'' hat diese Funktion freigeschaltet.  
 
'''HTML''' ''(Hypertext Markup Language)'' wird benutzt, um eine Webseite bzw. ihr "Grundgerüst" zu erstellen. In einer gut entwickelten Webseite kommt man oftmals mit HTML nicht immer zurecht, da man viele Erweiterungen braucht, welche HTML nicht bietet. Auch in einem Wiki kann man ein "Grundgerüst" mit HTML erstellen. Zu beachten ist aber, dass es für viele HTML-Befehle auch einen Wiki-Syntax-Befehl gibt. Allerdings funktionieren nicht alle HTML-Befehle in einem Wiki, es sei denn, der Sysop ''(System Operator)'' hat diese Funktion freigeschaltet.  
 +
  
 
== Wiki-Syntax oder HTML? ==
 
== Wiki-Syntax oder HTML? ==
 
Welchen Syntax man nun nehmen soll, ist etwas umstritten. Jeder hat seine Vor-, und Nachteile, wobei der Wiki-Syntax speziell für das Wiki entwickelt wurde.
 
Welchen Syntax man nun nehmen soll, ist etwas umstritten. Jeder hat seine Vor-, und Nachteile, wobei der Wiki-Syntax speziell für das Wiki entwickelt wurde.
 +
  
 
== Funktionen via HTML ==
 
== Funktionen via HTML ==
 
Einige Funktionen muss man praktisch via HTML machen, da sie im Wiki-Syntax sehr umständlich wären.
 
Einige Funktionen muss man praktisch via HTML machen, da sie im Wiki-Syntax sehr umständlich wären.
  
== Text ==
 
Einige Beispiele für die Verwendung von HTML in Zusammenhang mit einem Satz oder Test
 
 
=== Färben ===
 
Einen Text färbt man mittels "span".
 
<pre>
 
<span style="color: green;">TEXT</span>
 
</pre>
 
Wobei dabei diese Ausgabe entsteh: <span style="color: green;">TEXT</span><br />
 
Alternativ kann man auch noch weitere, Englische Farbnamen nutzen. -> [http://www.homepage-total.de/html/farbnamen.php Englische Farben]
 
 
=== Grösse ===
 
Einen Text kann man mittels "span" grösser/kleiner machen.
 
<pre>
 
<span style="font-size:17px">TEXT</span>
 
</pre>
 
Dabei entsteht folgende Ausgabe: <span style="font-size:17px">TEXT</span><br />
 
Hier hätte man mit dem Wiki-Syntax "big" genau das selbe Ergebnis erhalten.
 
  
=== unterstreichen, durchstreichen, etc. ===
+
==Textbearbeitung via HTML==
Folgende Grundmuster sind dabei gemeint:
+
* <u><u>Unterstrichen</u></u>
+
* <s><s>Durchgestrichen</s></s>
+
* <strong><strong>Fett</strong></strong> (Wiki-Syntax: <nowiki>'''Text'''</nowiki>)
+
* <i><i>Kursiver Text</i></i> (Wiki-Syntax: <nowiki>''Text''</nowiki>)
+
  
=== Schriftart ===
+
{| class="prettytable"
Ebenfalls mittels "span" ändert man die Schriftart.
+
! bgcolor="#f1f1f1" width="25%" | Code
<pre>
+
! bgcolor="#f1f1f1" width="25%" | Ergebnis
<span style="font-family:Times">TEXT</span>
+
! bgcolor="#f1f1f1" width="50%" | Erklährung
</pre>
+
|-
Dabei entsteht folgende Ausgabe: <span style="font-family:Times">TEXT</span>
+
| <nowiki><span style="color: green;">TEXT</span></nowiki> || <span style="color: green;">TEXT</span> || Mit diesem Code kann man die '''Farbe ändern'''.<br />Man kann den Wert einerseits mit den <span class="plainlinks">[http://www.homepage-total.de/html/farbnamen.php englischen Wörtern] für die Farben benutzen (green, red, black, white etc.), aber auch mit den [[Hilfe:Tabellen#Farbcodes|Farbcodes]]
 +
|-
 +
| <nowiki><span style="font-size:17px">TEXT</span></nowiki> || <span style="font-size:17px">TEXT</span> || Mit diesem Code kann man die '''Größe eines Textes ändern'''.<br />Man kann den Wert "px" auch durch andere Größen-Einheiten ändern (z.B.: em).<br />Mit dem Wiki-Syntax könnte man den gleichen Wert (17px) auch mit <nowiki><big>TEXT</big></nowiki> erstellen.
 +
|-
 +
| <nowiki><u>UNTERSTRICHENER TEXT</u></nowiki> || <u>UNTERSTRICHENER TEXT</u> || Mit diesem Code kann man einen '''unterstrichenen Text''' erstellen.<br />''Bedeutung: Das "u" bedeutet "underlined".''
 +
|-
 +
| <nowiki><s>DURCHGESTRICHENER TEXT</s></nowiki> || <s>DURCHGESTRICHENER TEXT</s> || Mit diesem Code kann man einen '''durchgestrichenen Text''' erstellen.<br />''Bedeutung: Das "u" bedeutet "strike".''
 +
|-
 +
| <nowiki><b>FETTER TEXT</b></nowiki> || <b>FETTER TEXT</b> || Mit diesem Code kann man einen '''fetten Text''' erstellen.<br />Man kann diesen Code auch mit dem Wiki-Syntax-Code erstellen (<nowiki>'''TEXT'''</nowiki>)<br />''Bedeutung: Das "b" bedeutet "bold".''
 +
|-
 +
| <nowiki><i>KURSIVER TEXT</i></nowiki> || <i>KURSIVER TEXT</i> || Mit diesem Code kann man einen '''kursiven Text''' erstellen.<br />Man kann diesen Code auch mit dem Wiki-Syntax-Code erstellen (<nowiki>''TEXT''</nowiki>)<br />''Bedeutung: Das "i" bedeutet "italic".''
 +
|-
 +
| <nowiki><span style="font-famaly:Times">TEXT</span></nowiki> || <span style="font-famaly:Times">TEXT</span> || Mit diesem Code kann man '''die Schriftart ändern'''.<br />Man sollte die Standard-Schriftarten nehmen, denn wenn ein Besucher nicht die angegebene Schriftart besitzt sieht er die Schrift mit der "normalen" Schriftart: Arial.<br />Man kann dies verhindern indem man nach einer Schriftart (hier: Times) ein Komma (,) setzt und danach eine Standard-Schrift schreibt. Das bedeutet, wenn der Besucher keine Schriftart "Times" (Eig. unmöglich, denn "Times" ist eine Standard-Schrift) hat, sieht er die Schrift, die danach kommt. Man kann dies so oft machen wie man will.<br />''Bedeutung: Standard-Schrift: Diese Schrift haben fast alle Computer.''
 +
|}

Version vom 15. Mai 2008, 13:53 Uhr

Vorlage:Hilfe Navigation HTML (Hypertext Markup Language) wird benutzt, um eine Webseite bzw. ihr "Grundgerüst" zu erstellen. In einer gut entwickelten Webseite kommt man oftmals mit HTML nicht immer zurecht, da man viele Erweiterungen braucht, welche HTML nicht bietet. Auch in einem Wiki kann man ein "Grundgerüst" mit HTML erstellen. Zu beachten ist aber, dass es für viele HTML-Befehle auch einen Wiki-Syntax-Befehl gibt. Allerdings funktionieren nicht alle HTML-Befehle in einem Wiki, es sei denn, der Sysop (System Operator) hat diese Funktion freigeschaltet.


Wiki-Syntax oder HTML?

Welchen Syntax man nun nehmen soll, ist etwas umstritten. Jeder hat seine Vor-, und Nachteile, wobei der Wiki-Syntax speziell für das Wiki entwickelt wurde.


Funktionen via HTML

Einige Funktionen muss man praktisch via HTML machen, da sie im Wiki-Syntax sehr umständlich wären.


Textbearbeitung via HTML

Code Ergebnis Erklährung
<span style="color: green;">TEXT</span> TEXT Mit diesem Code kann man die Farbe ändern.
Man kann den Wert einerseits mit den englischen Wörtern für die Farben benutzen (green, red, black, white etc.), aber auch mit den Farbcodes
<span style="font-size:17px">TEXT</span> TEXT Mit diesem Code kann man die Größe eines Textes ändern.
Man kann den Wert "px" auch durch andere Größen-Einheiten ändern (z.B.: em).
Mit dem Wiki-Syntax könnte man den gleichen Wert (17px) auch mit <big>TEXT</big> erstellen.
<u>UNTERSTRICHENER TEXT</u> UNTERSTRICHENER TEXT Mit diesem Code kann man einen unterstrichenen Text erstellen.
Bedeutung: Das "u" bedeutet "underlined".
<s>DURCHGESTRICHENER TEXT</s> DURCHGESTRICHENER TEXT Mit diesem Code kann man einen durchgestrichenen Text erstellen.
Bedeutung: Das "u" bedeutet "strike".
<b>FETTER TEXT</b> FETTER TEXT Mit diesem Code kann man einen fetten Text erstellen.
Man kann diesen Code auch mit dem Wiki-Syntax-Code erstellen ('''TEXT''')
Bedeutung: Das "b" bedeutet "bold".
<i>KURSIVER TEXT</i> KURSIVER TEXT Mit diesem Code kann man einen kursiven Text erstellen.
Man kann diesen Code auch mit dem Wiki-Syntax-Code erstellen (''TEXT'')
Bedeutung: Das "i" bedeutet "italic".
<span style="font-famaly:Times">TEXT</span> TEXT Mit diesem Code kann man die Schriftart ändern.
Man sollte die Standard-Schriftarten nehmen, denn wenn ein Besucher nicht die angegebene Schriftart besitzt sieht er die Schrift mit der "normalen" Schriftart: Arial.
Man kann dies verhindern indem man nach einer Schriftart (hier: Times) ein Komma (,) setzt und danach eine Standard-Schrift schreibt. Das bedeutet, wenn der Besucher keine Schriftart "Times" (Eig. unmöglich, denn "Times" ist eine Standard-Schrift) hat, sieht er die Schrift, die danach kommt. Man kann dies so oft machen wie man will.
Bedeutung: Standard-Schrift: Diese Schrift haben fast alle Computer.