Here we'll go over some more text components. Note that your styling outputs won't be exactly the same, as this page uses the Bootstrap CSS Framework. We'll learn more about Bootstrap and web frameworks later when we cover CSS.
To make your font smaller or larger relative to the surrounding text, use the
<p>This is normal size text, <small>This is smaller</small>, and <big>This is bigger</big>.<p>
This is normal size text, This is smaller, and This is bigger.
To specify that some text should be highlighted, use the
<mark>Here's an example of some marked text.</mark>
Here's an example of some marked text.
To specify some text that should be deleted or inserted, use the
<del>Here is some text that is to be deleted<del>. <ins>Here is some text that is to be inserted</ins>.
Here is some text that is to be deleted.
This is useful if you want to let the user know that changes have been made, or an article has been updated.
To specify a short qutation, use the
<q> tag. For example:
<p>Google's goal is to <q>focus on the user</q>.</p>
Google's goals is to
focus on the user.
For longer quotes, we use the
<blockquote> tag. We can also include a
cite attribute which specifies the URL in which the quote came from.
Goodness is about character - integrity, honesty, kindness, generosity, moral courage, and the like. More than anything else, it's about how we treat other people.
- Dennis Prager
For abbreviations, we use the
<abbr> tag with the
title attribute. The title should have a value with the full phrase.
<abbr title="Hyper Text Markup Language"></title>
To notify where a term is defined, we use the
<dfn>HTML</dfn> is the standard markup language used to create webpages.
HTML is the standard markup language used to create webpages.
To write out one's contact information, use the
<address> tag. Note the use of the
<br> tag used to make a new line.
<address>Visit us at: example.com<br> 123 Fake Street<br> Burmingham, Oklahoma<br> USA </address>
Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of how to get the best appearance from type without sacrificing performance on any device.$ Check price
Relieve your stress, back, neck and sciatic pain through 1,782 acupuncture points for immediate neck pain relief. Made for lower, upper and mid chronic back pain treatment, and improves circulation, sleep, digestion and quality of life.$$ Check price