HTML-Bangla E-book
•
12 gefällt mir•6,098 views
This is my first design html bangla ebook.............
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie HTML-Bangla E-book
Ähnlich wie HTML-Bangla E-book (20)
Mehr von Jessore University of Science & Technology, Jessore.
Mehr von Jessore University of Science & Technology, Jessore. (12)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
HTML-Bangla E-book
- 2. Page 2 of 62 Ashek HTML- বাাংলা ই-বুক (For All Users) 2013 <html> Av‡kK gvngy` Lvb Kw¤úDUvi weÁvb I cÖ‡K․kj wefvM (2q el©) h‡kvi weÁvb I cÖhyw³ wek¦we`¨vjq, h‡kvi| Mobile: 01725-402592
- 3. Page 3 of 62 Ashek Web Concepts I‡qe wK? I‡q‡ei BwZnvm wK? ïiæ‡Z Avgiv GB m¤ú©‡K Rvb‡ev- cÖ_‡g Internet Ges World Wide Web (www) Kx GB m¤ú©‡K Rvbv `iKvi, GwU GKwU cÖPwjZ avibv †h, Internet Ges World Wide Web GKB wRwbm| wKš‘ GB `ywU wRwbm GK bq, Internet ≠ World Wide Web. Internet: Internet n‡”Q Ggb GKwU e¨e¯’v hvi gva¨‡g AmsL¨ Computer, Laptop ev Mobile phone GKB mv‡_ Connected ev mshy³ _v‡K| hw` Avgiv GKUv wfboe agx© D`vnib †`wL- †hgb: aiv hvK GKwU RvqMvq AmsL¨ Ni-evwo Av‡Q wKš‘ Zv‡`i g‡a¨ †hvMv‡hv‡Mi hw` †Kvb iv¯Ív bv _v‡K Zvn‡j GK evmv †_‡K Ab¨ evmvq hvIqv hv‡e bv| Z‡e Avgiv hw` GKUv e¨e¯’v Kwi †h, hvi gva¨‡g me¸‡jv mshy³ _vK‡e A_©vr Avgiv hw` GKUv iv¯Ív •Zwi Kwi Zvn‡j Avgiv GK evmv †_‡K Av‡iK evmvq †h‡Z cvie Zvi gv‡b Avgiv ej‡Z cvwi evmv¸‡jv ci¯ú‡ii mv‡_ mshy³ ev Connected. Internet n‡”Q GB ms‡hvM e¨e¯’vi gZb hvi gva¨‡g GKUv Computer †_‡K Ab¨ GKUv Computer G †hvMv‡hvM Kiv †h‡Z cv‡i| wKsev Avgiv †Uwj‡dvb w`‡qI Gi D`vnibUv w`‡Z cvwi wKQz w`b Av‡MI Avgiv †jb †dvb Anin e¨envi KiZvg hw`I GLb †gvevBj †dvb P‡j Avm‡Q mevB Avgiv †gvevBj †dvb e¨envi Kwi| wKš‘ †jb †dv‡bi e¨envi GLbI †`Lv hvq| GKUv †dv‡bi mv‡_ Av‡iKUv †dvb Zv‡ii gva¨‡g mshy³ _v‡K| Avi ms‡hvM Av‡Q weavq Avgiv G‡K Ac‡ii mv‡_ †hvMv‡hvM Ki‡Z cvwi| Avi B›Uvi‡bU n‡”Q †Zgwb GKUv ms‡hvM cÖwμqv †h, hw` GKUv Computer Gi mv‡_ Av‡iKUv Computer Gi Internet Gi gva¨‡g ms‡hvM _v‡K Zvn‡j Avgiv Lye mn‡RB GKUv Computer †_‡K Ab¨ GKUv Computer G †hvMv‡hvM Ki‡Z cvwi| A_v©r Internet n‡”Q GKUv ms‡hvM e¨e¯’v| Internet Gi avibv Av‡m me©cÖ_g 1950 mv‡j| ZLb ïay mvgwiK Kv‡R Internet e¨envi Kiv n‡Zv| A_©vr hy× †ÿ‡Î wewfboe RvqMvq †hvMv‡hv‡Mi Rb¨ Internet Gi avibv e¨envi Kiv n‡Zv| Web: GKUv Computer †_‡K hw` Ab¨ GKUv Computer G Z_¨ Av`vb cÖ`vb Ki‡Z PvB Zvn‡j †h Procedure follow Ki‡Z n‡e †mUvB n‡”Q Web. Web Gi BwZnvm wb‡¤oe †`Iqv nj-
- 4. Page 4 of 62 Ashek Zvn‡j ejv hvq n‡”Q B›Uvi‡bU e¨envi K‡i `ywU h‡š¿i g‡a¨ Z_¨ Av`vb cÖ`vb Kivi GKUv wm‡÷g| GUv wKš‘ c~Yv©½ ms½v bq| GLv‡b kZ© n‡”Q hš¿ `ywU‡K Aek¨B B›Uvi‡b‡Ui gva¨‡g mshy³ _vK‡Z n‡e| mvf©vi (Server): ‡h Computer †_‡K Z_¨ hv‡”Q †mUv n‡”Q mvf©vi | mvfv©‡ii KvR n‡”Q I‡qe mvBU (Website) Host Kiv| K¬v‡q›U: Avi †h Computer G Z_¨ Avm‡Q †mUv n‡”Q K¬v‡q›U| HTML Kx ? HTML GKUv Kw¤úDUvi Language, hv c„w_exi wekvj Z_¨ fvÛvi‡K B›Uvi‡b‡Ui gva¨‡g cÖKvk Ki‡Z mvnv‡h¨ K‡i| HTML †Kvb †cÖvMÖvwgs Language bq| HTML gv‡b n‡”Q Hyper Text Markup Language. GBP wU Gg Gj nj I‡qe wWRvB‡bi g~j wfwË hv w`‡q I‡qe †cR •Zwi Kiv nq| HTMLGi BwZnvm: HTML ev Hyper Text Markup Languag •Zwi K‡i‡Qb ÒwUg evbv©m-jxÓ| HTML •Zwii D‡Ïk¨ n‡”Q †Kvb Z_¨ ev DcvˇK `ªæZ c„w_exi wewfboe ¯’v‡b †c․Qv‡bi e¨e¯’v Kiv| 1990 mv‡ji w`‡K NCSA KZ…©K Devolope K…Z †gvRvBK eªvDRv‡ii gva¨‡g cwiwPwZ jvf K‡i| mvavib GKUv Wavepage design Gi Rb¨ (A_©vr wb‡Pi page wUi gZ) Avgv‡`i PviwU wRwbm `iKvi| ‡hgb:
- 5. Page 5 of 62 Ashek HTML ÷ªvKPvi: <html> <head> <title> ------------------- </title> </head> <body> . ------------------------ . </body> </html> HTML Gi Dcv`vb w`‡q GKUv page-Gi ÷ªvKPvi †Kgb nq Zv wb‡¤oe †`Lv‡bv nj-
- 6. Page 6 of 62 Ashek Avgiv GLb GKUv Opening Ges Closing U¨v‡Mi ÷ªvKPvi †`Le, A_v©r GKUv Opening Ges Closing U¨vM wK wK Dcv`vb wb‡q MwVZ ?? <html> U¨vM: HTML G hw` Avgiv †Kvb wKQz wjL‡Z PvB (A_©vr HTML WKz‡g›U) Zvn‡j <html>……</html> GB U¨v‡Mi wfZ‡i mg¯Í ‡KvW ¸‡jv wjL‡Z n‡e|
- 7. Page 7 of 62 Ashek <head> U¨vM: <head> </head> GB U¨v‡Mi wfZ‡i <title> --</title> U¨vM wjLv nq| hvi gva¨‡g I‡qfmvB‡Ui title ev wkibvg cÖKvk Kiv nq (†hgb: www.ashek.info) GQvov CSS Gi Stylesheet Gi g‡a¨ Call Kiv nq| <body> U¨vM: <body> </body> GB U¨vMwU HTML Gi Rb¨ LyeB ¸iæZ¡ c~Y©| hvi wfZ‡i I‡qfmvB‡Ui g~j Content ¸‡jv Ae¯’vb K‡i| A_©vr HTML Gi mg¯Í †KvW ¸‡jv <body> GB U¨v‡Mi wfZ‡i wjL‡Z nq| HTML Gi mvavib U¨vM mg~n HTML Headings: HTML G †Kvb WKzg‡›Ui wkibvg wjLvi ‡ÿ‡Î †nwWs U¨vM eenvi Kiv nq| HTML Gi 6 Uv Heading level Av‡Q| †hgb- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Dc‡i cv‡ki Result G Avgiv †`L‡Z cvw”Q <h1> Gi output hZUv eo n‡q‡Q <h2> GiUv Zvi †P‡q GKUz ‡QvU n‡q‡Q, G fv‡e μgvb‡q P‡j Avm‡Q............| Paragraph Tag <p> GB U¨vM w`‡q paragraph cÖKvk Kiv nq| </p> hw` †Kvb WKz‡g›U‡K GK ev GKvwaK c¨vivMÖv‡d cÖKvk Ki‡Z PvB ZLb Avgiv GB U¨vM e¨envi Kie| wb‡P Avgiv GKwU D`vnviY †`wL-
- 8. Page 8 of 62 Ashek AvDUcyU Avm‡e GiKg: Bold & Italic Tag: <b> GB U¨vM w`‡q ‡jLv‡K †evì Kiv nq| </b> †hgb: AvDUcyU Avm‡e GiKg: we:`ª: <strong> GB U¨vM w`‡qI ‡jLv‡K †evì Kiv nq| </strong> ---------------------------------------
- 9. Page 9 of 62 Ashek <i> GB U¨vM w`‡q ‡jLv‡K BUvwjK ni‡d †`Lvq </i> †hgb: <html> <body> <h2><i>Ashek Mahmud Khan. Department of Computer Science and Engineering. Jessore Science and Technology University, Jessore.</i></h2> </body> </html> AvDUcyU Avm‡e GiKg: Dc‡i Avgiv †`L‡Z cvw”Q †jLv ¸‡jv GKUz euvKv †`Lv‡”Q A_©vr hv BUvwjK ni‡d Convert n‡q‡Q| G fv‡e Avgiv BUvwjK nid wjL‡Z cvwi| we:`ª: ** Emphasis: <em> GB U¨vM w`‡qI ‡jLv‡K BUvwjK ni‡d †`Lvq | </em> ** Citations: <cite> GB U¨vM w`‡qI ‡jLv‡K BUvwjK ni‡d †`Lvq | </cite > ** Definitions : <dfn> ‡U·U Gi †Wwd‡bkb Uv©g †`Lvq Ges GB U¨vM w`‡qI ‡jLv‡K BUvwjK d‡g© wb‡q Avmv hvq| </dfn> =============0============= Superscript & Subscript <sup> GB U¨vM Øviv DaŸ©wjwc ev Dc‡i eySvq A_v©r cvIqvi (Power), eM© (Square) wn‡m‡e †Kvb wKQz wjL‡Z e¨envi Kiv nq| </sup> †hgb: <html> <body>
- 10. Page 10 of 62 Ashek <h2>On the 4<sup>th</sup> of September you will learn about E=MC <sup>2 </sup>. </h2> </body> </html> AvDUcyU Avm‡e GiKg: <sub> GB U¨vM Øviv wb¤oewjwc ev wb‡P eySvq A_v©r ‡Kvb Dcv`v‡bi wb‡P (†hgb- X2, Co2, log2) wKQz wjL‡Z e¨envi Kiv nq| </sub> †hgb: <html> <body> <h2>The amount of CO<sub>2</sub> in the atmosphere grew by 2ppm in 2009 <sub>100</sub>.</h2> </body> </html> AvDUcyU wb‡P †`Lv‡bv nj: Line Breaks <br> jvBb ‡eªK U¨vM, GKwU c¨vivMÖvd †k‡l Av‡iKwU c¨vivMÖvd wjL‡Z bZzb K‡i c¨vivMÖvd U¨vM e¨envi bv K‡i <br> U¨vM e¨envi Kiv hvq| GB U¨vM‡K jvBb ‡eªK U¨vM ejv nq| KviY GB U¨vM GK jvBb duvKv ¯’vb †i‡L bZzb jvBb •Zwi K‡i| †hgb:
- 11. Page 11 of 62 Ashek <html> <body> <h3>Ashek Mahmud Khan.<br>Department of <br>Computer Science and <br>Engineering.<br> Jessore Science and Technology University, <br> Jessore. </h3> </body> </html> AvDUcyU Avm‡e GiKg: Dc‡ii Result-G Avgiv †`L‡Z cvw”Q †h, †jLv ¸‡jvi †hLv‡b †eªK U¨vM e¨envi Kiv n‡q‡Q †mLvb †_‡KB bZzb jvBb ïiæ n‡q‡Q| =============0============= Horizontal Rules (Avbyf~wgK †iLv) Avbyf~wgK †iLv •Zwi‡Z <hr> U¨vM e¨envi Kiv nq, Gi †Kvb †kl U¨vM †bB| Underline e¨ZxZ hw` †Kvb Horizontal †iLvi cÖ‡qvRb nq Zvn‡j Avgiv GB U¨vM e¨envi Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body> <p><h3>Ashek Mahmud Khan.</h3> <hr> <h4>Department of Computer Science and Engineering.</h4> <hr> <h5>Jessore Science and Technology University, Jessore.</h5>
- 12. Page 12 of 62 Ashek </body> </html> AvDUcyU Avm‡e GiKg: Quotations <q> k©U †Kv‡Uk‡bi Rb¨ ev BbjvB‡b DØ„wZ cÖKvk Kivi Rb¨ GB U¨vM e¨envi Kiv nq| </q> GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body> <h3>A.A. Milne said, <q>Some people talk to animals. Not many listen though. That's the problem.</q></h3> </body> </html> AvDUcyU Avm‡e GiKg: Dc‡ii Result-G Avgiv †`L‡Z cvw”Q †h, <q> U¨vM e¨env‡ii d‡j BbjvBb DØ„wZ A_v©r †jLv ¸‡jv Wvej †Kv‡Ukb Øviv Ave× ‡`Lv‡”Q| ------------------------------------------------------- <blockquote> ‡Kv‡Ukb ‣Zwii Rb¨ ev DØ„wZ cÖKvk Kivi Rb¨ GB U¨vM e¨envi Kiv nq| </blockquote> GLb wb‡P Avgiv Gi GKwU D`vniY †`wL-
- 13. Page 13 of 62 Ashek <html> <body> <h3>My Name is Ashek Mahmud Khan. I am a Student of Jessore Science and technology University, Jessore.</h3> <h2><blockquote> My Department name is Computer Science and Engineering. </blockquote></h2> <h3>My Name is Ashek Mahmud Khan. I am a Student of Jessore Science and technology University, Jessore.</h3> </body> </html> AvDUcyU Avm‡e GiKg: A_v©r Dc‡ii Result †_‡K Avgiv †`L‡Z cvw”Q †h, <blockquote> U¨vM e¨envi K‡i Avgiv †Kvb cÖeÜ ev Aby‡”Q‡`i wfZ‡i ‡Kv‡Ukb •Zwi Ki‡Z cvwi| =============0============= Abbreviations & Acronyms I‡qe †c‡R †Kvb GKwU we‡kl k‡ãi Dci Kvm©i ivL‡j H kã m¤ú©‡K GKwU Z_¨ AvqZKvi ev‡· ‡`Lv hvq| <acronym> GB U¨vM Øviv GB KvRwU Kiv nq| GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body>
- 14. Page 14 of 62 Ashek <p> <acronym title="HTML is a Markup Language"> HTML </acronym> is the basic markup language for web page.It is created by Tim Berners Lee.It is controlled by <acronym title="World Wide Web Connection">W3C </acronym > </p> </body> </html> AvDUcyU Avm‡e GiKg: Dc‡ii AvDUcyU As‡k W3C Gi Dci Kvm©i ivL‡j jvj e‡·i †jLvUv †`Lv‡e| ------------------------------------------------------- <abbr> I‡qe †c‡R †Kvb GKwU we‡kl k‡ãi Dci Kvm©i ivL‡j H kã m¤ú©‡K GKwU Z_¨ AvqZKvi ev‡· ‡`Lv hvq| A_v©r Abbreviations Ges Acronyms GKB Kv‡R e¨eüZ nq| </abbr> Dc‡ii GB D`vnvibwUi ‡ÿ‡Î <acronym> Gi RvqMvq <abbr> U¨vM emv‡j GKB †iRvë †`Lv‡e A_v©r Abbreviations Ges Acronyms GKB KvR K‡i| Address Tag Address tag Øviv Avgiv italic form I ‣Zwi Ki‡Z cvwi| wKš‘ GB <address> U¨vM Avgiv KLb e¨envi Kie? hLb Avgiv †Kvb wKQz‡K Address wnmv‡e ev †Kvb Address †K display Kiv‡Z PvB ZLb GB <address> tag wU e¨envi Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body> <h2> <address> ashek.jstucse@gmail.com<br> ashekzm@gmail.com <br> http://www.ashekcse.com <br> Bangladesh.</address> </h2> </body> </html>
- 15. Page 15 of 62 Ashek AvDUcyU Avm‡e GiKg: Deleted and Inserted Text <del> hLb Avgiv †Kvb †U·‡K Delete Ki‡Z, gy‡Q †dj‡Z ev GK Uv‡b †K‡U †`Iqvi gZ †hgb- (Ashek Mahmud Khan) Display †Z †`L‡Z PvB ZLb Avgiv <del> GB U¨vMwU e¨envi Kie </del> . GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body> <h2>Ashek <del> mahhmud </del> Mahmud Khan. Department of <del> comuputer </del> Computer Science <s> and </s> & Engineering. </h2> </body> </html> AvDUcyU Avm‡e GiKg: ** <s> GB U¨vMwU <del> U¨v‡Mi gZB KvR K‡i| </s> Dc‡i Gi D`vnviY Avgiv †`‡LwQ| ------------------------------------------------------- <ins> hLb Avgiv †Kvb †U·‡Ui wb‡P Underline ev †Kvb wbw`©ó As‡ki wb‡P `vM wn‡m‡e †hgb- (Computer) Display †Z †`L‡Z PvB ZLb Avgiv <ins> GB U¨vMwU e¨envi Kie </ins> . GLb wb‡P Avgiv Gi GKwU D`vniY †`wL-
- 16. Page 16 of 62 Ashek <html> <body> <h2> Ashek <ins>Mahmud </ins>Khan. Department of <ins> Computer </ins> Science & <ins> Engineering </ins>. </h2> </body> </html> AvDUcyU Avm‡e GiKg: ** <ins> U¨vMwU <u> U¨v‡Mi gZB KvR K‡i| HTML G wj‡÷i e¨envi Z_¨vejx‡K my›`ifv‡e Dc¯’vc‡bi Rb¨ wj÷ Dcv`vb e¨envi Kiv nq| <li>….</li> GB U¨vM e¨envi K‡i Z_¨vejxi wj÷ •Zwi Kiv nq| Gi †kl U¨vM Ackbvj A_©vr †kl U¨vM bv w`‡jI KvR Ki‡e| HTML G K‡qK ai‡bi wj÷ e¨envi Kiv nq| Ordered Lists I‡qe †cB‡R Z_¨vejx‡K Serial Number Abymv‡i Dc¯’vc‡bi Rb¨ Ordered List e¨envi Kiv nq| Ordered List cÖKvk Kiv nq <ol>……. (GB U¨vMwU avivevwnK fv‡e ïiæ K‡i) </ol> U¨v‡Mi gva¨‡g| Gi mv‡_ type attribute e¨envi K‡i wbav©iY Kiv nq Serial Number †Kgb n‡e| GLb wb‡P Avgiv Gi GKwU D`vniY †`Le- <html> <body> <h2> <ol type="1"> <li>HTML <li>CSS <li>JAVA Script <li>PHP <li>Jquery <li>MySQl </h2> </ol> </body>
- 17. Page 17 of 62 Ashek </html> AvDUcyU Avm‡e GiKg: Unordered Lists GB ai‡bi wj‡÷ †Kvb Serial Number _v‡K bv, Gi cwie‡Z© wewfboe Symbol e¨envi Kiv nq| <ul>…</ul> GB U¨vM e¨envi K‡i Unordered List cÖKvk Kiv nq| Type attribute e¨envi K‡i wewfboe Symbol †`Iqv nq| †hgb: <html> <body> <h3> <ul type="disc"> <li>Web Design <li>Tutorial <li>Internet <li>Web Developing </ul> </h3> </body> </html> AvDUcyU Avm‡e GiKg:
- 18. Page 18 of 62 Ashek Definition Lists Definition List †Kvb GKK Dcv`v‡bi ZvwjKv bq| Bnv wKQz Dcv`v‡bi ZvwjKv Ges cÖ‡Z¨K Dcv`v‡bi eY©bv cÖKv‡k e¨eüZ nq| A definition list is not a list of single items. It is a list of items (terms), together with a description of each item (term). * <dl> Definition List cÖKvk K‡i </dl> * <dt> Definition List-Gi GKUv Uvg© cªKvk K‡i, A_v©r (Head line, point) hvi eY©bv w`‡Z PvB| </dt> *<dd> Uv‡g©i eY©bv cÖKvk K‡i, A_v©r Point-Gi eY©bv| </dd> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <h3> <dl> <dt> Sashimi </dt> <dd> Sliced raw fish that is served with condiments such as shredded daikon . radish or ginger root, wasabi and soy sauce </dd> <dt> Scale </dt> <dd> A device used to accurately measure the weight of ingredients </dd> <dd> A technique by which the scales are removed from skin of a fish </dd> <dt> Scamorzo </dt> <dd> An Italian cheese usually made from whole cow's milk (although it was . . traditionally made from buffalo milk) </dd> </dl> </h3> </body> </html>
- 19. Page 19 of 62 Ashek AvDUcyU Avm‡e GiKg: Nested Lists GKwU ZvwjKvi g‡a¨ hw` Av‡iKwU ZvwjKv _v‡K ZLb Avgiv Nested List e¨envi Kie| mvaviYZ 2q ZvwjKvi ¯Íi ev AvB‡Ug wfboe nq| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <h2>A nested List:</h2> <h3> <ul> <li> JSTU</li> <li> SUST</li> <li> PSTU</li> <ul> <li> BUET</li> <li> KUET</li> <li> RUET</li> <ul> <li> DU</li> . <li> RU</li> . <li> CU</li>
- 20. Page 20 of 62 Ashek <ul> <li> DMC</li> . <li> MMC</li> . <li> RMC</li> </ul> </ul> </ul> </ul> </h3> </body> </html> AvDUcyU Avm‡e GiKg: Links <a> I‡qe †c‡Ri †Kvb wjs‡K wK¬K K‡i Ab¨ †Kvb †c‡R hvIqv hvq| </a>. <a>…</a> GB U¨vM e¨envi K‡i I‡qe †c‡R wjsK †`Iqv nq| <a> U¨v‡Mi mv‡_ href, title, target attribute e¨envi Kiv nq| ‡hgb: <a href=”http://www.facebook.com”> Facebook </a> eªvDRv‡i ïay Facebook †`Lv hv‡e, hvi Dci wK¬K Ki‡j www.facebook.com I‡q‡e cÖ‡ek Ki‡e| GLb wb‡P Avgiv Gi GKwU D`vniY †`wL- <html> <body>
- 21. Page 21 of 62 Ashek <h3> Plz click and Enter the New Website: </h3> <i> <b> <font size="5"> ♥ <a href="http:www.Facebook.com "target="contents"> Facebook </a> <br> ♥ <a href="http:www.Google.com "target="contents"> Google </a> </font> </i></b> </body> </html> AvDUcyU Avm‡e GiKg: Linking to Other Pages on the Same Site hw` Avgiv GKB mvB‡Ui Ab¨ †c‡R †h‡Z PvB Zvn‡j Avgv‡`i Relative URL e¨envi Ki‡Z n‡e| G ‡ÿ‡Î †Kvb mywbw`©ó †Wv‡gBb Name Gi cÖ‡qvRb †bB| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <h4> <ul> <li> <a href="index.html"> Home </a></li> <li> <a href="about-us.html"> About </a></li> <li> <a href="cse.html"> CSE </a></li> <li> <a href="contact.html"> Contact </a></li> </ul> </h4> </body> </html>
- 22. Page 22 of 62 Ashek AvDUcyU Avm‡e GiKg: Email Links HTML w`‡q B‡gBj (E-mail) G¨v‡Wªm wjsK Kiv hvq| B‡gBj wjs‡Ki †ÿ‡Î mailto: †cÖv‡UvKj e¨envi Kiv nq| B‡gBj wjsK ‣Zwi Ki‡Z n‡j mailto: †cÖv‡UvK‡ji mv‡_ G¨vsKi wjsK Ges B‡gBj wVKvbv wjL‡Z nq| GLb wb‡P Avgiv Gi GKwU D`vnviY †`wL- <html> <body> <h2><ul> <li> <a href="mailto:ashek.jstucse@gmail.com">Email Me</a> </ul></h2> </body> </html> AvDUcyU Avm‡e GiKg: Opening Links in a New Window <a href=Ò‡h †cR‡K ms‡hvM Ki‡Z PvB Zvi wVKvbvÓ target=Òwjs‡K wK¬K Ki‡j bZzb †cRwU eZ©gvb †c‡RB †jvW n‡e, bv wK? bZzb DB‡Ûv‡Z Lyj‡e Zv wVK K‡i w`‡Z n‡e|Ó title=Òwjs‡Ki Dci gvDm wb‡q †M‡j MšÍe¨ I‡qe †cR m¤ú‡K© Av‡MB avibv w`‡e|Ó GLb wb‡P Avgiv Gi D`vnviY †`wL- ‡hgb: <a href=http://www.facebook.com target=_blank>Facebook</a> Gi d‡j bZzb DB‡Ûv‡Z Open n‡e| <a href=http://www.facebook.com target=_self> Facebook </a> Gi d‡j eZ©gvb †c‡R Open n‡e|
- 23. Page 23 of 62 Ashek Linking to a Specific Part of the Same Page hw` †Kvb eo Page-G †Kvb wKQz mvP© K‡i †ei Ki‡Z PvB Zvn‡j, Zvi wjsK _vK‡Z n‡e Ges <a href="#CSE"> GB U¨v‡Mi gva¨‡g wjsK w`‡q cieZx©‡Z ID Attribute ( <h2 id ="CSE">) `¦viv hw` †mUv declare Kiv _v‡K Zvn‡j H ID wU †h bv‡g Av‡Q (A_v©r hv Avgiv †Lv‡R †c‡Z PvB †hgb: CSE Gi wgwbs) Zvi mvP© Ack‡b wK¬K K‡i †mUv‡K †Lvu‡R †c‡Z cvwi| GQvov Avgiv hw` Page-Gi bottom Ask †_‡K Top As‡k †h‡Z PvB Zvn‡j Abyiƒc fv‡e Top As‡ki Heading ‡K hw` ID Øviv declare Kiv _v‡K Zvn‡j Lye mn‡RB Top As‡k P‡j †h‡Z cvie| ‡hgb: <h1 id="top"> Specific Part of the Same Page </h1> …………………………………………….. …………………………………………….. …………………………………………….. <a href="#top"> Top </a> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <h1 id="top"> Specific Part of the Same Page </h1> <a href="#Ashek">Ashek</a><br/> <a href="#CSE">CSE</a><br/> <a href="#JSTU">JSTU</a><br/> <a href="#interlude">Interlude</a><br/> <h2 id="interlude">Interlude</h2> <p>A brief, intervening film scene or sequence, that appears within a film</p> <h2 id="CSE">CSE</h2> <p>Computer Science & Engineering</p> <h2 id="JSTU">JSTU</h2> <p>Jessore Science & Tachnology University,Jessore.</p> <h2 id="Ashek">Ashek</h2> <p> Ashek Mahmud Khan </p>
- 24. Page 24 of 62 Ashek <p> <a href="#top"> Top </a></p> </body> </html> AvDUcyU Avm‡e GiKg: Summary: ** Links are created using the <a> element. ** The <a> element uses the href attribute to indicate the page you are linking to. Adding Images <img> GB U¨vM e¨envi K‡i I‡qe †c‡R B‡gR mshy³ Ki‡Z nq| Gi †Kvb †kl U¨vM †bB, Z‡e Gi mv‡_ src GwUªweDU e¨envi K‡i Image Location Rvwb‡q w`‡Z nq| ‡hgb: <img src= ÒB‡g‡Ri †jv‡Kkvb/B‡g‡Ri bvg.(WU)B‡g‡Ri dig¨vUÓ> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 25. Page 25 of 62 Ashek <html> <body> <img src="ashek.jpg"> </body> </html> AvDUcyU Avm‡e GiKg: Picture wU 2014 mv‡ji Height & Width of Images I‡qe †c‡R GKwU B‡gR wK cwigvb RvqMv wb‡q cª`wk©Z n‡e Zv wb‡`©k Kiv nq <img> U¨v‡Mi width I height GwUªweDU Gi gva¨‡g| G‡`i gvb cÖKvk Kiv nq wc‡·‡j| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <img src="ashekz.jpg" alt="Me and Thamil star" width="450" height="380"> </body> </html> AvDUcyU Avm‡e GiKg:
- 26. Page 26 of 62 Ashek Where to Place Images in Your Code B‡g‡Ri Ave¯’vb Paragraph Gi †Kvb cwRk‡b n‡e ev‡g,Wv‡b,Dc‡i,wb‡P bv gv‡S!! BZ¨vw` Ae¯’vb Avgiv wb‡Pi D`vnviYwUi gZ K‡i wm‡j± Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <img src="ashek.png" alt="Me & My Friend" width="150" height = "100"/> <p> There are four Years ago Me and my friends gone to the "Fnatacy Kingdome" with my college friend. My college name is Ananda Mohan College, Mymensingh. This picture friends name is Mahabub Murshad Tonoy. He is My close friend.</p> <hr/> <p><img src="ashek.png"alt="Me & My Friend" width="150" height ="100"/> There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Many species undertake long distance annual migrations, and many more perform shorter irregular journeys.</p> <hr/> <p>There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. <img src="ashek.png" alt= "Me & My Friend" width="150" height="100" /> species undertake long distance annual migrations, and many more perform shorter irregular journeys.</p> </body> </html>
- 27. Page 27 of 62 Ashek AvDUcyU Avm‡e GiKg: Picture wU 2011 mv‡ji Aligning Images Horizontally B‡g‡Ri Ae¯’vb wbw`©ó Ki‡Z align Attribute e¨envi Kiv nq| †hgb: <img src=Òashek.jpg” align=Òleft”> ‡U·‡Ui gv‡S B‡gR e¨envi Ki‡Z n‡j align Attribute Gi wb‡¤oev³ f¨vjy ¸‡jv e¨envi Kiv nq- * align=Òtop” * align=Òmiddle” * align=Òbottom” * align=Òcenter” * align=Òleft” * align=Òright” GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 28. Page 28 of 62 Ashek <html> <body> <p>The text is aligned with the image <img src="ashek.png" align="bottom" width="70" height="48"/> at the bottom.</p> <p>The text is aligned with the image <img src="ashek.png" align= "middle" width="70" height="48"/> in the middle.</p> <p>The text is aligned with the image <img src="ashek.png"align = "top"width="70"height="48"/>at the top.</p> <p><b>Note:</b>The bottom alignment is the default! </p> </body> </html> AvDUcyU Avm‡e GiKg: Picture wU 2011 mv‡ji Figure and Figure Caption(HTML-5) hw` Avgiv †Kvb B‡g‡Ri wb‡P B‡g‡Ri bvg ev B‡gR m¤úwK©Z wKQz wjL‡Z PvB Zvn‡j B‡gR U¨vM‡K <figure> U¨v‡Mi wfZ‡i wjL‡Z n‡e| </figure>. Ges B‡gR m¤ú‡K© hv wjL‡Z PvB Zv <figcaption> U¨v‡Mi wfZ‡i wjL‡Z n‡e| </figcaption>. GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 29. Page 29 of 62 Ashek <html> <body> <figure> <img src="ashek.png" alt="Photograph of two sea otters floating in water"> <br/> <figcaption> Me and My College friend Mahbub Murshed Tonoy </figcaption> </figure> </body> </html> AvDUcyU Avm‡e GiKg: Picture wU 2011 mv‡ji Setting the image border <img> GB U¨vM e¨envi K‡i I‡qe †c‡R B‡gR mshy³ Ki‡Z nq| Gi mv‡_ src GwUªweDU e¨envi K‡i Image Location Rvwb‡q w`‡Z nq| Ges Gi mv‡_ ïay gvÎ border attribute e¨envi K‡i Avgiv image Gi border w`‡Z cvwi| †hgb: <img src=ÒB‡g‡Ri †jv‡Kkvb/B‡g‡Ri bvg.(WU)B‡g‡Ri dig¨vU Ó border attribute >. You can use the border attribute with the <img > element to better control what border the browser displays around your image. GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 30. Page 30 of 62 Ashek AvDUcyU Avm‡e GiKg: Table Basic Table Structure <table> ‡Uwej U¨vM e¨envi K‡i I‡qe †c‡R †Uwej ‣Zwi Kiv nq| </table>. GQvov ‡Uwej •Zwii †ÿ‡Î AviI wKQz U¨vM cÖ‡qvRb nq Zv wb‡¤oe †`Iqv njt ** <caption> GB U¨vM Øviv ‡Uwe‡ji wkibvg ‡`Iqv nq </caption> ** <tr> GB U¨vM Øviv row ev mvwi •Zwi Kiv nq </tr> ** <td> GB U¨vM Øviv mvwi‡Z WvUv BbcyU Kiv nq </td> ** <th> GB U¨vM Øviv mvwii ‡nwWs †`Iqv nq </th> [<td> Ges<th> GKB KvR K‡i Z‡e <th> Gi ‡ÿ‡Î †jLvUv GKUz †evì nq| <th> GB U¨vM mvavibZ †nwWs †`Iqvi ‡ÿ‡Î e¨eüZ nq|] GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <head> <table border="3"align="center"> <caption><h3>Information</h3></caption> <tr> <th>Name<th>Roll<th>Dept. </tr> <tr> <td>Ashek<td>110136<td>CSE </tr> Border
- 31. Page 31 of 62 Ashek <tr> <td>Mizan<td>110108<td>CSE </tr> </body> </html> AvDUcyU Avm‡e GiKg: Table Headings <th> (The <th> element is used just like the <td> element.) GB U¨vMwU (<th>) mvwi Ges Kjvg Df‡qi ‡nwWs †`Iqvi †ÿ‡Î e¨eüZ nq| </th> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <head> <table border="3"align="center"> <tr> <th>Name <th>Roll <th>Dept. </tr> <tr> <th>Ashek <td>110136 <td>CSE </tr> <tr> <th>Mahmud
- 32. Page 32 of 62 Ashek <td>120136 <td>EEE </tr> <tr> <th>Khan <td>101136 <td>IPE </tr> </table> </body> </html> AvDUcyU Avm‡e GiKg: Spanning Columns GKvwaK Kjv‡gi †mj ¸‡jv‡K GKwU †m‡j cwiYZ Kivi Rb¨ <td> I <th> U¨v‡Mi mv‡_ colspan GwUªweDU e¨envi Kiv nq| †h¸‡jv †mj‡K GKxfyZ (A_v©r K‡qKUv †mj‡K hw` GKwU‡Z cwiYZ Ki‡Z PvB) Ki‡Z PvB Zv‡`i g‡a¨ me‡P‡q Dc‡ii Kjv‡gi mv‡_ colspan GwUªweDU e¨venvi Ki‡Z n‡e| ‡hgb: GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <head> <table border="3"align="center"> <tr> <th>Name <th colspan="2">Mobile </tr> <tr> <td>Ashek
- 33. Page 33 of 62 Ashek <td>01725-402592 <td>01842-402592 </tr> <tr> <td>Tarek <td>01735-801981 <td>01982-852747 </tr> </table> </body> </html> AvDUcyU Avm‡e GiKg: Spanning Rows GKvwaK mvwii †mj ¸‡jv‡K GKwU †m‡j cwiYZ Kivi Rb¨ <td> I <th> U¨v‡Mi mv‡_ rowspan GwUªweDU e¨envi Kiv nq| †h¸‡jv †mj‡K GKxfyZ (A_v©r K‡qKUv †mj‡K hw` GKwU‡Z cwiYZ) Ki‡Z PvB Zv‡`i g‡a¨ me‡P‡q Dc‡ii mvwii mv‡_ rowspan GwUªweDU e¨envi Ki‡Z n‡e| ‡hgb: GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <head> <table border="3"align="center"> <tr> <th>Name <th>Mobile </tr> <tr> Colspan
- 34. Page 34 of 62 Ashek <th rowspan="3">Ashek <td>01725-402592 </tr> <tr> <td>01842-402592 </tr> <tr> <td>01680-307861 </tr> </table> </body> </html> AvDUcyU Avm‡e GiKg: Long Tables <thead> ‡Uwe‡ji †nWvi K‡g›U ev †nwWs wjL‡Z GB U¨vM e¨veüZ nq|</thead> <tbody> ‡Uwe‡ji ewW Kb‡U›U A_v©r †nwWs Gi wb‡P hv wjLe| </tbody> <tfoot>‡Uwe‡ji dzUvi Kb‡U›U A_v©r me© wb‡P †iRv‡ë hv wjLe|</tfoot> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <head> <table> <thead> <tr> <th><u>Name Rowspan
- 35. Page 35 of 62 Ashek <th><u>Roll <th><u>Dept. </thead> <tbody> <tr> <td>Ashek <td>110136 <td>CSE </tr> <tr> <td>Monir <td>120136 <td>IPE </tr> <tr> <td>Saju <td>130136 <td>EEE </tr> <tr> <td><u>Mizan <td><u>110108 <td><u>CSE </tr> </tbody> <tfoot>
- 36. Page 36 of 62 Ashek <td>Total= . . <td>4 </tfoot> </table> </body> </html> AvDUcyU Avm‡e GiKg: Width & Spacing ‡Uwe‡ji cÖk¯ÍZv wbY©q Kiv nq width GwUªweD‡Ui gva¨‡g| `yB fv‡e GB GwUªweDU e¨envi Kiv hvq- 1. <table width=”50%”> [G‡ÿ‡Î †Uwe‡ji cÖk¯ÍZv n‡e eªvDRv‡ii 50%, G‡ÿ‡Î eªvDRvi †QvU Ki‡j †UwejI †QvU n‡e|] 2. <table width=”100”> [G‡ÿ‡Î †Uwe‡ji cÖk¯ÍZv n‡e 100 wc‡·j|] Cell spacing: Cellspacing GwUªweDU e¨envi K‡i †mj mg~‡ni g‡a¨ dvuKv ¯’vb wbav©iY Kiv nq|Gi gvb nq wc‡·‡j| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <table width="350" border="5" cellspacing="10"> <tr> <th>Name <th width="30">Roll <th width="25">Dept. </tr> <tr>
- 37. Page 37 of 62 Ashek <td>Ashek Mahmud Khan <td>110136 <td>CSE </tr> <tr> <td>Md. Mizanur Rahaman <td>110108 <td>CSE </tr> </table> </body> </html> AvDUcyU Avm‡e GiKg: Background <table bgcolor=”Red”> GB GwUªweD‡Ui gva¨‡g †Uwej,‡iv Ges Kjv‡gi background †`Iqv nq| G‡ÿ‡Î †Uwe‡ji background color jvj †`Lv‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <table bgcolor="pink"width="350" border="5" cellspacing="10"> <tr> <th bgcolor="#AA0011"> Name <th width="30" bgcolor="#AAFFEE"> Roll <th width="25" bgcolor="#AAFF00"> Dept. </tr> <tr> Cellspacing
- 38. Page 38 of 62 Ashek <td bgcolor="green"> Ashek Mahmud Khan <td bgcolor="white"> 110136 <td bgcolor="#FF00FF"> CSE </tr> <tr> <td bgcolor="red"> Md.Mizanur Rahaman <td bgcolor="#FFFF00"> 110108 <td bgcolor="#EF00EE"> CSE </tr> </table> </body> </html> AvDUcyU Avm‡e GiKg: Form Structure <form> dig •Zwii Kv‡R GB U¨vM e¨envi Kiv nq| </form> <form> dig U¨v‡Mi mv‡_ method, action I enctype GwUªweDU e¨envi Kiv nq| Method: Method GwUªweDU e¨envi K‡i d‡g© cÖ`Ë WvUv mvfv©‡i mvewgU Kiv nq| Method `ywU e¨envi K‡i WvUv mvewgU Kiv nq- 1. Get Method (<form method=Òget”></form>) 2. Post Method (<form method=Òpost”></form>) URL Gi mv‡_ d‡g©i WvUv mvewgU Kivi Rb¨ Get Method e¨envi Ki‡Z nq| hw` bvg I cvmIqvW© w`‡q jwMb Kwi Z‡e Address ev‡i wb‡P gZ †`Lv‡et http://www.sitename.com/login.php?/username=ashek & password=1254893/ bgcolor
- 39. Page 39 of 62 Ashek Action: mvfv©‡i WvUv‡K cª‡mm Kivi Rb¨ †Kvb ‡cÖvMÖvg ev w¯OEÞ e¨envi Ki‡e GwUªweB‡Ui gva¨‡g Zv Rvwb‡q †`Iqv nq| †hgb: <form action=Òregistration.php” method=Òpost”> Text Input User Name A_v©r GK jvBb †U·U wjLv hvq Ggb wdì •Zwi Kivi Rb¨ BbcyU <input> U¨v‡Mi mv‡_ Type=Òtext” GwUªweDU e¨envi Kiv nq| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <form> <p>Username: <input type="text" size="20" maxlength="100"value="Enter your name"> </p> </form> </body> </html> AvDUcyU Avm‡e GiKg: GLv‡b, size="20" [Gi gv‡b n‡”Q 20 Aÿ‡ii gZ cÖk¯’ wdì cvIqv hv‡e|] maxlength="100" [Gi gv‡b n‡”Q wd‡ì 100 Aÿ‡ii †ewk UvBc Kiv hv‡e bv|] Password Input <input> U¨v‡Mi mv‡_ Type=Òpassword”GwUªweDU e¨envi Kiv nq| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <body> <form> <p>Password: <input type="password" size="20" maxlength="100"> </p> </form>
- 40. Page 40 of 62 Ashek </body> </html> AvDUcyU Avm‡e GiKg: Text Area <textarea> GB U¨vMwU ‡U·U Gwiqv •Zwi Ki‡Z e¨envi Kiv nq| </textarea> A_v©r hw` GKvwaK jvBb ev c¨vivMÖvd AvK„wZi †Kvb wKQz I‡qe †cB‡R BbcyU Ki‡Z PvB Zvn‡j Avgv‡`i wbw`©ó Gwiqvi `iKvi nq Zv Avgiv GB U¨v‡Mi gva¨‡g •Zwi Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- <html> <form> <p>What did you think of this sits?</p> <textarea>Enter your comments...</textarea> </form> </html> AvDUcyU Avm‡e GiKg: Radio Button hw` Avgv‡`i GKvwaK Ackb ‡_‡K †Kej gvÎ GKwU Ackb wm‡j± Ki‡Z nq ZLb †iwWI evUb •Zwii cÖ‡qvRb nq| †iwWI evUb •Zwii Rb¨ BbcyU U¨vM e¨envi Kiv nq| ïay gvÎ BbcyU U¨v‡Mi wfZ‡i type=Òradio” wj‡L w`‡jB †iwWI evUb •Zwi n‡q hv‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 41. Page 41 of 62 Ashek AvDUcyU Avm‡e GiKg: GwUªweD‡Ui gva¨‡g †iwWI evU‡b A‡Uv‡gwUKvwj wWdë wnmv‡e e„‡Ë Av‡M †_‡K †PK w`‡q ivL‡Z cvwi| †hgb: <input type="radio" name="Subject" value="CSE" checked="yes">CSE G‡ÿ‡Î AvDUcyU †`Lv‡e- Check Box hw` Avgv‡`i GKvwaK Ackb ‡_‡K GKvwaK Ackb‡K wUK wPý w`‡q wm‡j± Ki‡Z PvB ZLb Avgv‡`i †PK e· •Zwi Ki‡Z n‡e| †PK e· •Zwii Rb¨ BbcyU U¨vM e¨envi Kiv nq| ïay gvÎ BbcyU U¨v‡Mi wfZ‡i type=Òcheckbox” wj‡L w`‡jB †PK e· •Zwi n‡q hv‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 42. Page 42 of 62 Ashek AvDUcyU Avm‡e GiKg: Drop Down List Box WªcWvDb wj‡÷i gva¨‡g Ggb GKwU ZvwjKv •Zwi Kiv nq †hLvb †_‡K BDRvi †h‡Kvb GKUv wm‡j± K‡i w`‡Z cv‡i| g‡bKwi GKwU di‡g GK R‡bi wcÖq is wK Zv wm‡j± Ki‡Z n‡e (A‡bK ¸‡jv i‡Oi g‡a¨ †_‡K)| hw` Ggb GKwU Ackb ivL‡Z nq Zvn‡j WªcWvDb wj‡÷i gva¨‡g Avgiv †mUv mn‡RB Ki‡Z cvwi| WªcWvDb wj÷ •Zwi Ki‡Z cÖ_‡g <select> U¨vM w`‡q ïiæ Ki‡Z nq Ges †h AvB‡Ug ¸wj †_‡K evQvB Kie †m¸wji cÖwZwU <option> U¨v‡Mi g‡a¨ ivL‡Z n‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 43. Page 43 of 62 Ashek AvDUcyU Avm‡e GiKg: Multiple Select Box <select> U¨v‡Mi multiple GwUªweDU Øviv Avgiv G‡Ki AwaK welq wm‡j± Ki‡Z cvwi| A_v©r hw` eªvDRv‡i GKvwaK Gwjg¨v›U wm‡j± Ae¯’vq †`L‡Z PvB Zvn‡j multiple GwUªweDU e¨envi Ki‡Z n‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: File Input Box <input> U¨v‡Mi type=Òfile” GwUªweDU Øviv Avgiv dvBj Avc‡jvW dig •Zwi Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 44. Page 44 of 62 Ashek AvDUcyU Avm‡e GiKg: Submit Button <input> U¨v‡Mi type=Òsubmit” GwUªweDU Øviv Avgiv mvf©v‡i dg© mvewgU Kivi Rb¨ mvewgU evUb •Zwi Ki‡Z cvwi| hLb Avgiv mvewgU evU‡b wK¬K Kie ZLb d‡g©i WvUvwU Activate n‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: HTML Form Design HTML G Form GKwU MiæZ¡c~Y© Av‡jv”P¨ welq| GKUv dig Design Ki‡Z Avgv‡`i wb¤oe wjwLZ topics ¸‡jv cÖ‡qvRb n‡e| Text box Text area Radio batton
- 45. Page 45 of 62 Ashek Submit batton Check box Dropdown list Dc‡i Avgiv GB topics ¸‡jv m¤ú©‡K we¯ÍvwiZ Av‡jvPbv K‡iwQ| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 46. Page 46 of 62 Ashek AvDUcyU Avm‡e GiKg: Image Button <input> U¨v‡Mi type=Òimage” src=Òimage name.png” GwUªweDU Øviv Avgiv B‡gR‡K evUb wnmv‡e e¨envi Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 47. Page 47 of 62 Ashek AvDUcyU Avm‡e GiKg: Button & hidden Controls dvB‡ji size Gi mxgvbv †e‡a w`‡q Avgiv webserver Gi g~j¨evb space iÿv Ki‡Z cvwi| GRb¨ Avgiv hidden input field Ges AviI wKQz specific attributes †hvM Kie| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: Labelling Form Controls <label> BbcyU Gwj‡g‡›Ui †j‡ej cÖ`©kb K‡i|</label> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- B‡gR‡K evUb wnmv‡e e¨envi
- 48. Page 48 of 62 Ashek AvDUcyU Avm‡e GiKg: Grouping Form Elements <fieldset> d‡g©i mKj Gwj‡g‡›Ui Pvi cv‡k eW©vi •Zwi‡Z e¨eüZ nq| </fieldset> , <legend> <fieldset> e¨envi K‡i †h eW©vi †`Iqv nq Zvi wkibvg †`Iqvi †ÿ‡Î GB U¨vM (<legend>) e¨envi Kiv nq|</legend> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg:
- 49. Page 49 of 62 Ashek HTML 5: Email & URL Input Email : <input> U¨v‡Mi type="email" GwUªweDU Øviv Avgiv B-‡gBj Address BbcyU w`‡Z cvwi| G †ÿ‡Î (HTML-5 †ÿ‡Î) myweav n‡”Q hw` B-‡gBj Address mwVK bv nq Zvn‡j †U·U e‡· Red color show Ki‡e A_v©r error †`Lv‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: URL: <input> U¨v‡Mi type="URL" GwUªweDU Øviv Avgiv URL BbcyU w`‡Z cvwi| G †ÿ‡Î (HTML-5 †ÿ‡Î) myweav n‡”Q hw` URL mwVK bv nq Zvn‡j †U·U e‡· Red color show Ki‡e A_v©r error †`Lv‡e| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: error †`Lv‡”Q
- 50. Page 50 of 62 Ashek Comments in HTML <!-- ‡Kvb U¨v‡Mi ‡k‡l hw` Avgiv K‡g›U wjL‡Z PvB Zvn‡j Gi (<!…>) wfZ‡i wjL‡Z n‡e| --> GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le- AvDUcyU Avm‡e GiKg: Grouping Text & Elements In a Block <div> CSS G we¯ÍvwiZ Av‡jvPbv Kiv n‡q‡Q| Iframes <iframe> GKUv I‡qe †c‡Ri g‡a¨B Aci GK ev GKvwaK I‡qe †cR cÖ`k©b Kivi Ab¨Zg Dcvq n‡”Q AvB †d«g| </iframe>. GB †d«g e¨envi K‡i Avgiv Zv Ki‡Z cvwi| GLb wb‡P Avgiv Gi GKwU D`vnviY †`Le-
- 51. Page 51 of 62 Ashek AvDUcyU Avm‡e GiKg: Information About Your Pages <meta> †gUv U¨vM UvB‡Uj U¨v‡Mi c‡i e¨envi Kiv nq| GB U¨vM e¨envi Kiv nq WKz‡g›U m¤úwK©Z Z_¨ mwboe‡ek Kivi Rb¨| ‡hgb: I‡qe †cRwU †K •Zwi K‡i‡Q Zvi cwiPq, Zvi I‡qe mvB‡Ui wVKvbv,Zvi Ab¨vb¨ AviI Z_¨,I‡qe mvB‡Ui welq e¯‘ AviI A‡bK wKQz| Gi †Kvb †kl U¨vM †bB| Batton Design HTML Gi gva¨‡g Avgiv <link rel="stylesheet" href="style.css"> GB wjsK Gi gva¨‡g wjsK w`‡q CSS (stylesheet) e¨envi K‡i cQ›` gZ evUb •Zwi Ki‡Z cvwi| ‡hgb wb‡Pi gZ wjLvi ci Avgv‡`i CSS e¨envi Ki‡Z n‡e- <button> Important URL</button> GLb Avgiv CSS wKfv‡e Usage Kie Zv †`Le--
- 52. Page 52 of 62 Ashek AvDUcyU Avm‡e GiKg: Escape Characters No Name Symbol Attributes 1. Less-than sign < < < 2. Greater-than sign > > & 3. Ampersand & & & 4. Quotation mark “” " " 5. Cent sign ¢ ¢ ¢ 6. Pound sign £ £ £ 7. Yen sign ¥ ¥ ¥ 8. Euro sign ¤ € € 9. Copyright symbol © © © 10. Registered trademark ® ® ® 11. Trademark ™ ™ ™ 12. Left single quote ‘ ‘ ‘ 13. Right single quote ' ’ ’ 14. Left double quotes “ “ “ 15. Right double quotes ” ” ” Batton
- 53. Page 53 of 62 Ashek 16. Multiplication sign × × × 17. Division sign ÷ ÷ ÷ 18. Hearts ♥ ♥ ♥ 19. Clubs ♣ ♣ ♣ 20. Spades ♠ ♠ ♠ 21. Diams ♦ ♦ ♦ Color Values HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign. KZ ¸‡jv Color †KvW wb‡¤oe †`Iqv n‡jv-
- 54. Page 54 of 62 Ashek HTML Color Names HTML G e¨eüZ KZ¸‡jv i‡Oi bvg wb‡P †`Iqv nj| Color Names Supported by All Browsers.
- 55. Page 55 of 62 Ashek
- 56. Page 56 of 62 Ashek
- 57. Page 57 of 62 Ashek Video on the Web HTML-5 Gi GKUv ¸iæZ¡c~Y© wdPvi n‡”Q <Video> U¨vM| GB U¨v‡Mi gva¨‡g Avgiv Web-page-G Lye mn‡R Video/Movie Show Kiv‡Z cvwi | GB U¨v‡Mi wfZ‡i Controls attribute hy³ K‡i Video †K Control Kiv hvq| GQvov Avgiv Height-width e¨envi K‡i browser G Video wUi Space wba©vib Ki‡Z cvwi| wKš‘ Gi wKQz mxgve×Zv Av‡Q KviY me Browser GB <Video> U¨vMwU Support Ki‡e bv|
- 58. Page 58 of 62 Ashek Avgiv GLb GK bR‡i HTML Gi mKj U¨vM mg~n †`Le: HTML Basic Document <!DOCTYPE html> <html> <head> <title>Title of document goes here</title> </head> <body> Visible text goes here....... </body> </html> Heading Elements <h1>Largest Heading</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>Smallest Heading</h6> Text Elements <p>This is a paragraph</p> <br /> (line break)
- 59. Page 59 of 62 Ashek <hr /> (horizontal rule) <pre>This text is preformatted</pre> Logical Styles <em>This text is emphasized</em> <strong>This text is strong</strong> <code>This is some computer code</code> Physical Styles <b>This text is bold</b> <i>This text is italic</i> Links Ordinary link: <a href="http://www.example.com/">Link-text goes here</a> Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text" /></a> Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a> A named anchor: <a name="tips">Tips Section</a> <a href="#tips">Jump to the Tips Section</a> Unordered list <ul> <li>Item</li> <li>Item</li> </ul> Ordered list <ol> <li>First item</li> <li>Second item</li> </ol> Definition list <dl> <dt>First term</dt> <dd>Definition</dd> <dt>Next term</dt> <dd>Definition</dd> </dl>
- 60. Page 60 of 62 Ashek Tables <table border="1"> <tr> <th>Tableheader</th> <th>Tableheader</th> </tr> <tr> <td>sometext</td> <td>sometext</td> </tr> </table> Iframe <iframe src="demo_iframe.htm"></iframe> Frames <frameset cols="25%, 75%"> <frame src="page1.htm" /> <frame src="page2.htm" /> </frameset> Forms <form action="http://www.example.com/test.asp" method="post/get"> <input type="text" name="email" size="40" maxlength="50" /> <input type="password"/> <input type="checkbox" checked="checked" /> <input type="radio" checked="checked" /> <input type="submit" value="Send" /> <input type="reset" /> <input type="hidden" /> <select> <option>Apples</option> <option selected="selected">Bananas</option> <option>Cherries</option> </select> <textarea name="comment" rows="60" cols="20"></textarea> </form>
- 61. Page 61 of 62 Ashek Entities < is the same as < > is the same as > © is the same as © Other Elements <!-- This is a comment --> <blockquote>Text quoted from a source.</blockquote> <address> Written by Ashek Mahmud Khan<br/> <a href="mailto:ashekcse11@gmail.com">Email us</a><br /> Address: Jamalpur<br /> Mobile:01725-402592 </address> HTML 5 Introduction <!DOCTYPE html> ================================================================== Ashek Mahmud Khan Dept. of Computer Science & Engineering Jessore University of Science & Technology, Jessore. E-mail: ashek.just.cse11@gmail.com Mobile: 01725-402592, 01962-694565
- 62. Page 62 of 62 Ashek THE END ashek.just.cse11@gmail.com