dhscratch

<form action="#" method="post">
  <fieldset>
    <legend>Add a comment</legend>
      <div class="row">
        <label for="email4">Your E-mail</label>
        <input type="text" id="email4" name="email">
      </div>
      <div class="row checkbox">
        <input type="checkbox" id="contact1" name="contact">
        <label for="contact1">I am happy for you to contact me</label>

dhscratch

<input type="submit" name="submit" value="Submit Search">
<input type="reset" name="reset" value="Reset">
<button>Activate</button>

<!--button image-->
<input type="image" name="submitbutton" alt="search" src="submit.png">

dhscratch

<label for="favcity">Choose your favorite city?</label>
<select id="favcity" name="select">
  <option value="1">Amsterdam</option>
  <option value="2">Buenos Aires</option>
  <option value="3">Delhi</option>
  <option value="4">Hong Kong</option>
  <option value="5">London</option>
  <option value="6">Los Angeles</option>

dhscratch

<fieldset>
  <legend>Choose a shipping method:</legend>
  <input id="overnight" type="radio" name="shipping" value="overnight">
  <label for="overnight">Overnight</label><br>
  <input id="twoday" type="radio" name="shipping" value="twoday">
  <label for="twoday">Two day</label><br>
  <input id="ground" type="radio" name="shipping" value="ground">
  <label for="ground">Ground</label>

dhscratch

<fieldset>
  <legend>Select your pizza toppings:</legend>
  <input id="ham" type="checkbox" name="toppings" value="ham">
  <label for="ham">Ham</label><br>
  <input id="pepperoni" type="checkbox" name="toppings" value="pepperoni">
  <label for="pepperoni">Pepperoni</label><br>
  <input id="mushrooms" type="checkbox" name="toppings" value="mushrooms">
  <label for="mushrooms">Mushrooms</label><br>

dhscratch

<label for="address">Enter your address:</label><br>
<textarea id="address" name="addresstext"></textarea>

dhscratch

<label for="name">Name:</label>
<input id="name" type="text" name="textfield">

dhscratch

<!--table with only column headers-->
<table>
	<tr>
		<th>Date</th>
		<th>Event</th>
		<th>Venue</th>
	</tr>
	<tr>
		<td>12 February</td>
		<td>Waltz with Strauss</td>

dhscratch

<!--Decorative image: null @alt value-->
	<img src="myimage.png" alt="">
<!--Non-Decorative image, required @alt value-->
	<img src="myimage.png" alt="Concise description of image in context.">
<!--Icon/Image representing other information-->
	<p>
		<img src="phone.png" alt="Telephone:"> 0123 456 7890
	</p>
	<p>
		<img src="fax.png" alt="Fax:"> 0123 456 7891

dhscratch

<p>The sales volume of our SpaceBear product was steadily the first three quarters but had a huge success in quarter four with the introduction of SuperBear in time for the holiday season. See graphic G3 for details.</p>

<figure role="group" aria-labelledby="fig-t3-capt">
    <figcaption id="fig-t3-capt">G3: SpaceBear sales volume</figcaption>
    <img src="linktoimage.png"
         alt="SpaceBear sales diagram, showing the huge success in Q4"
         longdesc="…">
    <a href="…">Long Description</a>
</figure>