Phrase Elements
Indicate the context and meaning of the text
Element Example Usage
<b> bold text Text that has no extra importance but is styled in bold font by
usage and convention
<em> emphasized
text
Causes text to be emphasized in relation to other text; usually
displayed in italics
<i> italicized text Text that has no extra importance but is styled in italics by
usage and convention
<mark> mark text Text that is highlighted in order to be easily referenced
(HTML5 only)
<small> small text Legal disclaimers and notices (“fine print”) displayed in small
font-size
<strong> strong text Strong importance; causes text to stand out from surrounding
text; usually displayed in bold
<sub> sub text Displays a subscript as small text below the baseline
<sup> sup
text Displays a superscript as small text above the baseline
Copyright © Terry Felke-Morris [Link] 1
Unordered List
Displays a bullet, or list marker,
before each entry in the list.
<ul>
Contains the unordered list
<li>
Contains an item in the list
Copyright © Terry Felke-Morris [Link] 2
Unordered List Example
<ul>
<li>TCP</li>
<li>IP</li>
<li>HTTP</li>
<li>FTP</li>
</ul>
Copyright © Terry Felke-Morris [Link] 3
Ordered List
Displays a numbering or lettering system to itemize
the information contained in the list
<ol>
Contains the ordered list
◦ type attribute determines numbering scheme of
list, default is numerals
<li>
Contains an item in the list
Copyright © Terry Felke-Morris [Link] 4
Ordered List Example
<ol>
<li>Apply to school</li>
<li>Register for course</li>
<li>Pay tuition</li>
<li>Attend course</li>
</ol>
Copyright © Terry Felke-Morris [Link] 5
Special Characters
Display special characters such as quotes,
copyright symbol, etc.
Character Code
© ©
< <
> >
& &
Copyright © Terry Felke-Morris [Link] 6
Div Element
Configures a structural block area or “division” on a
web page with empty space above and below.
Can contain other block display elements, including
other div elements
<div>Home Services Contact</div>
Copyright © Terry Felke-Morris [Link] 7
HTML5 Structural
Elements
header Element
<header></header>
Contains the web page
document’s headings
nav Element
<nav></nav>
Contains web page
document’s main navigation
main Element
<main></main>
Contains the web page
document’s main content
footer Element
<footer></footer>
Contains the web page
document’s footer
Copyright © Terry Felke-Morris [Link] 8