Common HTML

You can copy & paste the code in the grey boxes below to get started with basic HTML elements. For a better understanding of HTML, we recommend browsing the HTML Dog tutorials.

To add or edit HTML on a WordPress page/post, you will need to be in text mode (see screenshot below). HTML can also be used in text widgets.

Select the text tab to add/edit HTML
Select the text tab to add/edit HTML

Link

Williams College
<a href="http://www.williams.edu/">Williams College</a>

Image

stones
<img alt="stones" src="http://wordpress.williams.edu/files/2014/01/gallery-stones.png" />

Lists

Unordered list
  • list item 1
  • list item 2
  • list item 3
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>
Ordered list
  1. list item 1
  2. list item 2
  3. list item 3
<ol>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ol>

Table

column header 1 column header 2 column header 3
row 1, column 1 row 1, column 2 row 1, column 3
row 2, column 1 row 2, column 2 row 2, column 3
row 3, column 1 row 3, column 2 row 3, column 3
<table class="data">
<thead>
<tr>
<th>column header 1</th>
<th>column header 2</th>
<th>column header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1, column 1</td>
<td>row 1, column 2</td>
<td>row 1, column 3</td>
</tr>
<tr>
<td>row 2, column 1</td>
<td>row 2, column 2</td>
<td>row 2, column 3</td>
</tr>
<tr>
<td>row 3, column 1</td>
<td>row 3, column 2</td>
<td>row 3, column 3</td>
</tr>
</tbody>
</table>