HTML Styles

-

HTML Styles


Example

I am Red
I am Blue
I am Big

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.

Background Color

The CSS background-color property defines the background color for an HTML element.
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>

</body>

Text Color

The CSS 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>

Fonts

The CSS 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

Text Size

The CSS 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>

Text Alignment

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

Example

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Chapter Summary

  • Use the style attribute for styling HTML elements
  • Use background-color for background color
  • Use color for text colors
  • Use font-family for text fonts
  • Use font-size for text sizes
  • Use text-align for text alignment

[Related content]

For more this type of content or If you want to know amazing facts , tricks ,tips about technology or you want to learn coding then follow
coder__bhai on instagram

Comments

Post a Comment

Popular posts from this blog

-
Image
SSD vs. HDD: Which Do You Need? Are you running out of storage space? Is your old hard disk slowing to a crawl? Then it’s time for a hardware upgrade. But should you choose a cheaper, traditional hard disk drive? Or should you take the plunge and buy a fast SSD ? We show you the differences between HDDs and SSDs in terms of speed, capacity, cost, and lifespan – so you can make an educated decision. SSD vs. HDD: What’s the difference? A hard disk drive (HDD) is an old-school storage device that uses mechanical platters and a moving read/write head to access data. A solid-state drive (SSD) is a newer, faster type of device that stores data on instantly-accessible memory chips. HDDs : An enclosure contains a series of platters covered by a ferromagnetic coating. The direction of the magnetization represents the individual bits. Data is read and written by a head (similar to  the way vinyl record albums work ) that moves extremely fast from one area of the disk ...
Read more

CSS3 LOADING ANIMATIONS

-
Image
CSS3 Loading animations HTML CODE <body>      <div  class = " content " >        <h3> CSS3 Loading animations </h3>          <div  class = " load-wrapp " >              <div  class = " load-1 " >                  <p> Loading 1 </p>                  <div  class = " line " ></div>                  <div  class = " line " ></div>                  <div  class = " line...
Read more

How to Enable WiFi Calling on Android and iOS (Airtel and Jio)

-
Image
How to Enable WiFi Calling on Android and iOS (Airtel and Jio) After the brouhaha over VoLTE, now it’s time for VoWiFi (Voice over WiFi, also called WiFi Calling) support on Android and iOS devices. VoLTE arrived with a promise that it will spur a new medium for crystal-clear communication, but it was marred by poor LTE reception inside buildings and non-availability of 4G in rural areas. However, with WiFi calling, the issue of strong signal reception and LTE requirement is gone. If you are connected to a WiFi network even with a weak signal, you can have clear voice communication. And the best part is that VoWiFi works even if you are on 2G, 3G or 4G. So if you want to learn how to enable WiFi Calling on Android and iOS devices, follow our guide. Along with that, learn more about device support and VoWiFi availability from Airtel and Jio. Enable WiFi Calling on Android As we all know, Android smartphones have different UI skins so the process will be slightly different...
Read more