HTML Styles

[welcomewiki]

The style attribute is a new HTML attribute. It introduces CSS to HTML.
Look! Styles and colors

This text is in Verdana and red
This text is in Times and blue
This text is 30 pixels high
Try it yourself
The HTML Style Attribute

The purpose of the style attribute is:
To provide a common way to style all HTML elements.
Styles was introduced with HTML 4, as the new and preferred way to style HTML elements. With HTML styles, styles can be added to HTML elements directly by using the style attribute, or indirectly by in separate style sheets (CSS files).
You can learn everything about styles and CSS in our CSS tutorial.
In our HTML tutorial we use the style attribute to introduce you to HTML styles.
HTML Style Examples

style="background-color:yellow"
style="font-size:10px"
style="font-family:Times"
style="text-align:center"
Deprecated Tags and Attributes

In HTML 4, some tags and attributes are defined as deprecated. Deprecated means that they will not be supported in future versions of HTML and XHTML.
The message is clear: Avoid the use of deprecated tags and attributes.
These tags and attributes should be avoided:
Tags Description Defines centered content and Defines HTML fonts and Defines strikeout text Defines underlined text Attributes Description align Defines the alignment of text bgcolor Defines the background color color Defines the text color For all the above: Use styles instead.

Style Examples:

Background Color


The style attribute defines a style for the element.
Try it yourself: Background color
The new style attribute makes the "old" bgcolor attribute obsolete.
Try it yourself: Background the old way
Font Family, Color and Size

The style attribute defines a style for the

element.
Try it yourself: Font Example
The new style attribute makes the old tag obsolete.
Try it yourself: Fonts the old way
Text Alignment

The style attribute defines a style for the

element.
Try it yourself: Centered heading
The new style attribute makes the old "align" attribute obsolete.
Try it yourself: Centered heading the old way

Similar Threads:

• HTML Paragraphs
• HTML Headings
• HTML Attributes
• HTML Elements
• Sweta Keswani and Alex O’Neil are married in 4 different styles