html final
html final
cixÿb bs -
1
cixÿ‡bi bvg : I‡qe‡cR ˆZwi Kiv,msiÿb Kiv Ges msiwÿZ †cR I‡cb Kivi wbqg|
ZË : GKwU I‡qe †cR ˆZwi Kivi Rb¨ cÖ_‡g GKwU HTML dvBj ˆZwi Ki‡Z nq| GB dvBj ˆZwi
Ki‡Z nq mvavibZ †h †Kvb Text Editor (Notepad,Ms-Word,Dream waver )
e¨envi K‡i | I‡qe †cR ˆZwi Kivi c~‡e© Avgv‡`i Aek¨B Gi wWRvBb wK iKg n‡e Ges
G‡Z wK wK Bbdi‡gkb _vK‡e Zv c~‡e© wVK K‡i wb‡Z nq|Gici †mB dvBj‡K †h †Kvb mnvqK
¯§„wZ‡Z msiÿb Kiv nq| c‡i GB HTML dvBjwU‡K I‡qe †cR wnmv‡e I‡cb Kiv hvq|
GRb¨ †h
†Kvb eªvDwRs mdUIq¨vi (‡hgb Internet Explorer or Mozilla Firefox ) e¨envi K‡i
I‡cb Kiv hvq|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi|
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi |
‡cÖvMÖvg :
<html>
<head>
<title> My first web page </title>
</head>
<body>
Hello World.<br>
This is my first web program.
</body>
</html>
dvBj msiÿY c×wZ :
1. File †gby‡Z wK¬K K‡i Save mve †gby‡Z wK¬K Kwi| Save as WvqvjM e· cÖ`wkZ n‡e|
2. File name ‡U·U e‡· †Kvb bvg . html ev . htm G·‡Ubkbmn ( †hgb –
prac1.html) UvBc K‡i Save in G Desktop wm‡j± K‡i Save evU‡b wK¬K K‡i
WKz‡g›UwU †mf Kwi| HTMLdvBjwU ˆZwi n‡e |
e¨vL¨v :
D‡jøwLZ cixÿYwU‡Z †h mg¯Í U¨vM e¨envi Kiv n‡q‡Q †m¸‡jv m ú‡©K wb‡ œ e¨vL¨v †`qv n‡jv :
U¨vMmg~n eY©bv
<html> </html> HTML WKz‡g›U wb‡`©k K‡i |
< head> </head> †cÖvMÖv‡gi Head Ask wb‡`©k K‡i |
<title> </title> WKz‡g‡›Ui UvB‡Uj wb‡`©k K‡i |
<body> </body> ‡cÖvMÖv‡gi g~j Kb‡U›U Ask wb‡`©k K‡i |
<br> GKwU jvBb †eªK ˆZwi K‡i|
djvdj :
1. Desktop G Save Kiv prac1.html dvBjwU wm‡j± Kwi |
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi |
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 01) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 01
cixÿb bs - 2
cixÿ‡bi bvg : HTML G †U·U‡K di‡gU Kiv Ges †U·‡Ui d›U mvBR , Kvjvi I †dBm wbw`©ó Kiv|
ZË : I‡qe †c‡Ri †U·U¸‡jv my›`ifv‡e Dc¯’vc‡bi Rb¨ wewfbœ ai‡bi di‡gwUs U¨vM e¨envi Kiv nq|
HTML Gi †ÿ‡Î Bold, Italic, Underline, superscript, subscript BZ¨vw` di‡gwUs
Kivi Rb¨ <b>, <i>, <u>, <sup>, <sub> BZ¨vw` wewfbœ ai‡bi U¨vM e¨envi Kiv nq|
HTML WKz‡g‡›Ui †c‡R †jLv †U·U Gi mvBR , Kvjvi Ges †dBm wbw`ó Kivi Rb¨ font
U¨v‡Mi GwÆweDU wnmv‡e size, color, face e¨envi Kiv nq|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi|
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi|
‡cÖvMÖvg :
<html>
<head>
<title> Text Format </title>
</head>
<body>
<p>
<b> This line is bold </b> <br>
<i> This line is italic </i><br>
<u> This line has underline </u><br>
H<sub>2</sub>SO<sub>4</sub> <br>
(a+b)<sup>2</sup> = a<sup>2</sup>+2ab+b<sup>2</sup><br>
</p>
<font size="2" face="Verdana"> BAF Shaheen College </font><br>
<font size="5" face="Tahoma" color="red"> Chittagong </font><br>
<font size="6" face="Helvetica,Arial" color="#98bf21"> Bangladesh </font>
</body>
<html>
e¨vL¨v :
D‡jøwLZ cixÿYwU‡Z †h mg¯Í U¨vM e¨envi Kiv n‡q‡Q †m¸‡jv m ú‡©K wb‡ œ e¨vL¨v †`qv n‡jv :
U¨vMmg~n eY©bv
<html> </html> HTML WKz‡g›U wb‡`©k K‡i |
< head> </head> †cÖvMÖv‡gi Head Ask wb‡`©k K‡i |
<title> </title> WKz‡g‡›Ui UvB‡Uj wb‡`©k K‡i |
<body> </body> ‡cÖvMÖv‡gi g~j Kb‡U›U Ask wb‡`©k K‡i |
<p> </p> c¨vivMÖvd wb‡`©k K‡i |
<br> GKwU jvBb †eªK ˆZwi K‡i |
<b> </b> ‡U·U Bold wb‡`©k K‡i |
<u> </u> ‡U·U Underline wb‡`©k K‡i |
<i> </i> ‡U·U Italic wb‡`©k K‡i |
<sup> </sup> ‡U·U Superscript wb‡`©k K‡i |
<sub> </sub> ‡U·U Subscript wb‡`©k K‡i |
<font size=”5” color=”red” d›U mvBR 5, d›U Kvjvi jvj Ges Tahoma
face=”Tahoma”> </font> d›U wb‡`©k K‡i |
djvdj :
1. Desktop G Save Kiv prac2.html dvBjwU wm‡j± Kwi |
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi |
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 02) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 02
cixÿb bs - 3
cixÿ‡bi bvg : HTML G wewfbœ ai‡bi wj÷ wba©vib Kivi cÖwµqv|
ZË : I‡qe †c‡Ri ¸bvejx my›`ifv‡e Dc¯’vc‡bi Rb¨ ZvwjKv AvKv‡i cÖKv‡ki cÖ‡qvRb nq| †m‡ÿ‡Î
Ordered List Ges Unorder List BZ¨vw` e¨envi Kiv nq| mvavibZ 3 wU Tag ( UL, LI,
OL) List U¨vM Gi Kv‡R e¨envi Kiv nq|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi|
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi|
‡cÖvMÖvg :
<html>
<head>
<title> Order and unorder list Experiment </title>
</head>
<body bgcolor="#0fca99" >
<h3> Number Type List</h3>
<ol type="1">
<li> HTML </li>
<li> PHP </li>
<li> CSS </li>
</ol>
<h3> Alphabet Type List</h3>
<ol type="a">
<li> HTML </li>
<li> PHP </li>
<li> CSS </li>
</ol>
<h4> Disc Type List</h4>
<ul type="disc">
<li> HTML </li>
<li> PHP </li>
<li> CSS </li>
</ul>
</body>
</html>
e¨vL¨v :
D‡jøwLZ cixÿYwU‡Z †h mg¯Í U¨vM e¨envi Kiv n‡q‡Q †m¸‡jv m ú‡©K wb‡ œ e¨vL¨v †`qv n‡jv :
U¨vMmg~n eY©bv
<html> </html> HTML WKz‡g›U wb‡`©k K‡i |
< head> </head> †cÖvMÖv‡gi Head Ask wb‡`©k K‡i |
<title> </title> WKz‡g‡›Ui UvB‡Uj wb‡`©k K‡i |
<body> </body> ‡cÖvMÖv‡gi g~j Kb‡U›U Ask wb‡`©k K‡i |
<h3> </h3> ‡nwWs d÷ mvBR h2 Gi † ‡q †QvU †`Lv‡e |
<ol> </ol> AW©vi wj÷ ˆZwi‡Z e¨eüZ nq |
<ul> </ul> AvbAW©vi wj÷ ˆZwi‡Z e¨eüZ nq ||
<li> </li> wj÷ ˆZwi‡Z e¨eüZ nq |
djvdj :
1. Desktop G Save Kiv prac3.html dvBjwU wm‡j± Kwi |
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi |
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 03) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 03
cixÿb bs - 4
cixÿ‡bi bvg : HTML G †Uwej AvKv‡i Z_¨ Dc¯’vcb Kiv|
ZË : I‡qe †c‡R cÖ‡qvRb n‡j Z_¨ mgyn †Uwej AvKv‡i Dc¯’vcb Kiv hvq| Gi Rb¨ TABLE, TR,
TD, TH BZ¨vw` U¨vM e¨envi Kiv nq| GQvov rowspan, colspan, align BZ¨vw` GwÆweDU
e¨eüZ nq|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi|
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi|
‡cÖvMÖvg :
<html>
<head>
<title> Table Experiment</title>
</head>
<body>
<table border="1">
<caption> College Information</caption>
<tr>
<td colspan=3 align=center> X College </td>
</tr>
<tr>
<th>Group</th>
<th>Compulsory</th>
<th>Optional</th>
</tr>
<tr>
<td rowspan=3 align=center>Science</td>
<td>Bangla</td>
<td rowspan=3>
<ol type=1>
<li>Physics</li>
<li>Chemistry</li>
<li>Math</li>
<li>Biology</li>
</ol>
</td>
</tr>
<tr>
<td>English</td>
</tr>
<tr>
<td>ICT</td>
</tr>
</table>
</body>
</html>
dvBj msiÿY c×wZ :
1. File †gby‡Z wK¬K K‡i Save mve †gby‡Z wK¬K Kwi| Save as WvqvjM e· cÖ`wkZ n‡e|
2. File name ‡U·U e‡· †Kvb bvg . html ev . htm G·‡Ubkbmn ( †hgb – prac4.html)
UvBc K‡i Save in G Desktop wm‡j± K‡i Save evU‡b wK¬K K‡i WKz‡g›UwU †mf Kwi|
HTMLdvBjwU ˆZwi n‡e|
e¨vL¨v :
D‡jøwLZ cixÿYwU‡Z †h mg¯Í U¨vM e¨envi Kiv n‡q‡Q †m¸‡jv m ú‡©K wb‡ œ e¨vL¨v †`qv n‡jv :
U¨vMmg~n eY©bv
<html> </html> HTML WKz‡g›U wb‡`©k K‡i |
< head> </head> †cÖvMÖv‡gi Head Ask wb‡`©k K‡i |
<title> </title> WKz‡g‡›Ui UvB‡Uj wb‡`©k K‡i |
<body> </body> ‡cÖvMÖv‡gi g~j Kb‡U›U Ask wb‡`©k K‡i |
<table> </table> ‡Uwej ˆZwi‡Z e¨eüZ nq |
<tr> </tr> ‡Uwe‡ji †iv ˆZwi‡Z e¨eüZ nq |
<th> </th> ‡Uwe‡ji ‡nwWs ˆZwi‡Z e¨eüZ nq |
<td> </td> ‡Uwe‡ji †mj ˆZwi‡Z e¨eüZ nq |
Colspan = 3 wZbwU Kjvg GKÎ Ki‡Z e¨eüZ nq |
djvdj :
1. Desktop G Save Kiv prac4.html dvBjwU wm‡j± Kwi|
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi|
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 04) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 04
cixÿb bs - 5
cixÿ‡bi bvg : HTML G B‡gR hy³ Kiv|
ZË : I‡qe †cR‡K my›`ifv‡e Dc¯’v†bi Rb¨ A‡bK mgq wewfbœ ai‡bi B‡gR ev wcK vi ms‡hvRb Kiv
`iKvi nq| B‡gR ev e¨vbvi mshy³ Kivi Rb¨ <img> U¨vM e¨envi Kiv nq| <img> U¨vMwU
G úwU A_©vr Gi †Kvb †K¬vwRs U¨vM †bB Ges GwU †Kej GwÆweDU enb K‡i|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi |
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi|
‡cÖvMÖvg :
<html>
<head>
<title> Image Experiment </title>
</head>
<body bgcolor="green" style="text-align:center">
<h3> This is an example of image </h3>
<img src="Penguins.jpg"align="center" width="280" height="250">
</body>
</html>
djvdj :
1. Desktop G Save Kiv prac5.html dvBjwU wm‡j± Kwi|
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi|
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 05) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 05
cixÿb bs - 6
cixÿ‡bi bvg : HTML G GKvwaK I‡qe †c‡Ri mv‡_ wjsK ¯’vcb Kivi cÖwµqv|
ZË : GKwU I‡qe mvBU wewfbœ I‡qe †c‡Ri mgš^‡q ˆZwi Kiv nq| Kv‡Ri mweav‡_© GK ev GKvwaK
†c‡Ri g‡a¨ wjsK Kivi `iKvi nq| nvBcviwjsK n‡jv I‡q‡ei GKwU wi‡mv‡m© Aew¯’Z †Kv‡bv
†idv‡iÝ ( †Kv‡bv wVKvbv )| HTML †cBR , B‡gR, mvDÛ dvBj, gywf BZ¨vw` wi‡mvm©‡K
nvBcviwjsK w`‡q wb‡`©k Kiv nq| nvBcviwjsK wba©vib Ki‡Z HTML A¨v¼i Gwj‡g›U <a>
e¨eüZ nq|
hš¿cvwZi e¨envi :
nvW©Iq¨vi : BDwcGm Ges B›Uvi‡bU ms‡hvMmn GKwU Kw úDUvi|
mdUIq¨vi : Acv‡iwUs wm‡÷g - Windows 7 / Windows 10 .
GwWwUs mdUIq¨vi - Notepad.
eªvDwRs mdUIq¨vi - Internet Explorer / Mozilla Firefox /
Google Crome .
cÖwµqv AbymiY :
Kvh©cÖYvjx : cixÿYwU m úbœ Kivi Rb¨ wb‡ œ ewY©Z c×wZ AbymiY Kwi|
1. Kw úDUvi vjy K‡i †W¯‹Uc †_‡K Start evU‡b wK¬K Kwi|
2. Programs Gi Accessories mve‡gby †_‡K Notepad G wK¬K Kwi|
3. Notepad I‡cb n‡j wb‡ œi gZ K‡i †KvW¸‡jv UvBc Kwi|
‡cÖvMÖvg :
<html>
<head>
<title> Hyperlink Experiment </title>
</head>
<body>
<a href="prac1.html">prac3</a><br>
<a href="prac2.html">prac4</a><br>
<a href="http://www.google.com">Search</a><br>
<a href="http://www.facebook.com">facebook</a><br>
</body>
</html>
dvBj msiÿY c×wZ :
1. File †gby‡Z wK¬K K‡i Save mve †gby‡Z wK¬K Kwi| Save as WvqvjM e· cÖ`wkZ n‡e|
2. File name ‡U·U e‡· †Kvb bvg . html ev . htm G·‡Ubkbmn ( †hgb – prac6.html)
UvBc K‡i Save in G Desktop wm‡j± K‡i Save evU‡b wK¬K K‡i WKz‡g›UwU †mf Kwi|
HTMLdvBjwU ˆZwi n‡e|
e¨vL¨v :
D‡jøwLZ cixÿYwU‡Z †h mg¯Í U¨vM e¨envi Kiv n‡q‡Q †m¸‡jv m ú‡©K wb‡ œ e¨vL¨v †`qv n‡jv :
U¨vMmg~n eY©bv
<html> </html> HTML WKz‡g›U wb‡`©k K‡i |
< head> </head> †cÖvMÖv‡gi Head Ask wb‡`©k K‡i |
<title> </title> WKz‡g‡›Ui UvB‡Uj wb‡`©k K‡i |
<a href="prac1.html"> I‡qe †c‡Ri mv‡_ cÖ_g †cÖvMÖvgwU hy³ K‡i|
<a href="http://www.google.com"> I‡qe †c‡Ri mv‡_ google mv © BwÄbwU hy³ K‡i|
djvdj :
1. Desktop G Save Kiv prac6.html dvBjwU wm‡j± Kwi|
2. gvD‡mi ivBU evUb wK¬K K‡i cÖvß †gby †_‡K Open with wm‡j± Kwi|
3. cÖvß eªvDRvi wjó †_‡K GKwU eªvDwRs mdUIq¨vi ( †hgb Internet Explorer or Mozilla
Firefox ) wK¬K Ki‡jB dvBjwU Open n‡q cv‡ki (Fig : 06) w ‡Îi gZ AvDUcyU †`Lv hv‡e|
Fig : 06