HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles,Styles HTML, Styles HTML,Styles HTML, Styles HTML, Styles HTML,Styles HTML, Styles HTML
The style attribute is used to style HTML elements.
Look! Styles and colorsThis text is in Verdana and red This text is in Times and blue This text is 30 pixels high |
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 in separate style sheets (CSS files).
You can learn everything about styles and CSS in our CSS Tutorial.
In our HTML tutorial we will use the style attribute to introduce you to HTML styles.
Deprecated Tags and Attributes
In HTML 4, several tags and attributes are deprecated. Deprecated means that they will not be supported in future versions of HTML and XHTML.These tags and attributes should be avoided:
| Tags | Description |
|---|---|
| <center> | Defines centered content |
| <font> and <basefont> | Defines HTML fonts |
| <s> and <strike> | Defines strikethrough text |
| <u> | Defines underlined text |
| Attributes | Description |
| align | Defines the alignment of text |
| bgcolor | Defines the background color |
| color | Defines the text color |
HTML Style Example - Background Color
The background-color property defines the background color for an element: Example
Try it yourself » |
Try it yourself: Background color the old way
HTML Style Example - Font, Color and Size
The font-family, color, and font-size properties defines the font, color, and size of the text in an element: Example
Try it yourself » |
Try it yourself: Fonts the old way
HTML Style Example - Text Alignment
The text-align property specifies the horizontal alignment of text in an element: Example
Try it yourself » HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles, HTML Styles,Styles HTML, Styles HTML,Styles HTML, Styles HTML, Styles HTML,Styles HTML, Styles HTML |