WEB DEVELOPMENT
HTML
FORMATTING
Presentation by:
JULLIE ANN M. OCAMPO
CONTENTS
<b> - Bold text
Use background-color <strong> - Important text
for background color <i> - Italic text
Use color for text colors <u> - Underline Text
Use font-family for text <tt> - Monospaced Font
fonts <em> - Emphasized text
<mark> - Marked text
Use font-size for text <strike> - Striked text
sizes <del> - Deleted text
Use text-align for text <ins> - Inserted text
alignment <sub> - Subscript text
<span> & <div> - <sup> - Superscript text
<big> - Larger Text
Grouping Text <small> - Smaller Text
background-color
The CSS background-color property defines the
background color for an HTML element
Syntax:
color:color
The CSS color property defines the text color
for an HTML element
Syntax:
font-family
The CSS font-family property defines the font
to be used for an HTML element
Syntax:
font-size
The CSS font-size property defines the text size
for an HTML element
Syntax:
text-align
The CSS text-align property defines the
horizontal text alignment for an HTML element
Syntax:
<span>
The <span> element, on the other hand, can be
used to group inline elements only. So, if you
have a part of a sentence or paragraph which you
want to group together you can use <span>.
Syntax:
<div>
The <div> elements allow you to group together
several elements to create sections or
subsections of a page.
Syntax:
<b>
The HTML <b> element defines bold text,
without any extra importance.
Syntax:
<strong>
The HTML <strong> element defines text with
strong importance. The content inside is
typically displayed in bold.
Syntax:
<i>
The HTML <i> element defines a part of text in
an alternate voice or mood. The content inside
is typically displayed in italic.
Syntax:
<u>
The HTML <u> element defines underlined text,
test is displayed with underline.
Syntax:
<tt>
The HTML <tt> element defines an element written
in monospaced font. Most of the fonts are known as
variable-width fonts because different letters are of
different widths (for example, the letter 'm' is wider
than the letter 'i'). In a monospaced font, however,
each letter has the same width.
Syntax:
<em>
The HTML <em> element defines emphasized
text. The content inside is typically displayed in
italic.
Syntax:
<mark>
The HTML <mark> element defines text that
should be marked or highlighted.
Syntax:
<strike>
The HTML <strike> element defines as
strikethrough text. Text is displayed with a thin
line through the text.
Syntax:
<del>
The HTML <del> element defines text that has
been deleted from a document. Browsers will
usually strike a line through deleted text.
Syntax:
<ins>
The HTML <ins> element defines a text that
has been inserted into a document. Browsers
will usually underline inserted text.
Syntax:
<sub>
The HTML <sub> element defines subscript
text. Subscript text appears half a character
below the normal line, and is sometimes
rendered in a smaller font.
Syntax:
<sup>
The HTML <sup> element defines superscript
text. Superscript text appears half a character
above the normal line, and is sometimes
rendered in a smaller font.
Syntax:
<big>
The HTML <big> element defines smaller text
Syntax:
<small>
The HTML <small> element defines smaller text
Syntax:
REFERENCES
HTML - Attributes. (n.d.). Retrieved
March 17, 2023, from
[Link]
ml/html_formatting.htm
HTML Attributes. (n.d.). Retrieved
March 17, 2023, from
[Link]
html_formatting.asp
THANK
YOU!