HTML me style attribute kya hota hai and kaise use karte hai
HTML STYLE ATTRIBUTE
Dosto to aaj hum HTML style attribute ke bare me jannenge to chaliye age badte hain....
Dosto to aaj hum HTML style attribute ke bare me jannenge to chaliye age badte hain....
agar ap humare old post nai dekhe ho to ak bar read kar le niche link par click karke
HTML STARTING SE CLICK HERE
sabse pahle hum jan lete hai ki
STYLE ATTRIBUTE HOTA KYA HAI...
to dosto ye ak prakar ka tag hi hai jaise but isko hum attribute ke type use karte hai,.
tag ke under use karte hai jaise ...
tag ke under means <BODY> tag ke under ya kisi or tag jaise <h1> etc. me use karte hai...
To chaliye age badte hai style attribute ke taraf ...
Ab hum use karna sikhenge ...
<body style="property:values;">
yaha ap uper dekh sakte hai ki hum tag ke under style use kiya hai or property and value liye hai..
properties -
- background-color
- color
- font-family
- font-size
- text-align
to dosto ye sab properties hai jisko hum style ke sath use kar sakte hai.. designing ke liye
TO chaliye jada time nai lete jan lete hai EXAMPLE dekhte hai ...
<body style="background-color:pink;"> body parts </body>
yaha ap dekh rahe hai sttyle ke bad background color liye hai isi type se hum text color v de sakte hai
jaise <body style="color:red;"> hello world </body>
chaliye ab coding karte hai ... fir ap achhe se practical karna ...
EXAMPLE1
CODE
<HTML>
<TITLE>STYLE ATTRIBUTE</TITLE>
<BODY style="background-color:pink;">
hello world <br>
i am new user
</BODY>
</HTML>
OUTPUT
EXAMPLE 3
CODE
<HTML>
<TITLE>STYLE ATTRIBUTE</TITLE>
<BODY style="color:green;">
hello world <br>
i am new user
</BODY>
</HTML>
OUTPUT
EXAMPLE 4
CODE
<title></title>
<body>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
</body>
</html>
OUTPUT
EXAMPLE 5
CODE
<html>
<body>
<h1 style="text-align:center;">createed Centered Heading</h1>
<p style="text-align:left;">Centered left paragraph.</p>
<p style="text-align:right;">Centered right paragraph.</p>
<h1 style="font-family:verdana;">using font family heading</h1>
<p style="font-family:courier;">using font family paragraph.</p>
</body>
</html>
OUTPUT
next post me hum HTML text formatting sikhenge .. tab tak ap isko practical kijiye ..
HTML STARTING SE CLICK HERE
THANK YOU
BE HAPPY
Comments
Post a Comment