HTML Styles in Hindi [Lesson 8] – Html Tutorial in Hindi

html styles in hindi
html styles in hindi

Hey Guys mein aapka welcome krta hu humari is html tutorial series me. Last lesson me humne html paragraphs ke baare me discuss kiya tha. Aaj ki is post me hum baat karenge html styles ke baare me. To bina time waste kiye shuru karte hain aaj ka topic html styles in hindi, styles in html , html tutorial in hindi.

Read All Html Lessons Here

Styles in Html in Hindi

Jab bhi hume html me kisi bhi style ki setting karni hoti hai to hum <style> attribute ka use karte hain. Html me agar aapko <style> attribute use karna hai to uske liye aapko aise type krna hoga.

<tagname style=”property:value”>

Ye jo aapne upar abhi example dekha ye style attribute ko use karne ka syntax tha. (Syntax ka matlab hota hai ki ek rule kisi bhi language me kisi cheez ko define karne ka. Jaise hum english ya hindi me grammer dekhte hain. Agar grammer me kahin problem hoti hai to us baat ka meaning hi kuch or bn jata hai. To english ya hindi language me grammer thik hona ek rule hai. Vaise hi html language me kuch rules hote hain kisi bhi value ko define karne ke liye jinhe hum syntax kehte hain.)

Html Background Color Using Style Attribute in Hindi

Aap style attribute ka use karke apne webpage ke background color ko bhi change kar skte hain. Chaliye ek example lete hain ki aap kaise apne webpage ke background color ko change kar skte hain.

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

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

</body>

html styles in hindi
html styles in hindi

To aise aap bahut hi assani se background color ko change kar skte hain. Jisse aapka webpage or bhi attractive lagega.

Html Text Color Change Using Style Attribute in Hindi

Style Attribute ka use karke hum apne text ke color ko bhi change kar skte hain. Isko achhe se samjhane ke liye ab hum ek example ko smjhte hain.

<h1 style=”color:blue;”>This is a heading</h1>
<p style=”color:red;”>This is a paragraph.</p>

html styles in hindi
html styles in hindi

Jaisa ki aap upar example me dekh skte hain maine <h1> tag me style attribute  use kiya hai or property me color hai or value me maine usko blue color diya hai. To aap results me dekh skte hain ki humare webpage hum jahan bhi <h1> heading use karenge vo heading hume red color me hi dikhayi degi. Or same vaise humne paragraph ko red color diya hai jo ki hum results me dekh skte hain.

Html Font Change Using Style Attribute in Hindi

Ab baat karte hain font change karne ke liye. To aap style attribute ka use karke aaram se apne font ko change kar skte hain. Font change krne se matlab hai ki uski font-family ko change karna. Jaise humne different types ki font-family ke baare me suna hoga jaise Arial, Calbiri etc. To aap is font family ko apne needs ke hisaab se change kar skte hain. Chaliye iska bhi ek example lete hain ki aap kaise apne font ki font-family ko change kar skte hain.

<!DOCTYPE html>

<html>

<body>

<h1 style=”font-family:verdana;”>This is a heading</h1>

<p style=”font-family:courier;”>This is a paragraph.</p>

</body>

</html>

html styles in hindi
html styles in hindi

Is example me aap dekh skte hain ki humne heading me font-family ko verdana rkha hai or paragraph ke liye humne font- family ko courier rkha hai. To aap aise kisi bhi element ki font-family ko change karke usko or zyada attractive bna skte hain.

Html Text Size Change Using Style Attribute in Hindi

Ab baat krte hain text size ki. Maan lijiye aapne apne paragraph me koi text baaki text se thoda bda ya chota show karna hai to aapko uska text size change karna hoga. Niche Example me dekhte hain ki aap kaise apne html ke text size ko change kar skte hain.

<!DOCTYPE html>

<html>

<body>

<h1 style=”font-size:300%;”>This is a heading</h1>

<p style=”font-size:160%;”>This is a paragraph.</p>

</body>

</html>

html styles in hindi
html styles in hindi

Aap upar example me dekh skte hain ki  humne heading ka paragraph ka dono ka size uske deafult size se bdha diya hai. To aap is tarah se apne html text ke size ko change kar skte hain.

Html Text Alignment Using Style Attribute in Hindi

<!DOCTYPE html>

<html>

<body>

<h1 style=”text-align:center;”>Centered Heading</h1>

<p style=”text-align:center;”>Centered paragraph.</p>

</body>

</html>

html styles in hindi
html styles in hindi

Is example me aap dekh skte hain ki humne apne heading or paragraph ko center align kiya hai to humare webpage pr bhi vo center me show hoga. Center align karne ke liye aap is tarah se kisi bhi element ko center align kr skte hain.

Conclusion

Basically hum style attribute ka use apne html page ki styling ke liye use karte hain. Agar aap apne webpage ko or zyada achha bnana chahte hain to hum is tag ka use kar skte hain. Ek baat clear kardu ki aisa nahi hai ki agar aap is tag ko use nahi karenge to html me aapko koi error aayega. Ye attribute bus aapke webpage ko or zyada achha bnane ke liye use hota hai. To bs guys aaj ke liye itna hi agar aapko ye post achhi lagi ho to aap apne family or friends ke saath isko share kar skte hain. Or uske allawa agar aapke koi questions or suggestion hain to aap niche comments section me bta skte hain.

About Rishabh Pathania 19 Articles
I am full time blogger and love to write about technology and online money.

Be the first to comment

Leave a Reply

Your email address will not be published.


*