html('
Anmeldung zum Proseminar
Instruments for the online survey
');
===== Text Formatting =====
If you create a text in the **List of Questions** you can directli in edit in the editor. The formatting is the transaltet in HTML code in the background. But also questions, explanations, items and other desciptions can be formatted. There are two ways to format texts: a wiki-format for simple formatting (e.g. in question texts) and HTML-format for advanced formatting (e.g. in welcome texts). You may mix both notations as desired.
==== Wiki-Notation ====
The Wiki notation allows simple highlights - no matter if in independent texts, questions, items or verbal scale anchors.
**Tip:** Use highlighting __very__ sparingly. A homogenous layout looks much more professional. You should not use more than 3 accentuations per page - otherwise the layout will be more confusing than helpful.
^ Description ^ Format-Code ^ Example ^ Result ^
| underlined |
Hello World
How are you, World?
Translated into human language, this example says nothing else, but:
* Write "Hello world". Write it as a first-degree-heading (''h1'').
* Write "How are you, world?". Write it as a paragraph (''p'').
The output would look like this:\\
{{scr.texts.example1.png}}
Usually, every HTML-tag needs a starting tag (e.g. '''' marks the beginning of a paragraph and ''
'' its end. The only relevant exceptions are the line break ''
Here should be a
line break
**Output of the example above**\\
{{scr.texts.example2.png}}
Sometimes, you will need to define additional attributes to tags. The ''
**Output of the example above**\\
{{scr.texts.example3.png}}
===== Most important tags to format texts =====
Along with texts output trough ''html()'', you can use HTML-tags for Question titles, explanations and scale labels. This is an overview over the most important tags:
^ Tag ^ Meaning ^ Example ^ Output ^
| **** | Paragraph | ''
Paragraph 1
Paragraph 2
'' | {{:en:create:scr.texts.example.p.png?nolink}} | | **or
Demonstration of HTML-Tags
This paragraph contains a highlighted word.
This paragraph contains words in several colors: alight, a
medium and a
darker green
This is a large word,
and a large, bold, red text.
Using div's, you can define the margins to the outside of the div (e.g. on the top of the div) and borders
Using padding, you can define the margins on the inside of the div (e.g. between the border and the text. Here: all around
**Output demonstration of the example above**\\
{{:en:create:scr.texts.example4.png?nolink&500|}}
**Tip:** Sometimes a certain text is formatted bold by default. If, at a single point, you need it in standard weight, you can use ''Text''. If you want this element never to be bold, you should edit the questionnaire layout.
===== HTML-Entities =====
Tags are defined using angle brackets, like explained above. Sometimes you need to use angle brackets in your text. For this case, there are the HTML-Entities: < ('less than', <) and > ('greater than', >):
^ Example ^ Output ^
| C
C<D and C>E
| C