Forgot your password?
How to use html ?
A simple introduction to html tags.
If you want to fill a body text with html, you have to know at least some basic html tags.
Caution:
Do not use <body>, <html>, <title>, <meta>, <style>, <base> etc. These tags are already present in the components that are wrapped around your content. Your page will malfunction if these tags are included in your body text. If you upload html content from a file, edit the code to remove these tags, which are usually inserted automatically by html editors.
Paragraphs:
<p>First Paragraph</p>
<p>Second Paragraph</p>
will give:
First Paragraph
Second Paragraph
Headings:
<h1>First heading</h1>
<h2>Second heading</h2>
<h3>Third heading</h3>
<h4>Fourth heading</h4>
<h5>Fifth heading</h5>
<h6>Sixth heading</h6>
will give:
First heading
Second heading
Third heading
Fourth heading
Fifth heading
Sixth heading
Comments:
<!-- This is a comment -->
Comments will not appear in the page.
Line breaks:
before <br> after line break
This will give:
before
after line break
Text formatting:
<b>bold text</b><br> <i>Italic text</i>
will give:
bold text Italic text
Lists:
<ul> <li> First item</li> <li> Second item</li> </ul> <ol> <li> First Item</li> <li> second Item</li> </ol>
ul means unordered list. ol means ordered list. This will give:
- First item
- Second item
- First Item
- second Item
Tables:
<table border="1" cellpadding="10"> <tr> <th> Header 1</th> <th> Header 2</th> </tr> <tr> <td colspan=2> colspan=2</td> </tr> <tr> <td> row 2, cell 1</td> <td> row 2, cell 2</td> </tr> </table> Or: <table border="1"> <tr> <th> Header 1</th> <td rowspan=2> rowspan=2</td> <td> no</td> </tr> <tr> <th> Header 2</th> <td> span</td> </tr> </table>
tr means table row. td means table data cell. th means table header. This will give:
| Header 1 | Header 2 |
|---|---|
| colspan=2 | |
| row 2, cell 1 | row 2, cell 2 |
Or:
| Header 1 | rowspan=2 | no |
|---|---|---|
| Header 2 | span |
Links:
<a href="/">Home</a>
<a href="http://www.esrf.fr">ESRF</a>
will give:
Images:
First create your image plone object, for example logo.jpg. Then type:
<img src="logo.jpg">
or with a link:
<a href="/"><img src="logo.jpg"> </a>
to get:
or with a link:
PyTango 7.2.2
