Styles in HTML

The Style in HTML is used to format the html document with required style information specified in head section.

Understand with Example

To set the entire text of a HTML document to one style(e.g., color), we use the following code:

Example: Styles in HTML

<html>
<head><title>Use of Styles in HTML</title></head>

The entire texts in the Body of the Document will be in yellow color
</body>
</html>

Output is displayed as

Inline Style:

When we have to use different style format in a specific paragraph or in a particular line of the document, then we use the following code:

<html>
<head><title>Example on the use of inline Styles in HTML</title></head>
<body bgcolor="black" Style="color:Lightblue">
The color of the text in this line is red except the inline specification made for a particular line or a part of a particular line.
</body>
</html>

Output shown in the Browser window will be like this-

Download Source

Leave your comment:
Name:
Email:
URL:
Title:
Comments:
Enter Code:
	Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted. No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.

Add This Tutorial To:
Del.icio.us	Digg	Google	Spurl	Blink	Furl	Simpy	Y! MyWeb

Current Comments

2 comments so far (post your own) View All Comments Latest 10 Comments:

html>
<head><title>Use of Styles in HTML</title></head>
<body Style color="Lightyellow">
The entire texts in the Body of the Document will be in Lightyellow color
</body>
</html>

Posted by harish on Thursday, 12.4.08 @ 01:02am | #82358

View This Comment Separately

Posted by harish on Thursday, 12.4.08 @ 01:01am | #82357

View This Comment Separately