Scribd
Upload
9 views

html formating

The document provides an introduction to HTML formatting, detailing various tags used to enhance text appearance without CSS. It categorizes formatting tags into physical and logical types, explaining their usage with examples for bold, italic, underlined, marked, superscript, subscript, deleted, inserted, larger, and smaller text. The document emphasizes the semantic differences between tags that may visually appear the same.

Uploaded by

nalumansitheresa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views

html formating

The document provides an introduction to HTML formatting, detailing various tags used to enhance text appearance without CSS. It categorizes formatting tags into physical and logical types, explaining their usage with examples for bold, italic, underlined, marked, superscript, subscript, deleted, inserted, larger, and smaller text. The document emphasizes the semantic differences between tags that may visually appear the same.

Uploaded by

nalumansitheresa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 8

INTRODUCTION TO WEB DESIGN

DCIS1204
SEMISTER TWO
YEAR ONE
HTML Formatting

HTML Formatting is a process of formatting text for better look and feel. HTML provides us
ability to format text without using CSS. There are many formatting tags in HTML. These tags are
used to make text bold, italicized, or underlined. There are almost 14 options available that how
text appears in HTML and XHTML.
In HTML the formatting tags are divided into two categories:
Physical tag: These tags are used to provide the visual appearance to the text.
Logical tag: These tags are used to add some logical or semantic value to the text.
NOTE: There are some physical and logical tags which may give same visual appearance, but they
will be different in semantics.
HTML Formatting
HTML Formatting

1) Bold Text
HTML<b> and <strong> formatting elements
The HTML <b> element is a physical tag which display text in bold font, without any logical
importance. If you write anything within <b>............</b> element, is shown in bold letters.
example:
<p> <b>Write Your First Paragraph in bold text.</b></p>
The HTML <strong> tag is a logical tag, which displays the content in bold font and informs the
browser about its logical importance. If you write anything between <strong>???????. </strong>, is
shown important text.
2) <strong>
<p><strong>This is an important content</strong>, and this is normal content</p>
HTML Formatting

<!DOCTYPE html>
<html>
<head>
<title>formatting elements</title>
</head>
<body>
<h1>Explanation of italic formatting element</h1>
<p><em>This is an important content</em>, which displayed in italic font.</p>
</body>
</html>
HTML Formatting

3) HTML Marked formatting


If you want to mark or highlight a text, you should write the content within <mark>.........</mark>.
See this example: <h2> I want to put a <mark> Mark</mark> on your face</h2>
4) Underlined Text
If you write anything within <u>.........</u> element, is shown in underlined text.
See this example:
<p> <u>Write Your First Paragraph in underlined text.</u></p>
5) Monospaced Font
If you want that each letter has the same width then you should write the content within <tt>.............</tt>
element.
Note: We know that most of the fonts are known as variable-width fonts because different letters have
different width. (for example: 'w' is wider than 'i'). Monospaced Font provides similar space among every
letter.
See this example:<p>Hello <tt>Write Your First Paragraph in monospaced font.</tt></p>
HTML Formatting

6) Superscript Text
If you put the content within <sup>..............</sup> element, is shown in superscript; means it is
displayed half a character's height above the other characters.
See this example: <p>Hello <sup>Write Your First Paragraph in superscript.</sup></p>
7) Subscript Text
If you put the content within <sub>..............</sub> element, is shown in subscript ; means it is
displayed half a character's height below the other characters.
See this example: <p>Hello <sub>Write Your First Paragraph in subscript.</sub></p>
9) Deleted Text
Anything that puts within <del>..........</del> is displayed as deleted text.
See this example: <p>Hello <del>Delete your first paragraph.</del></p>
HTML Formatting

9) Inserted Text
Anything that puts within <ins>..........</ins> is displayed as inserted text.
See this example:<p> <del>Delete your first paragraph.</del><ins>Write another
paragraph.</ins></p>
10) Larger Text
If you want to put your font size larger than the rest of the text then put the content within
<big>.........</big>. It increase one font size larger than the previous one.
See this example: <p>Hello <big>Write the paragraph in larger font.</big></p>
12) Smaller Text
If you want to put your font size smaller than the rest of the text then put the content within
<small>.........</small>tag. It reduces one font size than the previous one.
See this example: <p>Hello <small>Write the paragraph in smaller font.</small></p>

You might also like