HTML Formatting Tags

Two Types of Formatting Text

1. Physical Style
- used to make a specific change in
appearance
2. Logical Style
- used to emphasize on the importance of
the type of information being displayed
- leaves the actual appearance decision –
such as whether to display text in boldface,
italics or larger sizes
Physical Style Tags
1. Boldface <b>
- creates boldface characters
2. Italics <i>
- creates italics characters
3. Monospaced Text <tt>
- displays the enclosed text in
typewriter style
4. Underline or Inserted Text <u> or <ins>
- underlines the text enclosed within
Physical Style Tags
5. Big <big>
- increases the size of the text up to the
browser’s maximum size
6. Small <small>
- makes the text smaller
7. Subscripts <sub>
- displays the enclosed text in subscript,
placing it slightly below the current line
Physical Style Tags
8. Superscripts <sup>
- displays the enclosed text in
superscript, placing it slightly above the
current line
9. Strikethrough or Deleted Text
<strike>/<s>/<del>
- displays the enclosed text in strike-
through style.
10. Mark <mark>
- displays the enclosed text with a yellow
highlighted background color
Physical Style Tags
11. Font <font>
- allows to you to specify font attributes
for the enclosed text
Attributes:
a) color=color
b) size=n
c) face=“font-style name”
Physical Style Tags
12. Preformatted Text <pre>
- allows to you to switch off the
formatting to prevent altering the way a
portion of the screen looks.
- displays the enclosed text in
monospaced font as it exactly appears in
the HTML source code.
Attribute:
width=n - determines how many
characters fit on a single line
Physical Style Tags
13. Stop the Tagging <plaintext>
- often used to allow existing ASCII
documents to be displayed by a browser
without worrying about the markup tags
that might be included in the text.
Logical Style Tags
1. Strong Emphasized Text <strong>
- creates a stronger emphasis on the
characters, usually the boldface.
2. Emphasizes Text <em>
- creates emphasize characters in italic.
3. Computer Code <code>
- used to indicate that the text is to be
presented as an example of programming
code.
Logical Style Tags
4. Citations <cite>
- used to insert a citation to give credit for
a short quotation in the body of the
document
5. Definitions <dfn>
- used to set apart a definition
6. Variable Values <var>
- used to indicate variables which are
items to be supplied by the reader of the
document.
Logical Style Tags
7. Addresses <address>
- used to define as a specific address
information such e-mail address,
signature or authorship of the document
8. Block Quotes <blockquote>
- used to mark a section (block) of text as
a quote from another source
- is indented and spaced apart from the
current paragraph