Figures and tables $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#figures-and-tables">
See how images, figures, and tables look like with the Awesome Theme. Sphinx distinguishes between images and figures.
Images $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#images" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#images'">
For images without captions or legends, use the image
directive.
Use the :align: center
option to center an image.
Use :align: right
option to align the image to the right edge.
Figures $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#figures" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#figures'">
If you want to add captions and legends to the image, use the figure
directive.
This is an image caption. $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#id1">
You can also provide a legend to the figure with the :legend:
option.
The images on this page are from https://undraw.co/.
You can control the image alignment by using the :align:
option.
Use :align: center
to center a figure. $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#id2">
Use :align: right
to right-align a figure. $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#id3">
Tables $el.setAttribute('data-tooltip', 'Copy link to this element'), 2000)" aria-label="Copy link to this element" class="headerlink" data-tooltip="Copy link to this element" href="#tables" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#tables'">
This is a small table.
table head |
table head |
---|---|
column |
column |
column |
column |
column |
column |