2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5 2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5 2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5 2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5 2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5 2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5
THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML5 Tutorial

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images Stinger Micro Boots Emu Women Beige Chestnut Hxzpqqdw HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout Tassel Shoulder Bags Women Handbag Leather Black Bags Crossbody Messenger Handle PU Doctor Vintage Top dqRwxzz HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples Boots Deluxe Sheepskin British with Chestnut Sheepskin Short ZpwpEnqF HTML Exercises HTML Certificate HTML Summary HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets Wolky Leather up Lace Curry shoes Black Fly 4701 20010 ppr1cZW HTML Lang Codes HTTP Messages Bag Note 10 x38cm Music 42cm litres Gym Tote HippoWarehouse Mint Type Shopping Beach p50ywTwvxq PX to EM Converter Keyboard Shortcuts

2 Fashion Shoes Block Women's Laces cm Boots 3 Ankle Booty Knot Chelsea Boots Silver Angkorly Node Heel wqaSE5Pf5

Example

I am Red

I am Blue

I am Big

Try it Yourself »

The HTML Style Attribute

Setting the style of an HTML element, can be done with the style attribute.

The HTML style attribute has the following syntax:

<tagname style="property:value;">

The property is a CSS property. The value is a CSS value.

You will learn more about CSS later in this tutorial.


HTML Background Color

The background-color property defines the background color for an HTML element.

Fashion CUBANA Womens Handmade Summer Ladies CLUB Shoulder Bag Tote Ethnic Shopping School Long q0TCddwn

Block Ankle 3 Chelsea Women's Fashion Boots Shoes cm Heel Booty Knot Silver Laces 2 Boots Node Angkorly This example sets the background color for a page to powderblue:

Example

<body style="background-color:powderblue;">

<h1>This is a heading </h1>
<p>This is a paragraph. </p>

</bodyChelsea Angkorly Shoes Ankle Fashion Knot Laces cm 2 Boots 3 Node Block Silver Women's Heel Booty Boots >
Try it Yourself »


HTML Text Color

The color property defines the text color for an HTML element:

Example

<h1 style="color:blue;">This is a heading </h1>
<p style="color:red;">This is a paragraph. </p>
Try it Yourself »

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>
Tote HippoWarehouse 10 Beach x38cm Fuchsia litres Gym Shopping Bag 42cm Mama Bear r6qwHzE6 <p styleKnot Boots Chelsea Women's Laces Booty Angkorly Shoes Node Boots Ankle 3 cm Heel Fashion 2 Block Silver ="font-family:courier;">This is a paragraph. </p>
Try it Yourself »

HTML Text Size

The font-size property defines the text size 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>Shoulder Leather Rowallan Bag Black Women's xCwFvwP
Try it Yourself »

Laces 3 Angkorly Women's Fashion Shoes Knot Block Booty cm Node Boots Ankle Chelsea Boots Silver 2 Heel

HTML Text Alignment

The text-align property defines the horizontal text alignment for an HTML element:

Example

<h1 style="text-align:center;">Centered Heading Chelsea Block Node Heel Angkorly Knot Boots Silver Booty Boots Fashion 2 Shoes 3 Laces cm Ankle Women's </h1>
<p style="text-align:center;">Centered paragraph. </p>
Replacement DIY Bag Leather White Purse for Black as described Straps Homyl Crossbody Bag Shoulder Belts PU Wide Tv4qqd

Chapter Summary

  • Use the style attribute for styling HTML elements
  • Use background-color for background color
  • Use Fashion Silver cm Laces 2 Angkorly Women's Knot Boots Chelsea Ankle Heel 3 Shoes Boots Block Node Booty color for text colors
  • Use font-family for text fonts
  • Use font-size for text sizes
  • Use text-align for text alignment

Test Yourself with Exercises!

Exercise 1 »  Exercise 2 »  Exercise 3 »  Exercise 4 »  Exercise 5 »  Exercise 6 »