HTML Styles
I am Red
I am Blue
HTML Styling
Every HTML element has a default style (background color is white and text color is black).Changing the default style of an HTML element, can be done with the style attribute.
This example changes the default background color from white to grey:
Example
<body style="background-color:grey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
| The bgcolor attribute, supported in older versions of HTML, is not valid in HTML5. |
The HTML Style Attribute
The HTML style attribute has the following syntax:
style="property:value"
| You will learn more about CSS later in this tutorial. |
HTML Text Color
The color property defines the text color to be used for an HTML element:Example
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
<p style="color:red">This is a paragraph.</p>
HTML Fonts
The font-family property defines the font to be used for an HTML element:Example
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
<p style="font-family:courier">This is a paragraph.</p>
| The <font> tag, supported in older versions of HTML, is not valid in HTML5. |
HTML Text Size
The font-size property defines the text size to be used for an HTML element:Example
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
<p style="font-size:160%">This is a paragraph.</p>
No comments:
Post a Comment