www.smartlearningapproach.

com
Z_¨ I ‡hvMv‡hvM cÖhyw³ (e¨envwiK )
GKv`k I Øv`k †kÖwY
PZz_© Aa¨vq
cixÿY t-1
‡Zvgvi K‡j‡Ri GKwU I‡qe †cBR •Zix Ki hv †Kvb eªvDRv‡i †jvW Ki‡j K‡j‡Ri bvg, Qwe I K‡j‡Ri
wewfbœ wefv‡Mi bv‡gi ZvwjKv cÖ`k©b Ki‡e|
ZË¡/ cixÿ‡Yi eY©bv :
‡P․gynbx miKvwi Gm.G K‡j‡Ri GKwU I‡qe †cBR •Zwi Ki‡Z n‡e hv †Kvb eªvDRv‡i †jvW Ki‡j UvB‡Uj
ev‡i My College : Designed by Roll..... cÖ`wk©Z n‡e| †cB‡Ri ïiæ‡Z K‡j‡Ri bvg me‡P‡q eo
†nwWs I meyR is G cÖ`wk©Z n‡e| bv‡gi wb‡P K‡j‡Ri wVKvbv, †dvb b¤^i I K‡jR K¨v¤úv‡mi GKwU Qwe

ch
cÖ`wkZ n‡e| K‡j‡Ri Qwei wb‡P wewfbœ wefv‡Mi bv‡gi ZvwjKv (Abyµg Qvov) cª`wk©Z n‡e|

oa
hš¿cvwZi e¨envi :
K) nvW©Iqvi : GKwU Kw¤úDUvi|
L) md&UIqvi : Acv‡iwUs wm‡÷g : Windows 7 pr
Ap
GwWwUs mdU&Iq¨i : †bvUc¨vW
eªvDwRs mdU&Iqvi : gwRjv dvqvid·
g
in

M) e¨envi : DwjøwLZ cixÿYwU m¤úbœ Ki‡Z hš¿cvwZ e¨env‡ii †ÿ‡Î wb‡Pi c×wZ AbymiY Kwi-
rn

 Kv‡Ri ïiæ‡Z Kw¤úDUv‡i •e`y¨wZK ms‡hvM w`‡Z n‡e|

ea

 Kw¤úDUv‡ii cvIqvi myBP Ab K‡i Kw¤úDUviwU Pvjy Ki‡Z n‡e|

 DwjøwLZ mdUIq¨vi¸‡jv Kw¤úDUv‡i Bb÷j Av‡Q wK bv Zv †`‡L wb‡Z n‡e|
tL

 ewY©Z cixÿYwU n‡j PvjyK…Z †cÖvMÖvgmg~n eÜ Ki‡Z n‡e Ges wbqgvbyhvqx Kw¤úDUviwU eÜ/ kvU WvDb
ar

Ki‡Z n‡e| cÖ‡qvR‡b •e`y¨wZK myBP eÜ K‡i we`y¨r ms‡hvM wew”Qbœ Ki‡Z n‡e|
Sm

djvdj Dc¯’vcb :
K) cÖwµqv AbymiY :
I‡qe †cBR •Zwii cixÿYwU m¤úbœ Kivi Rb¨ HTML fvlv e¨envi Ki‡j mn‡R I my›`ifv‡e
cixÿYwU m¤úbœ Kiv hvq| wb‡P cixÿYwU m¤§cœ Kivi wewfbœ cÖwµqv eY©bv Kiv n‡jv-
 cixÿY we‡kølY : Av‡jvP¨ cixÿYwU GKwU I‡qe †cBR ‣Zwii gva¨‡g m¤úbœ Ki‡Z n‡e †mLv‡b
K‡j‡Ri bvg, wVKvbv I Qwei mv‡_ K‡j‡Ri wewfbœ wefv‡Mi bvg †`Lv hv‡e|
 I‡qe ‡cBR wWRvBwbs : HTML fvlv e¨envi K‡i I‡qe †cBR •Zwii c~‡e© I‡qe †cBRwUi GKwU
†j-AvDU ev bKkv Ki‡Z n‡e A_©vr †cB‡Ri wewfbœ WKz‡g›U (‡nW jvBb, wVKvbv, Qwe, wefv‡Mi bv‡gi
ZvwjKv) †Kv_vq wKfv‡e cÖ`wk©Z n‡e Zv wVK K‡i wb‡Z n‡e|
i. I‡qe †cBRwUi bvg My College. html |
ii. ‡cB‡Ri UvB‡Uj ev‡i My College : Designed by Roll..... ‡`Lv hv‡e|
ICT practical chapter-04 (HTML) Page 1

www.smartlearningapproach.com
 www.smartlearningapproach.com
iii. ‡cB‡R K‡j‡Ri bvg me‡P‡q eo †nwWs I meyR is G cÖ`wk©Z n‡e|
iv. K‡j‡Ri bv‡gi wb‡Pi jvB‡b wVKvbv Ges c‡ii jvB‡b †dvb b¤^i I B-‡gBj G¨v‡Wªm _vK‡e|
v. Gici †cB‡Ri gvSLv‡b K‡jR K¨v¤úv‡mi GKwU Qwe I Zvi wb‡P wewfbœ wefv‡Mi bv‡gi ZvwjKv
cÖ`wk©Z n‡e|
K‡j‡Ri bvg
K‡j‡Ri wVKvbv
‡dvb b¤^i I B-‡gBj
K‡jR K¨v¤úv‡mi Qwe
wewfbœ wefv‡Mi bv‡gi ZvwjKv

 evsjv

ch
 Bs‡iwR
 AvBwmwU

oa
pr
 HTML ‡KvwWs : GwWwUs mdU&Iqvi †bvUc¨vW e¨envi K‡i av‡c av‡c I‡qe †cBRwUi †KvwWs Kiv
Ap
Ki‡Z n‡e|
avc-1 : Kw¤úDUv‡ii Start – Programs /All Programs – Accessories – Notepad G wK¬K K‡i
g
in

GwWwUs mdU&Iqvi †bvUc¨vW Pvjy Ki‡j wb‡Pi wP‡Îi gZ Untitled bv‡g DB‡ÛvwU †`Lv hv‡e|
rn
ea
tL
ar
Sm

avc- 2 : Notepad ‡cÖvMªv‡gi dvBj †gbyi mve‡gby †_‡K Save as G wK¬K Ki‡j Save as WvqvjM
DB‡Ûv cvIqv hv‡e| Save as WvqvjM DB‡Ûvi File name : ‡U·U e‡· My College. html UvBc
K‡i Save evUb wK¬K K‡i dvBj wU Save Kwi|

ICT practical chapter-04 (HTML) Page 2

www.smartlearningapproach.com
 www.smartlearningapproach.com
avc 3: My College. html ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|

avc4: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|

ch
oa
 ch©‡eÿY I ms‡kvab : †cÖvMÖvgwU ‣Zwii ci eªvDwRs md&UIqvi gwRjv dvqvid· Øviv †jvW ev ivb K‡i
†`wL| I‡qe †cBRwU‡Z †h †h WKz‡g›U †hfv‡e _vKvi K_v Zv Hfv‡e Av‡Q wKbv Zv ch©‡eÿY Kwi|
pr
†cÖvMÖvgwU‡Z hw` †Kvb fzj _v‡K, Z‡e GwWwUs mdU&Iqvi †bvUc¨vW w`‡q Ly‡j fzj¸‡jv ms‡kvab K‡i
Ap
cybevq dvBjwU Save Kwi Ges Avev‡iv eªvDwRs mdU&Iqvi w`‡q wi‡jvW K‡i ‡`wL
I‡qe †cBRwU h_vh_ n‡q‡Q wKbv|
g
in
rn
ea

djvdj : ‡h‡Kvb eªvDRv‡i my college.html ‡jvW Ki‡j •ZixK„Z I‡qe †cBRwU cÖ`wk©Z n‡e|D‡jøL¨ my
college.html bv‡gi dvBjwUi Dci Kvm©i †i‡L Wvej wK¬K Ki‡j Zv eªvDRvi Ges djvdj cÖ`wk©Z n‡e|
tL
ar
Sm

ICT practical chapter-04 (HTML) Page 3

www.smartlearningapproach.com
 www.smartlearningapproach.com

e¨vL¨v t HTML fvlv w`‡q I‡qe †cBRwU •Zix Kiv n‡q‡Q|GLv‡b wewfbœ Gwj‡g›Um& HTML ‡KvW
I WKy‡g›U †U·U w`‡q I‡qe †cBR ms‡hvRb Kiv n‡q‡Q| GB I‡qe †cBRwU •Zwi‡Z e¨eüZ wewfbœ
HTML ‡Kv‡Wi e¨vL¨v wb‡¤œ †`qv n‡jv-
 Head ‡mKk‡b <title>......</title> U¨v‡Mi g‡a¨ †cB‡Ri bvg †jLv n‡q‡Q|
 Body ‡mKk‡b <center>......</ center > U¨vM welqe¯‘¸‡jv‡K †K›`ªxqfv‡e mvRv‡bv n‡q‡Q|
 <font>......</ font > w`‡q †U·‡Ui GwUªweDU †hgb, †jLvi is wba©viY Kiv n‡q‡Q|
 ‡U·U‡K †nwWs wnmv‡e cÖ`k©‡bi Rb¨ <h1>.....</ h1>, <h3>.......</h3>, <h4>.....</h4>,
e¨envi Kiv n‡q‡Q| <h1>.....</ h1>, U¨vM K‡j‡Ri bvg, <h3>.....</ h3>, U¨vM K‡j‡Ri
wVKvbv n‡q‡Q| <h4>.....</ h4> U¨vM K‡j‡Ri †dvb b¤^i I B-‡gBj G¨v‡Wªm‡K †nwWs wnmv‡e

ch
cÖ`k©‡bi Rb¨ e¨envi Kiv n‡q‡Q|
 <img> U¨vM GKB †dvìv‡i Aew¯’Z my college.jpg bv‡gi QwewU I‡qe †cB‡R cÖ`k©b Ki‡Z

oa
e¨envi Kiv n‡q‡Q|

pr
 K‡j‡Ri wewfbœ wefv‡Mi bvg AbyµgQvov cÖ`k©‡bi Rb¨ <ul>.....</ ul> (Unordered List) U¨vM
Ap
e¨envi Kiv n‡q‡Q|
cixÿY -2: †Zvgvi K‡j‡Ri GKwU I‡qe †cBR •Zwi Kiv hv †Kvb †Kvb eªvDRv‡i †jvW Ki‡j K‡j‡Ri
g
in

GK`k †kÖwji weÁvb wefv‡Mi QvÎ-QvÎx‡`i Z_¨ †Uwe‡j cÖ`k©b Ki‡e|

rn
ea

ZË¡/ cixÿ‡Yi eY©bv : ‡P․gynbx miKvwi Gm.G K‡j‡Ri GKwU I‡qe †cBR •Zwi Ki‡Z n‡e hv †Kvb eªvDRv‡i
tL

†jvW Ki‡j K‡j‡Ri GK`k †kÖwYi weÁvb wefv‡Mi QvÎ-QvÎx‡`i Z_¨ †Uwe‡j cÖ`k©b Ki‡e|
ar

hš¿cvwZi e¨envi :
Sm

K) nvW©Iqvi : GKwU Kw¤úDUvi|

L) md&UIqvi : Acv‡iwUs wm‡÷g : Windows 7
GwWwUs mdU&Iq¨i : †bvUc¨vW
eªvDwRs mdU&Iqvi : gwRjv dvqvid·
M) e¨envi : DwjøwLZ cixÿYwU m¤úbœ Ki‡Z hš¿cvwZ e¨env‡ii †ÿ‡Î wb‡Pi c×wZ AbymiY Kwi-
 Kv‡Ri ïiæ‡Z Kw¤úDUv‡i •e`y¨wZK ms‡hvM w`‡Z n‡e|
 Kw¤úDUv‡ii cvIqvi myBP Ab K‡i Kw¤úDUviwU Pvjy Ki‡Z n‡e|
 DwjøwLZ mdUIq¨vi¸‡jv Kw¤úDUv‡i Bb÷j Av‡Q wK bv Zv †`‡L wb‡Z n‡e|
 ewY©Z cixÿYwU n‡j PvjyK…Z †cÖvMÖvgmg~n eÜ Ki‡Z n‡e Ges wbqgvbyhvqx Kw¤úDUviwU eÜ/
kvU WvDb Ki‡Z n‡e| cÖ‡qvR‡b •e`y¨wZK myBP eÜ K‡i we`y¨r ms‡hvM wew”Qbœ Ki‡Z n‡e|

ICT practical chapter-04 (HTML) Page 4

www.smartlearningapproach.com
 www.smartlearningapproach.com
djvdj Dc¯’vcb :
K) cÖwµqv AbymiY :
I‡qe †cBR •Zwii cixÿYwU m¤úbœ Kivi Rb¨ HTML fvlv e¨envi Ki‡j mn‡R I my›`ifv‡e cixÿYwU
m¤úbœ Kiv hvq| wb‡P cixÿYwU m¤§cœ Kivi wewfbœ cÖwµqv eY©bv Kiv n‡jv-
cixÿY we‡kølY :
Av‡jvP¨ cixÿYwU GKwU I‡qe †cBR ‣Zwii gva¨‡g m¤úbœ Ki‡Z n‡e hv †Kvb †Kvb eªvDRv‡i †jvW Ki‡j
K‡j‡Ri GKv`k †kÖwYi weÁvb wefv‡Mi QvÎ-QvÎx‡`i Z_¨ †Uwe‡j cÖ`k©b Ki‡e|
I‡qe ‡cBR wWRvBwbs : HTML fvlv e¨envi K‡i I‡qe †cBR •Zwii c~‡e© I‡qe †cBRwUi GKwU †j-AvDU
ev bKkv Ki‡Z n‡e A_©vr †cB‡Ri wewfbœ WKz‡g›U †Kv_vq wKfv‡e cÖ`wk©Z n‡e Zv wVK K‡i wb‡Z n‡e|

 I‡qe †cBRwUi bvg Infotable. html |

ch
 †nvg ‡cB‡Ri UvB‡Uj ev‡i Infotable ‡`Lv hv‡e|

oa
 ‡nvg ‡cB‡R K‡j‡Ri bvg me‡P‡q eo †nwWs I meyR is G cÖ`wk©Z n‡e|
 K‡j‡Ri bv‡gi wb‡Pi jvB‡b wVKvbv _vK‡e|
 pr
Gi ciGKwU †Uwej _vK‡e †hLv‡b weÁvb wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i Z_¨ cÖ`k©b Ki‡e
Ap
g
in

K‡j‡Ri bvg
rn
ea

K‡j‡Ri wVKvbv
tL

weÁvb wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i Z‡_¨i †Uwej

ar
Sm

 HTML ‡KvwWs : GwWwUs mdU&Iqvi †bvUc¨vW e¨envi K‡i av‡c av‡c I‡qe †cBRwUi †KvwWs Kiv
Ki‡Z n‡e|
avc-1 : Kw¤úDUv‡ii Start – Programs /All Programs – Accessories – Notepad G wK¬K K‡i
GwWwUs mdU&Iqvi †bvUc¨vW Pvjy Ki‡j wb‡Pi wP‡Îi gZ Untitled bv‡g DB‡ÛvwU †`Lv hv‡e|

ICT practical chapter-04 (HTML) Page 5

www.smartlearningapproach.com
 www.smartlearningapproach.com
avc- 2 : Notepad ‡cÖvMªv‡gi dvBj †gbyi mve‡gby †_‡K Save as G wK¬K Ki‡j Save as WvqvjM
DB‡Ûv cvIqv hv‡e| Save as WvqvjM DB‡Ûvi File name : ‡U·U e‡· Infotable. html UvBc K‡i
Save evUb wK¬K K‡i dvBj wU Save Kwi|

avc 3: ‡nvg(Infotable. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|

ch
oa
pr
Ap
g
in
rn
ea

avc4: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|
tL
ar
Sm

 ch©‡eÿY I ms‡kvab : †cÖvMÖvgwU ‣Zwii ci eªvDwRs md&UIqvi gwRjv dvqvid· Øviv †jvW ev ivb K‡i
†`wL| I‡qe †cBRwU‡Z †h †h WKz‡g›U †hfv‡e _vKvi K_v Zv Hfv‡e Av‡Q wKbv Zv ch©‡eÿY Kwi|
†cÖvMÖvgwU‡Z hw` †Kvb fzj _v‡K, Z‡e GwWwUs mdU&Iqvi †bvUc¨vW w`‡q Ly‡j fzj¸‡jv ms‡kvab K‡i
cybevq dvBjwU Save Kwi Ges Avev‡iv eªvDwRs mdU&Iqvi w`‡q wi‡jvW K‡i ‡`wL
I‡qe †cBRwU h_vh_ n‡q‡Q wKbv|

ICT practical chapter-04 (HTML) Page 6

www.smartlearningapproach.com
 www.smartlearningapproach.com

djvdj : ‡h‡Kvb eªvDRv‡i Infotable. html ‡jvW Ki‡j •ZixK„Z I‡qe †cBRwU cÖ`wk©Z n‡e|D‡jøL¨
Infotable. html bv‡gi dvBjwUi Dci Kvm©i †i‡L Wvej wK¬K Ki‡j Zv eªvDRv‡i Ges djvdj cÖ`wk©Z
n‡e|

‡nvg†cBR

ch
oa
pr
Ap
e¨vL¨v t HTML fvlv w`‡q I‡qe †cBRwU •Zix Kiv n‡q‡Q|GLv‡b wewfbœ Gwj‡g›Um& HTML ‡KvW
g
in

I WKy‡g›U †U·U w`‡q I‡qe †cBR ms‡hvRb Kiv n‡q‡Q| GB I‡qe †cBRwU •Zwi‡Z e¨eüZ wewfbœ
rn

HTML ‡Kv‡Wi e¨vL¨v wb‡¤œ †`qv n‡jv-

ea

 Head ‡mKk‡b <title>......</title> U¨v‡Mi g‡a¨ †cB‡Ri bvg †jLv n‡q‡Q|

tL

 Body ‡mKk‡b <center>......</ center > U¨vM welqe¯‘¸‡jv‡K †K›`ªxqfv‡e mvRv‡bv n‡q‡Q|
ar

 <font>......</ font > w`‡q †U·‡Ui GwUªweDU †hgb, †jLvi is wba©viY Kiv n‡q‡Q|
 ‡U·U‡K †nwWs wnmv‡e cÖ`k©‡bi Rb¨ <h1>.....</ h1>, <h3>.......</h3>, <h4>.....</h4>,
Sm

e¨envi Kiv n‡q‡Q| <h1>.....</ h1>, U¨vM K‡j‡Ri bvg, <h3>.....</ h3>, U¨vM K‡j‡Ri
wVKvbv n‡q‡Q| <h4>.....</ h4> U¨vM K‡j‡Ri †dvb b¤^i I B-‡gBj G¨v‡Wªm‡K †nwWs wnmv‡e
cÖ`k©‡bi Rb¨ e¨envi Kiv n‡q‡Q|
 ‡Uwej •Zwii Rb¨ <table>.....</ table> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji mvwi •Zwii Rb¨ <tr>.....</ tr> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji Kjvg •Zwii Rb¨ <td>.....</ td> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji ‡mv›`h©¨ e„w×i Rb¨ ‡Uwe‡ji border,cellspacing,cellpadding,align attribute
e¨envi Kiv n‡q‡Q|

ICT practical chapter-04 (HTML) Page 7

www.smartlearningapproach.com
 www.smartlearningapproach.com
cixÿY -3: ‡Zvgvi K‡j‡Ri GKwU †bUIqvK© ev I‡qewjsKW KvVv‡gvi I‡qemvBU •Zwi Ki hv †Kvb eªvDRv‡i
†jvW Ki‡j †nvg †cB‡R K‡j‡Ri bvg I Qwe Ges Ab¨ †cBR `yÕwUi GKwU‡Z K‡j‡Ri wewfbœ wefv‡Mi bvg I
AciwU‡Z Kg©iZ wkÿK‡`i bv‡gi ZvwjKv cÖ`k©b Ki‡e|

ZË¡/ cixÿ‡Yi eY©bv : ‡P․gynbx miKvwi Gm.G K‡j‡Ri GKwU I‡qe †cBR •Zwi Ki‡Z n‡e hv †Kvb
eªvDRv‡i †jvW Ki‡j †nvg †cB‡R K‡j‡Ri bvg I Qwe Ges Ab¨ †cBR `yÕwUi GKwU‡Z K‡j‡Ri wewfbœ
wefv‡Mi bvg I AciwU‡Z Kg©iZ wkÿK‡`i bv‡gi ZvwjKv cÖ`k©b Ki‡e|

hš¿cvwZi e¨envi :
K) nvW©Iqvi : GKwU Kw¤úDUvi|
L) md&UIqvi : Acv‡iwUs wm‡÷g : Windows 7

ch
GwWwUs mdU&Iq¨i : †bvUc¨vW

oa
eªvDwRs mdU&Iqvi : gwRjv dvqvid·
M) e¨envi : DwjøwLZ cixÿYwU m¤úbœ Ki‡Z hš¿cvwZ e¨env‡ii †ÿ‡Î wb‡Pi c×wZ AbymiY Kwi-
 Kv‡Ri ïiæ‡Z Kw¤úDUv‡i •e`y¨wZK ms‡hvM w`‡Z n‡e| pr
Ap
 Kw¤úDUv‡ii cvIqvi myBP Ab K‡i Kw¤úDUviwU Pvjy Ki‡Z n‡e|
 DwjøwLZ mdUIq¨vi¸‡jv Kw¤úDUv‡i Bb÷j Av‡Q wK bv Zv †`‡L wb‡Z n‡e|
g
in

 ewY©Z cixÿYwU n‡j PvjyK…Z †cÖvMÖvgmg~n eÜ Ki‡Z n‡e Ges wbqgvbyhvqx Kw¤úDUviwU eÜ/ kvU WvDb
rn

Ki‡Z n‡e| cÖ‡qvR‡b •e`y¨wZK myBP eÜ K‡i we`y¨r ms‡hvM wew”Qbœ Ki‡Z n‡e|
ea

djvdj Dc¯’vcb :
K) cÖwµqv AbymiY :
tL

I‡qe †cBR •Zwii cixÿYwU m¤úbœ Kivi Rb¨ HTML fvlv e¨envi Ki‡j mn‡R I my›`ifv‡e cixÿYwU
ar

m¤úbœ Kiv hvq| wb‡P cixÿYwU m¤§cœ Kivi wewfbœ cÖwµqv eY©bv Kiv n‡jv-
Sm

cixÿY we‡kølY :
 Av‡jvP¨ cixÿYwU GKwU I‡qe †cBR ‣Zwii gva¨‡g m¤úbœ Ki‡Z n‡e hv †Kvb eªvDRv‡i †jvW Ki‡j
†nvg †cB‡R K‡j‡Ri bvg I Qwe Ges Ab¨ †cBR `yÕwUi GKwU‡Z K‡j‡Ri wewfbœ wefv‡Mi bvg I
AciwU‡Z Kg©iZ wkÿK‡`i bv‡gi ZvwjKv cÖ`k©b Ki‡e|
I‡qe ‡cBR wWRvBwbs : HTML fvlv e¨envi K‡i I‡qe †cBR •Zwii c~‡e© I‡qe †cBRwUi GKwU †j-AvDU
ev bKkv Ki‡Z n‡e A_©vr †cB‡Ri wewfbœ WKz‡g›U †Kv_vq wKfv‡e cÖ`wk©Z n‡e Zv wVK K‡i wb‡Z n‡e|

 I‡qe †cBRwUi bvg hp. html |

 †nvg ‡cB‡Ri UvB‡Uj ev‡i weblinked structure ‡`Lv hv‡e|
 ‡nvg ‡cB‡R K‡j‡Ri bvg me‡P‡q eo †nwWs I meyR is G cÖ`wk©Z n‡e|

ICT practical chapter-04 (HTML) Page 8

www.smartlearningapproach.com
 www.smartlearningapproach.com
 K‡j‡Ri bv‡gi wb‡Pi jvB‡b wVKvbv _vK‡e|
 Gici †cB‡Ri gvSLv‡b K‡jR K¨v¤úv‡mi GKwU Qwe I Zvi wb‡P wewfbœ wefv‡Mi bv‡gi
ZvwjKv cÖ`wk©Z n‡e|
 Gi ci Ab¨`ywU †cB‡Ri wjsK evUb _vK‡e

K‡j‡Ri bvg

K‡j‡Ri wVKvbv

K‡jR K¨v¤úv‡mi Qwe

‡cBR wjsK-1

ch
‡cBR wjsK-2

oa
pr
HTML ‡KvwWs : GwWwUs mdU&Iqvi †bvUc¨vW e¨envi K‡i av‡c av‡c I‡qe †cBRwUi †KvwWs Kiv Ki‡Z
Ap
n‡e|
avc-1 : Kw¤úDUv‡ii Start – Programs /All Programs – Accessories – Notepad G wK¬K K‡i
g

GwWwUs mdU&Iqvi †bvUc¨vW Pvjy Ki‡j wb‡Pi wP‡Îi gZ Untitled bv‡g DB‡ÛvwU †`Lv hv‡e|
in
rn
ea
tL
ar
Sm

ICT practical chapter-04 (HTML) Page 9

www.smartlearningapproach.com
 www.smartlearningapproach.com

avc- 2 : Notepad ‡cÖvMªv‡gi dvBj †gbyi mve‡gby †_‡K Save as G wK¬K Ki‡j Save as WvqvjM
DB‡Ûv cvIqv hv‡e| Save as WvqvjM DB‡Ûvi File name : ‡U·U e‡· hp. html UvBc K‡i Save
evUb wK¬K K‡i dvBj wU Save Kwi|
avc 3: ‡nvg(hp. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|

ch
oa
pr
Ap
avc4: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|
g

avc 5:Avevi wWcvU©‡g›U( p1. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|
in
rn
ea
tL
ar
Sm

avc6: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|

ICT practical chapter-04 (HTML) Page 10

www.smartlearningapproach.com
 www.smartlearningapproach.com
avc 7:Avevi wkÿK ZvwjKv( p2. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|

ch
avc8: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|

oa
ch©‡eÿY I ms‡kvab : †cÖvMÖvgwU ‣Zwii ci eªvDwRs md&UIqvi gwRjv dvqvid· Øviv †jvW ev ivb K‡i †`wL|
pr
I‡qe †cBRwU‡Z †h †h WKz‡g›U †hfv‡e _vKvi K_v Zv Hfv‡e Av‡Q wKbv Zv ch©‡eÿY Kwi| †cÖvMÖvgwU‡Z hw`
Ap
†Kvb fzj _v‡K, Z‡e GwWwUs mdU&Iqvi †bvUc¨vW w`‡q Ly‡j fzj¸‡jv
ms‡kvab K‡i cybevq dvBjwU Save Kwi Ges Avev‡iv eªvDwRs mdU&Iqvi w`‡q wi‡jvW K‡i ‡`wL
g
in

I‡qe †cBRwU h_vh_ n‡q‡Q wKbv|

rn

djvdj : ‡h‡Kvb eªvDRv‡i hp.html ‡jvW Ki‡j •ZixK„Z I‡qe †cBRwU cÖ`wk©Z n‡e|D‡jøL¨ hp.html
ea

bv‡gi dvBjwUi Dci Kvm©i †i‡L Wvej wK¬K Ki‡j Zv eªvDRv‡i Ges djvdj cÖ`wk©Z n‡e|
tL

‡nvg †cBR
ar
Sm

ICT practical chapter-04 (HTML) Page 11

www.smartlearningapproach.com
 www.smartlearningapproach.com

†cBR-1

ch
oa
pr
Ap
g
in

†cBR-2
rn
ea
tL
ar
Sm

e¨vL¨v t HTML fvlv w`‡q I‡qe †cBRwU •Zix Kiv n‡q‡Q|GLv‡b wewfbœ Gwj‡g›Um& HTML ‡KvW
I WKy‡g›U †U·U w`‡q I‡qe †cBR ms‡hvRb Kiv n‡q‡Q| GB I‡qe †cBRwU •Zwi‡Z e¨eüZ wewfbœ
HTML ‡Kv‡Wi e¨vL¨v wb‡¤œ †`qv n‡jv-
ICT practical chapter-04 (HTML) Page 12

www.smartlearningapproach.com
 www.smartlearningapproach.com
 Head ‡mKk‡b <title>......</title> U¨v‡Mi g‡a¨ †cB‡Ri bvg †jLv n‡q‡Q|
 Body ‡mKk‡b <center>......</ center > U¨vM welqe¯‘¸‡jv‡K †K›`ªxqfv‡e mvRv‡bv n‡q‡Q|
 <font>......</ font > w`‡q †U·‡Ui GwUªweDU †hgb, †jLvi is wba©viY Kiv n‡q‡Q|
 ‡U·U‡K †nwWs wnmv‡e cÖ`k©‡bi Rb¨ <h1>.....</ h1>, <h3>.......</h3>, <h4>.....</h4>,
e¨envi Kiv n‡q‡Q| <h1>.....</ h1>, U¨vM K‡j‡Ri bvg, <h3>.....</ h3>, U¨vM K‡j‡Ri
wVKvbv n‡q‡Q| <h4>.....</ h4> U¨vM K‡j‡Ri †dvb b¤^i I B-‡gBj G¨v‡Wªm‡K †nwWs wnmv‡e
cÖ`k©‡bi Rb¨ e¨envi Kiv n‡q‡Q|
 <img> U¨vM GKB †dvìv‡i Aew¯’Z my college.jpg bv‡gi QwewU I‡qe †cB‡R cÖ`k©b Ki‡Z
e¨envi Kiv n‡q‡Q|
 K‡j‡Ri wewfbœ wefv‡Mi bvg AbyµgQvov cÖ`k©‡bi Rb¨ <ul>.....</ ul> (Unordered List) U¨vM

ch
e¨envi Kiv n‡q‡Q|
 ‡cBR wjsK Kivi Rb¨ <a href=”url”>linked text</ a> U¨vM e¨envi Kiv n‡q‡Q|

oa
pr
Ap
g
in
rn
ea
tL
ar
Sm

ICT practical chapter-04 (HTML) Page 13

www.smartlearningapproach.com
 www.smartlearningapproach.com

cixÿY -4: †Zvgvi K‡j‡Ri GKwU wUª ev nvqviviwKK¨vj KvVv‡gvi I‡qemvBU ‣Zwi Ki hv †Kvb eªvDRv‡i
†jvW Ki‡j †nvg †cB‡R K‡j‡Ri bvg I wewfbœ wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i †ivj b¤^i cÖ`k©b
Ki‡e Ges †ivj b¤^‡ii mv‡_ QvÎ-QvÎx‡`i e¨w³MZ Z‡_¨i †cBR wjsK _vK‡e| e¨w³MZ Z‡_¨i †cB‡R
wewfbœ cixÿvi djvdj wjsK _vK‡e |

ZË¡/ cixÿ‡Yi eY©bv : ‡P․gynbx miKvwi Gm.G K‡j‡Ri GKwU I‡qe †cBR •Zwi Ki‡Z n‡e hv †Kvb eªvDRv‡i
†jvW Ki‡j †nvg †cB‡R K‡j‡Ri bvg I wewfbœ wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i †ivj b¤^i cÖ`k©b
Ki‡e Ges †ivj b¤^‡ii mv‡_ QvÎ-QvÎx‡`i e¨w³MZ Z‡_¨i †cBR wjsK _vK‡e| e¨w³MZ Z‡_¨i †cB‡R
wewfbœ cixÿvi djvdj wjsK _vK‡e |

ch
hš¿cvwZi e¨envi :
K) nvW©Iqvi : GKwU Kw¤úDUvi|

oa
L) md&UIqvi : Acv‡iwUs wm‡÷g : Windows 7
GwWwUs mdU&Iq¨i : †bvUc¨vW
pr
Ap
eªvDwRs mdU&Iqvi : gwRjv dvqvid·
M) e¨envi : DwjøwLZ cixÿYwU m¤úbœ Ki‡Z hš¿cvwZ e¨env‡ii †ÿ‡Î wb‡Pi c×wZ AbymiY Kwi-
g
in

 Kv‡Ri ïiæ‡Z Kw¤úDUv‡i •e`y¨wZK ms‡hvM w`‡Z n‡e|

rn

 Kw¤úDUv‡ii cvIqvi myBP Ab K‡i Kw¤úDUviwU Pvjy Ki‡Z n‡e|

ea

 DwjøwLZ mdUIq¨vi¸‡jv Kw¤úDUv‡i Bb÷j Av‡Q wK bv Zv †`‡L wb‡Z n‡e|

 ewY©Z cixÿYwU n‡j PvjyK…Z †cÖvMÖvgmg~n eÜ Ki‡Z n‡e Ges wbqgvbyhvqx Kw¤úDUviwU eÜ/
tL

kvU WvDb Ki‡Z n‡e| cÖ‡qvR‡b •e`y¨wZK myBP eÜ K‡i we`y¨r ms‡hvM wew”Qbœ Ki‡Z n‡e|
ar

djvdj Dc¯’vcb :
Sm

cÖwµqv AbymiY:I‡qe †cBR •Zwii cixÿYwU m¤úbœ Kivi Rb¨ HTML fvlv e¨envi Ki‡j mn‡R I
my›`ifv‡e cixÿYwU m¤úbœ Kiv hvq| wb‡P cixÿYwU m¤§cœ Kivi wewfbœ cÖwµqv eY©bv Kiv n‡jv-
cixÿY we‡kølY :Av‡jvP¨ cixÿYwU GKwU I‡qe †cBR ‣Zwii gva¨‡g m¤úbœ Ki‡Z n‡e hv †Kvb eªvDRv‡i
†jvW Ki‡j †nvg †cB‡R K‡j‡Ri bvg I wewfbœ wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i †ivj b¤^i cÖ`k©b
Ki‡e Ges †ivj b¤^‡ii mv‡_ QvÎ-QvÎx‡`i e¨w³MZ Z‡_¨i †cBR wjsK _vK‡e| e¨w³MZ Z‡_¨i †cB‡R
wewfbœ cixÿvi djvdj wjsK _vK‡e |
I‡qe ‡cBR wWRvBwbs : HTML fvlv e¨envi K‡i I‡qe †cBR •Zwii c~‡e© I‡qe †cBRwUi GKwU †j-AvDU
ev bKkv Ki‡Z n‡e A_©vr †cB‡Ri wewfbœ WKz‡g›U †Kv_vq wKfv‡e cÖ`wk©Z n‡e Zv wVK K‡i wb‡Z n‡e|
 I‡qe †cBRwUi bvg hp. html |
 †nvg ‡cB‡Ri UvB‡Uj ev‡i My: Designed by roll-701 ‡`Lv hv‡e|

ICT practical chapter-04 (HTML) Page 14

www.smartlearningapproach.com
 www.smartlearningapproach.com
 ‡nvg ‡cB‡R K‡j‡Ri bvg me‡P‡q eo †nwWs I meyR is G cÖ`wk©Z n‡e|
 K‡j‡Ri bv‡gi wb‡Pi jvB‡b wVKvbv _vK‡e|
 Gi ci wewfbœ wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i †ivj b¤^i cÖ`k©b Ki‡e Ges †ivj
b¤^‡ii mv‡_ QvÎ-QvÎx‡`i e¨w³MZ Z‡_¨i †cBR wjsK _vK‡e|e¨w³MZ Z‡_¨i †cB‡R wewfbœ
cixÿvi djvdj wjsK _vK‡e |

K‡j‡Ri bvg

K‡j‡Ri wVKvbv

ch
wewfbœ wefv‡Mi wewfbœ wkÿe‡l©i QvÎ-QvÎx‡`i †ivj b¤^i

oa
pr
Ap
HTML ‡KvwWs : GwWwUs mdU&Iqvi †bvUc¨vW e¨envi K‡i av‡c av‡c I‡qe †cBRwUi †KvwWs Kiv Ki‡Z
n‡e|
g
in

avc-1 : Kw¤úDUv‡ii Start – Programs /All Programs – Accessories – Notepad G wK¬K K‡i
rn

GwWwUs mdU&Iqvi †bvUc¨vW Pvjy Ki‡j wb‡Pi wP‡Îi gZ Untitled bv‡g DB‡ÛvwU †`Lv hv‡e|
ea
tL
ar
Sm

ICT practical chapter-04 (HTML) Page 15

www.smartlearningapproach.com
 www.smartlearningapproach.com

avc- 2 : Notepad ‡cÖvMªv‡gi dvBj †gbyi mve‡gby †_‡K Save as G wK¬K Ki‡j Save as WvqvjM
DB‡Ûv cvIqv hv‡e| Save as WvqvjM DB‡Ûvi File name : ‡U·U e‡· hp. html UvBc K‡i Save
evUb wK¬K K‡i dvBj wU Save Kwi|
avc 3: ‡nvg(homepage. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U UvBc Kwi|

ch
oa
pr
Ap
g
in
rn
ea

avc 4: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|
tL

avc 5: Avevi cvi‡mvbvj Bb‡dv( personalinfo. html) ‡cB‡R wb‡¤œi HTML ‡KvW I WKy‡g›U †U·U
ar

UvBc Kwi|
Sm

avc 6: Notepad - Gi ‡gby wK¬K K‡i mve‡gby Save evUb wK¬K K‡i †KvW¸‡jv Save Kwi|

ICT practical chapter-04 (HTML) Page 16

www.smartlearningapproach.com
 www.smartlearningapproach.com
ch©‡eÿY I ms‡kvab : †cÖvMÖvgwU ‣Zwii ci eªvDwRs md&UIqvi gwRjv dvqvid· Øviv †jvW ev ivb K‡i †`wL|
I‡qe †cBRwU‡Z †h †h WKz‡g›U †hfv‡e _vKvi K_v Zv Hfv‡e Av‡Q wKbv Zv ch©‡eÿY Kwi| †cÖvMÖvgwU‡Z hw`
†Kvb fzj _v‡K, Z‡e GwWwUs mdU&Iqvi †bvUc¨vW w`‡q Ly‡j fzj¸‡jv ms‡kvab K‡i cybevq dvBjwU Save
Kwi Ges Avev‡iv eªvDwRs mdU&Iqvi w`‡q wi‡jvW K‡i ‡`wL I‡qe †cBRwU h_vh_ n‡q‡Q wKbv|
djvdj : ‡h‡Kvb eªvDRv‡i homepage.html ‡jvW Ki‡j •ZixK„Z I‡qe †cBRwU cÖ`wk©Z n‡e|D‡jøL¨ my
college.html bv‡gi dvBjwUi Dci Kvm©i †i‡L Wvej wK¬K Ki‡j Zv eªvDRv‡i Ges djvdj cÖ`wk©Z n‡e|
‡nvg †cBR

ch
oa
pr
Ap
g
in
rn
ea
tL
ar

†cBR-1
Sm

ICT practical chapter-04 (HTML) Page 17

www.smartlearningapproach.com
 www.smartlearningapproach.com

†cBR-2

ch
oa
e¨vL¨v t HTML fvlv w`‡q I‡qe †cBRwU •Zix Kiv n‡q‡Q|GLv‡b wewfbœ Gwj‡g›Um& HTML ‡KvW

pr
I WKy‡g›U †U·U w`‡q I‡qe †cBR ms‡hvRb Kiv n‡q‡Q| GB I‡qe †cBRwU •Zwi‡Z e¨eüZ wewfbœ
Ap
HTML ‡Kv‡Wi e¨vL¨v wb‡¤œ †`qv n‡jv-
g

 Head ‡mKk‡b <title>......</title> U¨v‡Mi g‡a¨ †cB‡Ri bvg †jLv n‡q‡Q|

in

 Body ‡mKk‡b <center>......</ center > U¨vM welqe¯‘¸‡jv‡K †K›`ªxqfv‡e mvRv‡bv n‡q‡Q|
rn
ea

 <font>......</ font > w`‡q †U·‡Ui GwUªweDU †hgb, †jLvi is wba©viY Kiv n‡q‡Q|
 ‡U·U‡K †nwWs wnmv‡e cÖ`k©‡bi Rb¨ <h1>.....</ h1>, <h3>.......</h3>, <h4>.....</h4>,
tL

e¨envi Kiv n‡q‡Q| <h1>.....</ h1>, U¨vM K‡j‡Ri bvg, <h3>.....</ h3>, U¨vM K‡j‡Ri
ar

wVKvbv n‡q‡Q| <h4>.....</ h4> U¨vM K‡j‡Ri †dvb b¤^i I B-‡gBj G¨v‡Wªm‡K †nwWs wnmv‡e
Sm

cÖ`k©‡bi Rb¨ e¨envi Kiv n‡q‡Q|

 ‡cBR wjsK Kivi Rb¨ <a href=”url”>linked text</ a> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwej •Zwii Rb¨ <table>.....</ table> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji mvwi •Zwii Rb¨ <tr>.....</ tr> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji Kjvg •Zwii Rb¨ <td>.....</ td> U¨vM e¨envi Kiv n‡q‡Q|
 ‡Uwe‡ji ‡mv›`h©¨ e„w×i Rb¨ ‡Uwe‡ji border,cellspacing,cellpadding,align attribute
e¨envi Kiv n‡q‡Q|

ICT practical chapter-04 (HTML) Page 18

www.smartlearningapproach.com