HTML Guide Phrase Inline Elements

User Manual:

Open the PDF directly: View PDF .
Page Count: 4

Download
Open PDF In Browser	View PDF

HTML Guide: Inline/Phrase Elements
Element

Code

Note

Basic Inline Elements



Strong
(logical style)

Bold
(physical style)

Emphasis
(logical style)

Italics
(physical style)

It is wise to
invest regularly.

Indicates strong importance for its
contents.
The number of ancestor 
elements sets the relative level of
importance for a phrase. Each strong
element increases the importance of its
nested content.
Usually displays text as bolded



According to the HTML 5, the  tag
should be used as a last resort when no
other tag is more appropriate.
HTML 5 further defines usage of the 
element as for a span of text to which
attention is being drawn for utilitarian
purposes without conveying any extra
importance. Important text should be
markup with the  tag.



Represents stress emphasis of its
contents.

Cats are cute pets!



The number of ancestor  elements
sets the level of stress for a phrase.
Usually displays text as italics.
Defines a part of text in an alternate voice
or mood. Can be used to indicate a
technical term, a phrase from another
language, a thought, or a ship name, etc.
The content of the  tag is usually
displayed in italic.
According to the HTML 5, the  tag
should be used as a last resort when no
other tag is more appropriate.
Emphasized text should be denoted with
the  tag.

Cite



Identifies a title of a work (e.g. a book, a
paper, an essay, a poem, a score, a song, a
script, a film, a TV show, a game, a
sculpture, a painting, a theatre production,
a play, an opera, a musical, an exhibition,
a legal case report, etc). This can be a
work that is being quoted or referenced in
detail (i.e. a citation), or it can just be a
work that is mentioned in passing.
It can, additionally, be used to identify the
author of a work, oral statement, post, or
tweet, etc.
Lastly, it can identify an online source,
such as a website, that is the source of an
excerpt or quote.
Do not use cite for quotes.
(See examples that follows this guide)



Use for inline quoted content.
Browsers often insert quotation marks
around the quotation.
(See examples that follows this guide)

Lang attribute



Specifies the language of the element's
content.

Cite attribute



Specifies the source URL of the quote.
Do not confuse with the Cite Element.



Defines side comments such as
small print.



Defines subscript text.
Subscript text appears half a character
below the baseline.
Subscript text can be used for chemical
formulas, like H2O.

Superscript
(physical style)



Defines superscript text.
Superscript text appears half a character
above the baseline.
Superscript text can be used for footnotes,
like WWW[1]

Definition



Indicates the defining instance of the
enclosed term



The Title attribute should be present and
its value is the term being defined.
(See examples that follows this guide)

Quote

Small
(physical style)

Subscript
(physical style)

Title attribute

Abbreviation



Indicates an abbreviated form or an
acronym.
Marking up these constructs provides
useful information to user agents
(browsers) and tools such as spell
checkers, speech synthesizers, translation
systems and search-engine indexers.
(See examples that follows this guide)

Keyboard



Indicates text to be entered by the user



By itself does not render a visual style.
Use to apply inline CSS to intraparagraph content. Needs the style, class,
or id attributes to assign CSS to the
content enclosed in this element.

Span

Inline Elements (to denote edits)

Insert Element

Delete Element

S Element



Defines a text that has been inserted into
a document.
Browsers will normally underline
inserted text.



Defines a text that has been deleted from
a document.
Browsers will normally strike a line
through deleted text



The  element is deprecated in HTML
4.01, and used to define strikethrough
text.
The  element is redefined in HTML5,
and is now used to define text that is no
longer correct, accurate or relevant.
In HTML 4.01, the  element is
deprecated.

U Element



In previous versions of HTML the 
element was used to define underlined
text.
The  element is redefined in HTML5,
and it represents text that should be
stylistically different from normal text,
such as misspelled words or proper nouns
in Chinese.

Inline Elements (to denote code or programming constructs)
Code



Designates a fragment of computer code

Sample



Designates sample output from programs,
scripts, etc.

Variable



Indicates an instance of a variable or
program argument

Inline Element Examples
Using the Quote Element
The boss said Things that are impossible just take longer.
Harry Truman said, The buck stops here.
The W3C page About W3C says the W3C's mission is
To lead the World Wide Web to its full
potential by developing protocols and guidelines that ensure long-term growth
for the Web.
Using the Cite Element

The book To Kill a Mockingbird was made into a movie
starring Gregory Peck.
Universal Declaration of Human Rights, United Nations,
December 1948. Adopted by General Assembly resolution 217 A (III).
In the words of Charles Bukowski - An intellectual
says a simple thing in a hard way. An artist says a hard thing in a
simple way.
We are an international community where Member organizations, a
full-time staff, and the public work together to develop Web
standards, World Wide Web Consortium (www.w3c.org).
Using the Definition Element

Kyle knows how to make applets, Java programs
that can be embedded on a Web page.
Using the ABBR Element


Misc.

Acronym example

RADAR




File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.3
Linearized                      : No
Page Count                      : 4
Title                           : HTML Guide Phrase-Inline Elements
Author                          : Fred Murhammer
Subject                         : 
Producer                        : Mac OS X 10.11.5 Quartz PDFContext
Creator                         : Word
Create Date                     : 2017:10:01 19:53:19Z
Modify Date                     : 2017:10:01 19:53:19Z
Apple Keywords                  :