1.1   Section Title

Section Subtitle

Lone subsections are converted to a section subtitle by a transform activated with the --section-subtitles command line option or the sectsubtitle-xform configuration value.

1.2   Empty Section

1.3   Transitions

Here's a transition:

It divides the section. Transitions may also occur between sections:

2.1   Paragraphs

A paragraph.

2.2   Bullet Lists

• A bullet list

  • Nested bullet list.
  • Nested item 2.

• Item 2.

  Paragraph 2 of item 2.

  • Nested bullet list.
  • Nested item 2.
    • Third level.
    • Item 2.
  • Nested item 3.
  • This nested list should be compacted by the HTML writer.

2.3   Enumerated Lists

1. Arabic numerals.

   1. lower alpha)
      1. (lower roman)
         1. upper alpha.
            1. upper roman)

2. Lists that don't start at 1:

   3. Three
   4. Four
   3. C
   4. D
   3. iii
   4. iv

2.4   Definition Lists

Term

Definition

Term : classifier

Definition paragraph 1.

Definition paragraph 2.

Term

Definition

Term : classifier one : classifier two

Definition

2.5   Field Lists

2.6   Option Lists

For listing command-line options:

There must be at least two spaces between the option and the description.

2.7   Literal Blocks

Literal blocks are indicated with a double-colon ("::") at the end of the preceding paragraph (over there -->). They can be indented:

if literal_block:
    text = 'is left as-is'
    spaces_and_linebreaks = 'are preserved'
    markup_processing = None

Or they can be quoted without indentation:

>> Great idea!
>
> Why didn't I think of that?

2.8   Line Blocks

This section tests line blocks. Line blocks are body elements which consist of lines and other line blocks. Nested line blocks cause indentation.

Another line block, surrounded by paragraphs:

Take it away, Eric the Orchestra Leader!

A one, two, a one two three four

Half a bee, philosophically,

must, ipso facto, half not be.

But half the bee has got to be,

vis a vis its entity. D'you see?

But can a bee be said to be

or not to be an entire bee,

when half the bee is not a bee,

due to some ancient injury?

Singing...

A line block, like the following poem by Christian Morgenstern, can also be centre-aligned:

2.9   Block Quotes

Block quotes consist of indented body elements:

My theory by A. Elk. Brackets Miss, brackets. This theory goes as follows and begins now. All brontosauruses are thin at one end, much much thicker in the middle and then thin again at the far end. That is my theory, it is mine, and belongs to me and I own it, and what it is too.

—Anne Elk (Miss)

The language of a quote (like any other object) can be specified by a class attribute:

ReStructuredText est un langage de balisage léger utilisé notamment dans la documentation du langage Python.

2.10   Doctest Blocks

>>> print 'Python-specific usage examples; begun with ">>>"'
Python-specific usage examples; begun with ">>>"
>>> print '(cut and pasted from interactive Python sessions)'
(cut and pasted from interactive Python sessions)

2.11   Footnotes

2.12   Citations

Here's a reference to the above, [CIT2002], and a [nonexistent]_ citation.

2.13   Targets

This paragraph is pointed to by the explicit "example" target. A reference can be found under Inline Markup, above. Inline hyperlink targets are also possible.

Section headers are implicit targets, referred to by name. See Targets, which is a subsection of Body Elements.

Explicit external targets are interpolated into references such as "Python [5]".

Targets may be indirect and anonymous. Thus this phrase may also refer to the Targets section.

Here's a `hyperlink reference without a target`_, which generates an error.

2.14   Directives

These are just a sample of the many reStructuredText Directives. For others, please see http://docutils.sourceforge.net/docs/ref/rst/directives.html.

2.14.2   Images and Figures

An image directive (also clickable -- a hyperlink reference):

Image with multiple IDs:

A centered image:

A left-aligned image:

This paragraph might flow around the image. The specific behavior depends upon the style sheet and the browser or rendering software used.

A right-aligned image:

This paragraph might flow around the image. The specific behavior depends upon the style sheet and the browser or rendering software used.

For inline images see Substitution Definitions.

Image size:

An image 2 em wide:

An image 2 em wide and 15 pixel high:

An image occupying 50% of the line width:

An image 2 cm high:

A figure is an image with a caption and/or a legend. With page-based output media, figures might float to a different position if this helps the page layout.

Plaintext markup syntax and parser system.

re	Revised, revisited, based on 're' module.
Structured	Structure-enhanced text, structuredtext.
Text	Well it is, isn't it?

This paragraph is also part of the legend.

A left-aligned figure:

This is the caption.

This is the legend.

The legend may consist of several paragraphs.

This paragraph might flow around the figure.

The specific behavior depends upon the style sheet and the browser or rendering software used.

A centered figure:

This is the caption.

This is the legend.

The legend may consist of several paragraphs.

This paragraph might flow around the figure.

The specific behavior depends upon the style sheet and the browser or rendering software used.

A right-aligned figure:

This is the caption.

This is the legend.

The legend may consist of several paragraphs.

This paragraph might flow around the figure. The specific behavior depends upon the style sheet and the browser or rendering software used.

Compound 2, literal.

Compound 4.
This one starts with a literal block.

This is a parsed literal block.
    This line is indented.  The next line is blank.

Inline markup is supported, e.g. emphasis, strong, literal
text, footnotes [1], hyperlink targets, and references.

print 'This is Python code.'

 8 # print integers from 0 to 9:
 9 for i in range(10):
10     print i

1 .. header:: Document header
2 .. footer:: Document footer

2.15   Substitution Definitions

An inline image () example:

(Substitution definitions are not visible in the HTML source.)

2.16   Comments

Here's one:

(View the HTML source to see the comment.)

2.17   Raw text

This does not necessarily look nice, because there may be missing white space.

It's just there to freeze the behavior.

This is the fourth test with myrawroleclass set.

2.18   Container

2.19   Colspanning tables

This table has a cell spanning two columns:

2.20   Rowspanning tables

Here's a table with cells spanning several rows:

2.21   Complex tables

Here's a complex table, which should test all features.

2.22   List Tables

Here's a list table exercising all features:

2.23   Custom Roles

• A role based on an existing role.

  one two three

• A new role.

  one two three

• A role with class attribute.

  interpreted text

• A language-switching role:

  Let's count in German eins zwei drei.

• A role with multiple class attributes, styled with raw directives:

  The following works in most browsers but does not validate (<style> is only allowed in the document head):

  .. raw:: html
  
    <style type="text/css"><!--
     .green {color: green;}
     .sc {font-variant: small-caps;}
     --></style>
  

  British colourful text in small-caps.

2.24   SVG Images

Scalable vector graphics (SVG) images are the only standards-compliable way to include vector graphics in HTML documents. However, they are not supported by all backends/output formats. (E.g., LaTeX supports the PDF or Postscript formats for vector graphics instead.)

Rendering behaviour varies, depending on

1. The SVG image itself, e.g. fixed-size vs. scaling:

   width="280"              viewBox="0 0 280 27"
   height="27"              width="100%"
                            height="100%"
   

2. The method used to put the image in the document.

   For HTML, there are several alternatives including:

   • using the HTML <img> tag (not for interactive/animated SVG),
   • using the HTML <object> tag,
   • including within SVG using the SVG <image> tag,
   • embedd the SVG code within HTML (inlining).

   The html4css1 writer uses <object> tags, the html-base and xhtml11 writers use <img> tags.

3. The viewing agent.

   All up-to-date HTML browsers support SVG, however not all do this fully and in the same manner. Many older versions, especially IE < 9, have deficiencies or require plug-ins (i.e. don't support the <img> tag).

If the image is wrapped in <object> or <svg> tags, it depends on the viewBox declaration inside the images root <svg> element whether an SVG image is scaled or clipped/padded. Images wrapped in <img> are always scaled.

• A scaling image (scales with the browser window), occupying 50% of the line width. The viewBox setting in the image file enables auto-scaling also in <object> tags and embedded SVG (if width and hight are set to 100% in the SVG <image> tag).

• A fixed-size image in a box 50% wide and 15 pixles high. This image is scaled, if wrapped in an <img> tag but clipped in an <object> tag or within SVG.

• A right aligned, scaling image 50% wide and 1.5 em high. (This SVG image keeps the aspect ratio.)

• An inline image scaled to a height of 0.8 em.

• A scaling image 1 em high, right aligned:

• A scaling image 5 mm x 5 mm, centered, with hyperlink reference:

• A fixed-size image in a 4 cm x 2 em box.

Older versions of webkit based browsers (chromium, safari, midori, konqueror) support the <img> tag but don't display contained bitmap images in this case.

• A small, fixed-size SVG image with embedded bitmap, The :width: is set to 3 em in the rST source. Does not scale if wrapped in <object> tags.

• A scaling SVG image with embedded bitmap, 3 em wide.

SVG images can also be put in figures:

Figure: SVG image in a figure.

2.25   SWF Images

Shockwave Flash is an image/movie format that most modern web browsers support via a plugin. It is sometimes blocked due to privacy/security concerns.

Images with extension .swf are placed inside <object> elements. For complete control over display options use raw HTML.

An SWF image in a 4 cm x 2 em box, left aligned.

An inline SWF image scaled to 0.8 em x 0.8 em.