HTML and CSS Reference
In-Depth Information
<li>Item Three</li>
</ol>
The
<optgroup>
element is used to mark up a group of
<option>
elements with a common label.
When the options are displayed in a select menu, they will be grouped under the common label.
<select name=”country” id=”country”>
<optgroup label=”Africa”>
<option>Egypt</option>
<option>South Africa</option>
<option>Tanzania</option>
</optgroup>
<optgroup label=”Europe”>
<option>France</option>
<option>Germany</option>
<option>United Kingdom</option>
</optgroup>
</select>
<optgroup>
The
<option>
element is used to mark up an option to be displayed in a
<select>
or
<datalist>
.
By default, the option value is the text contained between the element tags; however, you can change
this by explicitly specifying a value using the
value
attribute.
<select name=”color”>
<option>Red</option>
<option>Green</option>
<option>Blue</option>
</select>
<option>
The
<output>
element is used to display the result of a calculation.
<form>
<output>
<label for=”speed”>Speed (MPH)</label>
<input type=”range” name=”speed-mph” id=”speed” min=”0” max=”200”>
<output for=”speed” oninput=”value = speed.valueAsNumber”>0</output>
</form>
The
<p>
element is used to mark up a paragraph of text.
<p>
<p>
Design is the conscious effort to impose a meaningful order.
</p>
The
<param>
element is used to define parameters for plug-ins and should be contained within an
<object>
element. This element uses
name
and
value
attributes to establish a key-value pair to be
used by the plug-in.
<param>
<param name=”allowFullScreen” value=”true”></param>
The
<pre>
element is used to mark up a block of preformatted text.
<pre>
<pre>
This text does not use line breaks.
However, as this is within a pre element, this second line will still be
