10 More Elements

<ol>

  1. You can use <ol> and </ol> to create a numbered list,
  2. with there being <li> and </li> for each entry.


<ol>
<li>You can use <ol> and </ol> to create a numbered list,</li>
<li>with there being <li> and </li> for each entry.</li>
</ol>

<ul>

  • Optionally,
  • You can also use <ul>
  • For a list with bullet points.

<ul>
<li>Optionally,</li>
<li>You can also use <ul></li>
<li>For a list with bullet points.</li>
</ul>

<span>

The <span> element can be used to color a part of text.

The <span> element can be used to <span style="color: green;">color</span> a part of text.

<figure>

<figure> can be used to provide a caption to a picture easily.

the dog
A dog.

<figure><img style="width: 25%; height: 25%;" src="https://post.medicalnewstoday.com/wp-content/uploads/sites/3/2020/02/322868_1100-800x825.jpg" alt="the dog" /><figcaption>A dog.</figcaption></figure>

<form> , <input> , and <label>

You can use the <form>,<input> and <label> elements to create an input field which can be submitted to send information generated by the user, which is labeled.


 

<form><label for="fcolor">Favorite Color:</label>
<input name="fcolor" type="text" />

<button>

Creates a button…. which can be clicked!

<button type=""button">Like this</button>

<nav>

Makes a nice-looking set of links.

<nav><a href="https://www.history.com/">My first site was the history show mainpage</a>
<a href="https://www.britannica.com/event/American-Revolution">My second site was a Britannica article on the American Revolution</a> </nav>

<select> and <option>

Makes a drop-down list.

<label for="q">What is 2 plus 2:<select name="q">
<option value="4">4</option>
<option value="wrong">wrong</option>
</select>