Two Basic Types of HTML Tags

• The logical tags represent the structure and

meaning of a document, with only suggested
renderings for their appearance which may or
may not be followed by various browsers
under various system configurations.
• The physical tags represent specific visual
effects which are intended to be reproduced
in a precise manner, and carry no connotation
as to their semantic meaning.
 Physical Markup Tags
• boldface <b> and </b> - it creates boldface
characters.
• italic <i> and </i> - it creates italic characters.
• underline <u> and </u> - it creates underlined
characters.
• font size <font size = n> and </font> - it changes
the font size, can be larger or smaller
– Seven Font sizes : size = 7 (largest) … size = 1
(smallest)
• strike-through <strike> and </strike> - it
creates a logical highlighting element, a
horizontal line in the text.
• subscript _and - it creates a
subscript characters. Subscripts are used in
mathematical equations or in footnotes.
• superscript ^and - it creates a
superscript characters. Superscripts are the text
that appears slightly above the current line.
• Typewriter <tt> and </tt> - it creates a fixed
width typewriter font.
 Logical Markup Tags
• emphasis <em> and </em> - it creates
emphasize characters.
• strong <strong> </strong> - it creates a
stronger emphasis on characters, usually,
boldface.
• code <code> and </code> - tags indicate
that the text is to be presented as an
example of programming code.
 Image
• The <img> tag embeds an image in an HTML page.

Attribute Value Description

alt text Specifies an alternate text for an image
src URL Specifies the URL of an image

height pixels Specifies the height of an image

%
width pixels Specifies the width of an image
%

border pixels Specifies the width of the border

around an image
Attribute Value Description
align top Specifies the alignment of an image
bottom according to surrounding elements
middle
left
right

<img src = marine.jpg height =50% width =50%>