You are here: Startseite → How To → how to wiki → Texte richtig formatieren

Texte richtig formatieren

Tags
Backlinks
» Tags: "Texte richtig formatieren" is tagged as
» Backlinks: These Wikipages link to "Texte richtig formatieren"

Am besten schaut ihr immer mal wieder in die HTML-Ansicht, denn der Editor verzapft oft Unsinn. Die WYSIWYG-Ansicht entspricht auch nicht immer dem was nachher im Browser angezeigt wird. Wer mit HTML gar nichts anfangen kann, kann sich hier schnell einlesen:
 Wikipediaeintrag Hypertext Markup Language
Ein ausführliches deutschsprachiges Kompendium ist "SELFHTML":
SELFHTML Version 8.1.2

Textabschnitte

Textabschnitte werden mit <P> (für paragraph) formatiert.
Beispiel:

<P>Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum.Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor siamet. Lorem ipsum dolor sit amet, consetet.</P>

Überschriften

Überschriften werden mit <H2> formatiert.
Beispiel:

<H2> Das ist eine Überschrift</H2>

Unterüberschriften

Unterüberschriften werden mit <H3> formatiert.
Beispiel:

<H3> Das ist eine Unterüberschrift</H3>

Zitate

Zitate werden mit <P class="callout">formatiert.

Beispiel:

<P class="callout"> Phantasie ist wichtiger als Wissen,
denn Wissen ist begrenzt.
- Albert Einstein
</P>

 

Ergebnis im Browser:

Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. - Albert Einstein

 

Kleiner Text

Kleiner Text wird mit <P class="discreet"> formatiert.

Beispiel:

<P class="discreet">Dies sind die Allgemeinen Geschäftsbedingungen
(im Folgenden: „AGB“) für die Nutzung der Websites</P>

 

Ergebis im Browser:

Dies sind die Allgemeinen Geschäftsbedingungen (im Folgenden: „AGB“) für die Nutzung der Websites

 

Codeblöcke

Code, also z.B. Programmcode oder HTML-Quelltext der sichtbar sein soll, werden mit <DIV class="codeblock"> formatiert.
Beispiel:

<DIV class="codeblock">void setup() { size(2000, 2000, PDF, "Line.pdf"); } void draw() { background(255); stroke(0, 20); strokeWeight(20.0); line(200, 0, width/2, height); exit(); }</DIV>

 

Gestrichelte Linien

Gestrichelte Linien erhält man mit <DIV class="dotted"></DIV>.

(0 Words, 0 Weblinks, 0 Pictures and 0 Video) - Seite Drucken
Page created by christian. Last modification on 11.10.2008 16:32
© 2008 Hochschule für Gestaltung, Schwäbisch Gmünd. Impressum
 
0
» Post-it
jbo
17:24, 30.08.2010

Wireframing Stencils bis zum Umfallen — [link]
14:40, 27.08.2010

Logged in – Wie sozial machen uns Netzwerke? [link]
15:32, 17.08.2010

Medienfassaden Symposium auf der Ars Electronica am 6.9.2010
[link]
13:42, 16.08.2010

Designmethodenfinder: [link]
13:11, 14.08.2010

11 Principles of Interaction Design Explained [link]
13:55, 12.08.2010

5 indispensable skills: [link]
11:05, 30.07.2010

Sonys 360° 3D Display Prototyp [link]!
jbo
09:26, 30.07.2010

kleine Sammlung für die iPhone Entwicklung — [link]
10:37, 28.07.2010

some more history: Brief history of data visualization [link] (via. flowingdata)
17:08, 26.07.2010

Design Is History [link]
09:37, 26.07.2010

IDEO Method Card iPhone Application
[link]
10:07, 12.07.2010

Interactiondesign in Seattle (Washington State) - vielleicht eine Möglichkeit fürs Auslandsemester
[link]
00:12, 09.07.2010

mouse-less?
intelligenter einsatz von infrarot.
[link]
10:21, 07.07.2010

bilderkennung in der küche

[link]
21:08, 03.07.2010

Ich bin begeistert von der Wireframing Software Balsamiq: [link]

Wäre schön wenn wir dafür Hochschul-Lizenzen bekommen könnten.
11:19, 03.07.2010

Der beste Artikel über Usability den ich bisher gelesen habe: [link]
20:15, 02.07.2010

Sprachsteuerung erschreckend gut. Siri iPhone App (US only) [link]
17:52, 02.07.2010

Bauhaus Interaktiv
[link]
jb
09:39, 02.07.2010

Von .cn zu .中国
[link]
07:15, 01.07.2010

Orginal...[link]
 
» Inhaltliche Nähe zu "Texte richtig formatieren"