How To Use Style In HTML?

How To Use Style In HTML?

To make the attractive your HTML web page use the style in html tags and attributes. The style is use with two different way first is use inside the attribute and second is used outside the tags or in body tags with <style>tags <style/>.

You need to download Sublime Text Edit for developing a web pages.

How To Use Style In HTML Attribute?

Use the style in html attribute in start of the tags. For example


<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Use Styling In HTML Tags</title>
 <h1 style="color: darkblue; text-align: center;">THIS IS FIRST HEADING</h1>
<p style="font-family: sans-serif; font-size: 18px; color: blue;">The style is use in the start of html tags with the style word</p>

In above html document we use the style in heading <h1> and in paragraph attribute .Here your can change the font style, font size, font family and much more as you want.

But in a large amount of data I recommended to you , you must use the separate css file for styling the tags. There are more benefit in css file you can apply styling more than tags in a single piece of code.

Following example will more clear about HTML Tags Styling.

Make a separate css file or write down in the bottom for html styling. The css syntax start with following code.

<style type="text/css">


We will write the code in the middle of <style></style> tags.


<p>The style is use in the start of html tags with the style word</p>


<style type="text/css">
h1 {

text-align: center;
color: orange;
font-family: cursive;
text-align: center;
font-size: 18px ;
how to use style in html

This Post Has 5 Comments

  1. Zeytinburnu Nakliyat

    I read this piece of writing completely on the topic of
    the comparison of newest and preceding technologies, it’s amazing article.

  2. BryanDum

    Supercharge Your SEO with Our Premium Databases!
    Want to improve your SEO rankings and save time? Our premium databases for XRumer and GSA Search Engine Ranker are just what you need!

    What do our databases include?
    • Active links: Get access to constantly updated lists of active links from profiles, posts, forums, guestbooks, blogs, and more. No more wasting time on dead links!
    • Verified and identified links: Our premium databases for GSA Search Engine Ranker include verified and identified links, categorized by search engines. This means you get the highest quality links that will help you rank higher.
    • Monthly updates: All of our databases are updated monthly to ensure you have the most fresh and effective links.

    Choose the right option for you:
    • XRumer Database:
    o Premium database with free updates: $119
    o Premium database without updates: $38

    • Fresh XRumer Database:
    o Fresh database with free updates: $94
    o Fresh database without updates: $25

    • GSA Search Engine Ranker Verified Links:
    o GSA Search Engine Ranker activation key: $65 (includes database)
    o Fresh database with free updates: $119
    o Fresh database without updates: $38

    Don’t waste time on outdated or inactive links. Invest in our premium databases and start seeing results today!
    Order now!
    P.S. By purchasing GSA Search Engine Ranker from us, you get a high-quality product at a competitive price. Save your resources and start improving your SEO rankings today!
    To contact us, write to telegram

Leave a Reply