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 17:32
© 2008 Hochschule für Gestaltung, Schwäbisch Gmünd. Impressum
0
» Post-it
jb
17:08, 26.11.2012

Again: Das digitale Klassenzimmer: [link]:article_id=228744

12:27, 31.08.2012

Retweetet diesen Tweet und gewinnt eine von 2 Freikarten für die push.conference in München am 24. Nov. [link]

09:29, 09.07.2012

Praktikumsplatz ab sofort bei schnelle-bunte-bilder in Berlin.
[link]

17:07, 05.06.2012

push.conference ist heute online gegangen. Fixes Studentenkontingent inklusive. [link]

jb
14:03, 07.05.2012

Disney Research's Touché system detects your touch on most things [link]

10:44, 14.02.2012

UX-Designer sind eine der bestbezahltesten IT-Jobs in 2012 [link]

16:13, 08.12.2011

predicting the future of computing [link]

09:35, 09.11.2011

Sehr lesenswerter Artikel zum Thema Touch-Interfaces.

[link]

15:56, 04.11.2011

ERGOSIGN München sucht einen Praktikanten (m/w): [link]

17:40, 27.10.2011

Games, Life & Utopia Conference an der FH Potsdam. Alle sind eingeladen. [link]

08:27, 27.10.2011

Zurück nach Gmünd. Heute um 15:30 mit meinem Vortrag »How to start up a design studio«

jb
14:00, 26.09.2011

Erdbebenwarngerät auf Arduino-Basis:

[link]

11:39, 16.08.2011

decoded conference 2011 wieder in München. 1 Tag. 6 Sprecher. Early Birds mit 15% Studentenrabatt sind noch zu haben [link]

00:27, 04.08.2011

US debt problem visualized [link]

jbo
12:42, 14.07.2011

Complexity vs Complicated — [link]

jbo
09:39, 06.07.2011

Einfache Tweenings in HTML/CSS – [link]

08:49, 04.07.2011

Hmmm. Lots of data waiting to get visualized... [link]

18:04, 17.06.2011

An Infographic about the Anatomy of a Computer Virus
[link]

15:25, 08.06.2011

Nokia Maps Berlin sucht UX-designer/Visual designer als Verstärkung. Go here: [link] and search for RES000001O9

10:46, 07.06.2011

[link] powerful Augmented Reality Picture tracking.