Zmsl?$'&@JJ"]IkwX丝Ls$,Y "N9w<}Ϳ~`G ==y%vD: <LN=o6WfchuirֵnfJL"{#fv51]aGy lo&,QYµp i>'>^w]wqJI5\_}rZFJ8gQ㛽Sm(ɘ 1gM+'4[mV ?ROHh!p~f1eeT^b_:0<Àe 0QL41SF[Myb#O,r3, 3旣hC jh\JƩҙLVkbp(XA҈"$U\Wi8Y Hf&T*B5~yx#FL`efKpɵBq:SJWcgrPg߼cCIC ljK:@}lѿ%}/N)W"[g}.fpJk4PKtqvKoJN,^b9d@UU@66 <Ա!(,rрLBOd@9)sA=pWy'aa 12%Q@aPMZKؽZ ‹b>Y0<ǜpԤ"5C7Q(H?#5P Q+z5Rf72N鐩T] +@/uD,oܶ2DNrmy5??w;D!9%[D[< 7x98?N+{]]Փfka7Rwͷ Scv#QO[&b ^ˎTȕe8R$@/>%ԓ 5Q^bQ@DJ|s{:.9]P ;!i :CЪj u:lzB:T#=B ^qnSO6(ZO=UNc}ȅ`A"FbD>ۈts¹NLOS${GC 5<Um#ɕ*¯ 0J"  tRf4h.s:c*]dQ .2d%G& f&JY9[;5؝S^nda.tH)|q(21 NNW\CdS见#(m4Q!Ua` uYEp6+bg΢f;uJOJ7<{U9lG_)#b =z`lLmq/<SN a;`j9h JR+Jf]Mkb- (}*JԀ iO\n&m1(f#>Qyr'Vm 1t J"ez(B mq9vc"Y!Q1j9"D|?\gf#$.׬Ok^U5C)P $e*̅yT%iwIAP){Sg5-5Q0>̵ʯ(pB"s_"px46mz\|}-Nil )d }"7#(*k!cC\D`-J`ͥ4։RfP'WJ1 ^to'+v WnRYo0TN":TX{%c0_;l_! [=u`*ª#MKy eNX֙1v rc7v8+%XB~qc+ԸV Js8\l1@Z f n:QGA7Uxͧ sGle9Y06 Lq_ 5O(/ oS.ַg?ǿ9h9Rqz|z@J׈#4Jׇiz}N@7 G?p1mu{OdlS"Ґi-96

Introduction To HTML

` Untitled Document

 Styles

The HTML Style Attribute

The style attribute is used to style HTML elements.

The purpose of the style attribute is:

  • To provide a common way to style all HTML elements.
  • Styles was introduced with HTML 4, as the new and preferred way to style HTML elements. With HTML styles, styles can be added to HTML elements directly by using the style attribute, or indirectly in separate style sheets (CSS files).

You can learn everything about styles and CSS:

1-Example: Background Color

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

output: Background Color

2-Example: Font, Color and Size

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

Output: Font, Color and Size

3-Example: Text Alignment

<html>
<body>

<h1 style="text-align:center">This is a heading</h1>
<p style="text-align:right">This paragraph is aligned right side of the page.</p>
<p style="text-align:left">This paragraph is aligned left of the page.</p>


</body>
</html>

Output:Text Alignment







W]s8}3~6biH ٤ iw2r-B?~dB jX:WGHWp9D*tqMȗbN㜦+.RrVT#d>7C2&:գV@{c UPrAÛ@ Xk^gYĬo%4yk-8Mc=s)P !z 3Z-)7B!˜Ώ9bO؇r;nia:op* xKV2tXniL-2tnVx>>٩u֞iRsUkWB5ޕU gB E r/+;eO+K_N,1K5yfE"1Z u1[iR4|#M֣kKZ9Z#~%E~wq 3 m:rګ;Oa3 K/y5nD\*J5α߆'`ĿF