| HTML code |
Result |
Nested list
Note: Indent your HTML code when you make nested lists in content manager, so it's easier to find the text when you need to make changes. To indent, just hit the space bar a couple of times.
Here are your choices:
<ul>
<li>Option A
<ul>
<li>Option A-1</li>
<li>Option A-2</li>
</ul>
</li>
<li>Option B</li>
<li>Option C
<ul>
<li>Option C-1</li>
<li>Option C-2</li>
<li>Option C-3</li>
</ul>
</li>
</ul> |
Here are your choices:
- Option A
- Option B
- Option C
|
Anchor links
Note: We now recommend using the "ID" tag instead of "name".
Anchor links are used to link to another location within the same page. In this example, when you click on the Benefits link, you jump down to the spot on the page where we describe benefits features.
Find out about the following features:
<ul>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#costs">Costs</a></li>
<li><a href="#more">More information</a></li></ul>
<p id="benefits">Benefits: Explain the benefits here.</p>
<p id="costs">Costs. Explain the costs here.</p>
<p id="more">More information: Add more information here.</p> |
Find out about the following features:
Benefits: Explain the benefits here.
Costs: Explain the costs here.
More information: Add more information here.
|
Tables
<table width="100%" bgcolor="white" border="1" bordercolor="#336699" cellpadding="4" cellspacing="0">
<tr valign="top">
<td bgcolor="lightblue">
<strong>Code</strong></td>
<td bgcolor="lightblue"> <strong>Description</strong></td></tr>
<tr valign="top">
<td>DA</td>
<td>Additional repeated D</td></tr>
<tr valign="top">
<td>FA</td>
<td>Additional repeated F</td></tr>
</table>
|
| Code |
Description |
| DA |
Additional repeated D |
| FA |
Additional repeated F |
|