{ARGIEF}

Cloud template

Hier is ‘n paar kodes wat ‘n mens kan gebruik om teks in die Article Manager te formateer.

  • Klik op show/hide text (JCE – anders klik op html) om die html kodes te wys.
  • Gebruik dan die <tags>teks</tags> om die verskillende elemente te definieer.

Text-Level Semantics

italics = <em>text</em>

bold = <strong>text</strong>

deleted text = <del>text</del>

inserted text = <ins>text</ins>

abbreviations = <abbr title=”Full text for the abbreviation”>abbreviation</abbr>

definitions = <dfn title=”Full text for the definition”>definition</dfn>

Quotations and Code

Inline quotations = <q>Quotation text</q>

Longer quotations = <blockquote>Quotation text</blockquote>

short inline computer code = <code>code</code>

larger code snippet = <pre>code</pre>

side comments and small print = <small>text</small>

Useful CSS Classes

Highlight Content

Drop caps = <p class=”dropcap”>Drop caps</p>

small boxes = <em class=”box”>small boxes</em>

box-content = <div class=”box-content”>text</div>
box-note = <div class=”box-note”>text</div>
box-info = <div class=”box-info”>text</div>
box-warning = <div class=”box-warning”>text</div>
box-hint = <div class=”box-hint”>text</div>
box-download = <div class=”box-download”>text</div>

horizontal rule = <hr />


dotted horizontal rule = <hr class=”dotted” />


Definition Lists

Dit lyk as volg:

Definition List One
definition description one
Definition List Two
definition description two – this description can wrap to several extra lines to fit in beautifully with the tabbed format that definition lists provides
Definition List Three
definition description three
definition description three – extra line

Dit word as volg in html gekodeer:

<dl class="separator"> <dt>Definition List One</dt> <dd>definition description one</dd> <dt>Definition List Two</dt> <dd>definition description two - this description can wrap to several extra lines to fit in beautifully with the tabbed format that definition lists provides</dd> <dt>Definition List Three</dt> <dd>definition description three</dd> <dd>definition description three - extra line</dd> </dl>