Tilman Walther
44 lines
3.1 KiB
Plaintext
44 lines
3.1 KiB
Plaintext
You can use the <nowiki><span> and <div></nowiki> tags to apply special markup to your wiki pages. The main difference between the two is that a <nowiki><div></nowiki> tag always extends to the end of the line, forcing all following content to continue on the next line. So <nowiki><div></nowiki> is ideal to create paragraphs with a different format while <nowiki><span></nowiki> may be used to format single words or phrases within a paragraph.<br>
|
|
Inform yourself about the possible formattings e.g. [http://www.eskimo.com/~bloo//indexdot/css/propindex/all.htm here].
|
|
|
|
{| align="center" border="2" width="100%" cellspacing="4" cellpadding="3" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse;empty-cells:show;"
|
|
|-
|
|
| bgcolor="#A7C1F2" |'''Description'''
|
|
| bgcolor="#A7C1F2" |'''You type'''
|
|
| bgcolor="#A7C1F2" |'''You get'''
|
|
|-
|
|
| Colored text
|
|
| <nowiki><span style='color:red'>colored</span></nowiki><br><nowiki><span style='color:#FF0000'>colored</span></nowiki><br> <nowiki><div style='color:red'>colored</div></nowiki><br><nowiki><div style='color:#FF0000'>colored</div></nowiki>
|
|
| <span style='color:red'>colored</span><br><span style='color:#FF0000'>colored</span><br><div style='color:red'>colored</div><div style='color:#FF0000'>colored</div>
|
|
|-
|
|
| Change font
|
|
| <nowiki><span style='font: 18pt Serif'>bigger text</span></nowiki><br><nowiki><div style='font: 18pt Serif'>bigger text</div></nowiki>
|
|
| <span style='font: 18pt Serif'>bigger text</span><br><div style='font: 18pt Serif'>bigger text</div>
|
|
|-
|
|
| Multiple styles
|
|
| <nowiki><span style='font: 18pt Serif; color: green; text-decoration: underline'>Text</span></nowiki><br><nowiki><div style='font: 18pt Serif; color: green; text-decoration: underline'>Text</div></nowiki>
|
|
| <span style='font: 18pt Serif; color: green; text-decoration: underline'>Text</span><br><div style='font: 18pt Serif; color: green; text-decoration: underline'>Text</div>
|
|
|}
|
|
|
|
Now an example how to <nowiki>combine <pre><span></pre> and <pre><div></pre>:</nowiki><br>
|
|
<pre>
|
|
<nowiki><div style='font: 14pt Sans-Serif; color: blue'>
|
|
Sample text, extending across multiple lines.<br>
|
|
Sample text, extending across multiple lines.<br>
|
|
Sample text, extending across multiple lines.<br>
|
|
<span style='color:red;text-decoration:underline'>Now this is different ;-).</span>
|
|
Sample text, extending across multiple lines.<br>
|
|
Sample text, extending across multiple lines.<br>
|
|
Sample text, extending across multiple lines.<br>
|
|
</div></nowiki>
|
|
</pre>
|
|
Creates:<br>
|
|
<div style='font: 14pt Sans-Serif; color: blue'>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br><span style='color:red;text-decoration:underline'>Now this is different ;-).</span>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br></div>
|
|
|
|
==See also==
|
|
* [[Help Formatting]]
|
|
* [[Help Tables]]
|
|
* [[Help Links]]
|
|
|
|
[[tags: help]]
|