<h2>
|
Headline importance level 2
Example: <h2>H2-Headline</h2>
|
<h3>
|
Headline importance level 3
Example: <h3>H3-Headline</h3>
|
<h4>
|
Headline importance level 4
Example: <h4>H4-Headline</h4>
|
<h5>
|
Headline importance level 5
Example: <h5>H5-Headline</h5>
|
<h6>
|
Headline importance level 6
Example: <h6>H6-Headline</h6>
|
<br/>
|
Defines a line break |
<strong>
|
Converts text in bold
Example: <strong>bold Text</strong>
Shortcut: Mark word(s) and press Ctrl + b
|
<em>
|
Converts text in italic
Example: <em>italic text</p>
Mark word(s) and press Ctrl + i
|
<span>
|
Used as an inline element to mark up parts of a text
Allowed classes: teal-text , red-text
Example: <span class="teal-text">teal colored Text</span>
|
<a> not allowed
|
a -tags are not allowed on ProDuck. However, the system automatically converts link-patterns into clickable links. Beyond, you can insert a link like this [url="https://link.de",name="verlinkter Link",title="Dieser Link führt Sie zu link.de"]
Shortcut: Copy link to clipboard, go to textarea on ProDuck, click into textarea to choose a position and press Ctrl + k to insert the link at this position. You can also mark a word and click Ctrl + k to link this word.
|
<blockquote>
|
Used for citations
Example: <blockquote><p>Cited text or paragraph</p></blockquote>
|
<p>
|
Used to define a paragraph
Example: <p>Paragraph</p>
Shortcut: Mark paragraph and press Ctrl + p
|
<s>
|
Crosses out text
Example: <s>strike through text</s>
|
<u>
|
Underlines Text
Example: <u>underlined text</u>
|
<hr/>
|
Horizontal Line |
<ol>
|
Ordered list |
<ul>
|
Unordered list |
<li>
|
List element |
<img>
|
Defines an image, requires src -attribute, optional: alt , data-caption -attribute
Allowed classes: "materialboxed" - allows to zoom in on images
Example: <img src="https://www.image-source.de/img.jpg" class="materialboxed" alt="alternative description of the picture" />
Shortcut: Copy image src-link or ASIN to clipboard, go to textarea on ProDuck, click into textarea to choose a position and press Ctrl + g to insert the image embedded in html code
|
<i>
|
Can be used to implement icons with class material-icons and the appropriate icon-name. Please find further information here: https://developers.google.com/fonts/docs/material_icons
Example Star-Icon: <i class="material-icons" >star</i>
|
<iframe>
|
Only allowed to embed youtube videos in the form of:
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/Lyr_qNrSZpI" title="VIDEO-TITEL" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
<table>
|
Defines a table |
<th>
|
Defines a header cell in a table |
<tr>
|
Defines a row in a table
Allowed attributes: colspan , rowspan
|
<td>
|
Defines a cell in a table
Allowed attributes: colspan , rowspan
|
<caption>
|
Defines a table caption
|
<colgroup>
|
Specifies a group of one or more columns in a table for formatting
|
<col>
|
Specifies column properties for each column within a <colgroup> element
|
<thead>
|
Groups the header content in a table
|
<tbody>
|
Groups the body content in a table
|
<tfoot>
|
Groups the footer content in a tableTag
|