Documente Academic
Documente Profesional
Documente Cultură
Ashek
HTML- -
(For All Users)
2013
<html>
AvkK gvngy` Lvb
KwDUvi wevb I cKkj wefvM (2q el)
hkvi wevb I chyw wekwe`vjq, hkvi|
Mobile: 01725-402592
Page 3 of 62
Ashek
Web Concepts
Iqe wK? Iqei BwZnvm wK? iZ Avgiv GB mK Rvbev- c_g Internet Ges World Wide Web (www)
Kx GB mK Rvbv `iKvi, GwU GKwU cPwjZ avibv h, Internet Ges World Wide Web GKB wRwbm| wK GB
`ywU wRwbm GK bq, Internet World Wide Web.
Internet:
Internet nQ Ggb GKwU eev hvi gvag AmsL Computer, Laptop ev Mobile phone GKB mv_
Connected ev mshy _vK| hw` Avgiv GKUv wfb agx D`vnib `wL- hgb: aiv hvK GKwU RvqMvq AmsL Ni-evwo
AvQ wK Zv`i ga hvMvhvMi hw` Kvb ivv bv _vK Zvnj GK evmv _K Ab evmvq hvIqv hve bv| Ze Avgiv
hw` GKUv eev Kwi h, hvi gvag mejv mshy _vKe A_vr Avgiv hw` GKUv ivv Zwi Kwi Zvnj Avgiv GK evmv
_K AviK evmvq hZ cvie Zvi gvb Avgiv ejZ cvwi evmvjv ciii mv_ mshy ev Connected. Internet
nQ GB mshvM eevi gZb hvi gvag GKUv Computer _K Ab GKUv Computer G hvMvhvM Kiv hZ cvi|
wKsev Avgiv Uwjdvb w`qI Gi D`vnibUv w`Z cvwi wKQz w`b AvMI Avgiv jb dvb Anin eenvi KiZvg hw`I GLb
gvevBj dvb Pj AvmQ mevB Avgiv gvevBj dvb eenvi Kwi| wK jb dvbi eenvi GLbI `Lv hvq| GKUv
dvbi mv_ AviKUv dvb Zvii gvag mshy _vK| Avi mshvM AvQ weavq Avgiv GK Acii mv_ hvMvhvM
KiZ cvwi| Avi BUvibU nQ Zgwb GKUv mshvM cwqv h, hw` GKUv Computer Gi mv_ AviKUv Computer
Gi Internet Gi gvag mshvM _vK Zvnj Avgiv Lye mnRB GKUv Computer _K Ab GKUv Computer G
hvMvhvM KiZ cvwi| A_vr Internet nQ GKUv mshvM eev| Internet Gi avibv Avm mec_g 1950 mvj| ZLb
ay mvgwiK KvR Internet eenvi Kiv nZv| A_vr hy wewfb RvqMvq hvMvhvMi Rb Internet Gi avibv
eenvi Kiv nZv|
Web:
GKUv Computer _K hw` Ab GKUv Computer G Z_ Av`vb c`vb KiZ PvB Zvnj h Procedure follow
KiZ ne mUvB nQ Web. Web Gi BwZnvm wb `Iqv nj-
Page 4 of 62
Ashek
Zvnj ejv hvq nQ BUvibU eenvi Ki `ywU hi ga Z_ Av`vb c`vb Kivi GKUv wmg| GUv wK c~Yv msv
bq| GLvb kZ nQ h `ywUK AekB BUvibUi gvag mshy _vKZ ne|
mvfvi (Server):
h Computer _K Z_ hvQ mUv nQ mvfvi | mvfvii KvR nQ Iqe mvBU (Website) Host Kiv|
KvqU:
Avi h Computer G Z_ AvmQ mUv nQ KvqU|
HTML Kx ?
HTML GKUv KwDUvi Language, hv cw_exi wekvj Z_ fvviK BUvibUi gvag cKvk KiZ mvnvh Ki|
HTML Kvb cvMvwgs Language bq| HTML gvb nQ Hyper Text Markup Language. GBP wU Gg
Gj nj Iqe wWRvBbi g~j wfw hv w`q Iqe cR Zwi Kiv nq|
HTMLGi BwZnvm:
HTML ev Hyper Text Markup Languag Zwi
KiQb wUg evbvm-jx| HTML Zwii Dk nQ Kvb
Z_ ev DcvK `Z cw_exi wewfb vb cQvbi eev Kiv|
1990 mvji w`K NCSA KZK Devolope KZ gvRvBK
evDRvii gvag cwiwPwZ jvf Ki|
mvavib GKUv Wavepage design Gi Rb (A_vr wbPi page wUi gZ) Avgv`i PviwU wRwbm `iKvi| hgb:
Page 5 of 62
HTML vKPvi:
<html>
<head>
<title> ------------------- </title>
</head>
.
.
<body>
-----------------------</body>
</html>
Ashek
Page 6 of 62
Ashek
Avgiv GLb GKUv Opening Ges Closing UvMi vKPvi `Le, A_vr GKUv Opening Ges
Closing UvM wK wK Dcv`vb wbq MwVZ ??
<html> UvM:
HTML G hw` Avgiv Kvb wKQz wjLZ PvB (A_vr HTML WKzgU) Zvnj <html></html> GB UvMi
wfZi mg KvW jv wjLZ ne|
Page 7 of 62
Ashek
<head> UvM:
<head> </head> GB UvMi wfZi <title> --</title> UvM wjLv nq| hvi gvag IqfmvBUi title ev wkibvg
cKvk Kiv nq (hgb: www.ashek.info) GQvov CSS Gi Stylesheet Gi ga Call Kiv nq|
<body> UvM:
<body> </body> GB UvMwU HTML Gi Rb LyeB iZ c~Y| hvi wfZi IqfmvBUi g~j Content jv Aevb
Ki| A_vr HTML Gi mg KvW jv <body> GB UvMi wfZi wjLZ nq|
Dci cvki Result G Avgiv `LZ cvwQ <h1> Gi output hZUv eo nqQ <h2> GiUv Zvi Pq GKUz QvU
nqQ, G fve gvbq Pj AvmQ............|
Paragraph Tag
<p> GB UvM w`q paragraph cKvk Kiv nq| </p> hw` Kvb WKzgUK GK ev GKvwaK cvivMvd cKvk
KiZ PvB ZLb Avgiv GB UvM eenvi Kie|
Page 8 of 62
we:`:
<strong> GB UvM w`qI jLvK ev Kiv nq| </strong>
---------------------------------------
Ashek
Page 9 of 62
Ashek
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 Avme GiKg:
Dci Avgiv `LZ cvwQ jLv jv GKUz euvKv `LvQ A_vr hv BUvwjK nid Convert nqQ| G fve Avgiv BUvwjK
nid wjLZ cvwi|
we:`:
** Emphasis: <em> GB UvM w`qI jLvK BUvwjK nid `Lvq | </em>
** Citations: <cite> GB UvM w`qI jLvK BUvwjK nid `Lvq | </cite >
** Definitions : <dfn> UU Gi Wwdbkb Uvg `Lvq Ges GB UvM w`qI jLvK BUvwjK dg wbq Avmv hvq|
</dfn>
=============0=============
Superscript & Subscript
<sup> GB UvM viv Dawjwc ev Dci eySvq A_vr cvIqvi (Power), eM (Square) wnme Kvb wKQz
wjLZ eenvi Kiv nq| </sup>
hgb:
<html>
<body>
Page 10 of 62
Ashek
<sub> GB UvM viv wbwjwc ev wbP eySvq A_vr Kvb Dcv`vbi wbP (hgb- X2, Co2, log2) wKQz wjLZ eenvi 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 wbP `Lvbv nj:
Line Breaks
<br> jvBb eK UvM, GKwU cvivMvd kl AviKwU cvivMvd wjLZ bZzb Ki cvivMvd UvM eenvi
bv Ki <br> UvM eenvi Kiv hvq| GB UvMK jvBb eK UvM ejv nq| KviY GB UvM GK jvBb duvKv vb iL
bZzb jvBb Zwi Ki|
hgb:
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 Avme GiKg:
Dcii Result-G Avgiv `LZ cvwQ h, jLv jvi hLvb eK UvM eenvi Kiv nqQ mLvb _KB bZzb jvBb
i nqQ|
=============0=============
Horizontal Rules (Avbyf~wgK iLv)
Avbyf~wgK iLv ZwiZ <hr> UvM eenvi Kiv nq, Gi Kvb kl UvM bB| Underline eZxZ hw` Kvb
Horizontal iLvi cqvRb nq Zvnj Avgiv GB UvM eenvi KiZ cvwi|
GLb wbP 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>
Page 12 of 62
Ashek
</body>
</html>
AvDUcyU Avme GiKg:
Quotations
<q> kU KvUkbi Rb ev BbjvBb DwZ cKvk Kivi Rb GB UvM eenvi Kiv nq| </q>
GLb wbP 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 Avme GiKg:
Dcii Result-G Avgiv `LZ cvwQ h, <q> UvM eenvii dj BbjvBb DwZ A_vr jLv jv Wvej KvUkb viv
Ave `LvQ|
------------------------------------------------------<blockquote> KvUkb Zwii Rb ev DwZ cKvk Kivi Rb GB UvM eenvi Kiv nq| </blockquote>
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 Avme GiKg:
A_vr Dcii Result _K Avgiv `LZ cvwQ h, <blockquote> UvM eenvi Ki Avgiv Kvb ce ev AbyQ`i
wfZi KvUkb Zwi KiZ cvwi|
=============0=============
Abbreviations & Acronyms
Iqe cR Kvb GKwU wekl ki Dci Kvmi ivLj H k mK GKwU Z_ AvqZKvi ev `Lv
hvq| <acronym> GB UvM viv GB KvRwU Kiv nq|
GLb wbP Avgiv Gi GKwU D`vniY `Le<html>
<body>
Page 14 of 62
Ashek
Dcii AvDUcyU Ask W3C Gi Dci Kvmi ivLj jvj ei jLvUv `Lve|
------------------------------------------------------<abbr> Iqe cR Kvb GKwU wekl ki Dci Kvmi ivLj H k mK GKwU Z_ AvqZKvi ev `Lv hvq|
A_vr Abbreviations Ges Acronyms GKB KvR eeZ nq| </abbr>
Dcii GB D`vnvibwUi <acronym> Gi RvqMvq <abbr> UvM emvj
Abbreviations Ges Acronyms GKB KvR Ki|
Address Tag
Address tag viv Avgiv italic form I Zwi KiZ cvwi| wK GB <address> UvM Avgiv KLb eenvi Kie? hLb
Avgiv Kvb wKQzK Address wnmve ev Kvb Address K display KivZ PvB ZLb GB <address> tag wU eenvi
KiZ cvwi|
GLb wbP 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>
Page 15 of 62
Ashek
<html>
<body>
<h2>Ashek <del> mahhmud </del> Mahmud Khan. Department of <del> comuputer
</del> Computer Science <s> and </s> & Engineering. </h2>
</body>
</html>
AvDUcyU Avme GiKg:
** <s> GB UvMwU <del> UvMi gZB KvR Ki| </s> Dci Gi D`vnviY Avgiv `LwQ|
------------------------------------------------------<ins> hLb Avgiv Kvb UUi wbP Underline ev Kvb wbw` Aski wbP `vM wnme hgb- (Computer)
Display Z `LZ PvB ZLb Avgiv <ins> GB UvMwU eenvi Kie </ins> . GLb wbP Avgiv Gi GKwU D`vniY `wL-
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 Avme GiKg:
Ordered Lists
Iqe cBR Z_vejxK Serial Number Abymvi Dcvcbi Rb Ordered List eenvi Kiv nq| Ordered
List cKvk Kiv nq <ol>. (GB UvMwU avivevwnK fve i Ki) </ol> UvMi gvag| Gi mv_ type
attribute eenvi Ki wbaviY Kiv nq Serial Number Kgb ne|
GLb wbP 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>
Page 17 of 62
Ashek
</html>
AvDUcyU Avme GiKg:
Unordered Lists
GB aibi wj Kvb Serial Number _vK bv, Gi cwieZ wewfb Symbol eenvi Kiv nq| <ul></ul> GB
UvM eenvi Ki Unordered List cKvk Kiv nq| Type attribute eenvi Ki wewfb 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 Avme GiKg:
Page 18 of 62
Ashek
Definition Lists
Definition List Kvb GKK Dcv`vbi ZvwjKv bq| Bnv wKQz Dcv`vbi ZvwjKv Ges cZK Dcv`vbi eYbv cKvk
eeZ 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).
<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>
Page 19 of 62
Ashek
Nested Lists
GKwU ZvwjKvi ga hw` AviKwU ZvwjKv _vK ZLb Avgiv Nested List eenvi Kie| mvaviYZ 2q ZvwjKvi i ev
AvBUg wfb nq|
GLb wbP 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>
.
.
Page 20 of 62
Ashek
<ul>
<li> DMC</li>
<li> MMC</li>
<li> RMC</li>
.
.
</ul>
</ul>
</ul>
</ul> </h3>
</body>
</html>
AvDUcyU Avme GiKg:
Links
<a> Iqe cRi Kvb wjsK wKK Ki Ab Kvb cR hvIqv hvq| </a>. <a></a> GB UvM eenvi Ki Iqe
cR wjsK `Iqv nq| <a> UvMi mv_ href, title, target attribute eenvi Kiv nq| hgb:
<a href=http://www.facebook.com> Facebook </a>
evDRvi ay Facebook `Lv hve, hvi Dci wKK Kij www.facebook.com Iqe cek Kie|
GLb wbP Avgiv Gi GKwU D`vniY `wL-
<html>
<body>
Page 21 of 62
Ashek
<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>
Page 22 of 62
Ashek
Email Links
HTML w`q BgBj (E-mail) GvWm wjsK Kiv hvq| BgBj wjsKi mailto: cvUvKj eenvi Kiv nq|
BgBj wjsK Zwi KiZ nj mailto: cvUvKji mv_ GvsKi wjsK Ges BgBj wVKvbv wjLZ nq|
GLb wbP 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 Avme GiKg:
Page 23 of 62
Ashek
Page 24 of 62
Ashek
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 UvM eenvi Ki Iqe cR BgR mshy KiZ nq| Gi Kvb kl UvM bB, Ze Gi mv_ src GwUweDU
eenvi Ki Image Location Rvwbq w`Z nq| hgb: <img src= BgRi jvKkvb/BgRi bvg.(WU)BgRi
digvU>
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 25 of 62
Ashek
<html>
<body>
<img src="ashek.jpg">
</body>
</html>
AvDUcyU Avme GiKg:
<html>
<body>
<img src="ashekz.jpg" alt="Me and Thamil star" width="450" height="380">
</body>
</html>
Page 26 of 62
Ashek
<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>
Page 27 of 62
Ashek
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 Avme GiKg:
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>
Page 30 of 62
Ashek
Border
Table
Basic Table Structure
<table> Uwej UvM eenvi Ki Iqe cR Uwej Zwi Kiv nq| </table>. GQvov Uwej Zwii AviI wKQz
UvM cqvRb nq Zv wb `Iqv njt
** <caption> GB UvM viv Uweji wkibvg `Iqv nq </caption>
** <tr> GB UvM viv row ev mvwi Zwi Kiv nq </tr>
** <td> GB UvM viv mvwiZ WvUv BbcyU Kiv nq </td>
** <th> GB UvM viv mvwii nwWs `Iqv nq </th>
[<td> Ges<th> GKB KvR Ki Ze <th> Gi jLvUv GKUz ev nq| <th> GB UvM mvavibZ nwWs `Iqvi
eeZ nq|]
GLb wbP 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>
Page 31 of 62
Ashek
<tr>
<td>Mizan<td>110108<td>CSE
</tr>
</body>
</html>
Table Headings
<th> (The <th> element is used just like the <td> element.) GB UvMwU (<th>) mvwi Ges Kjvg Dfqi
nwWs `Iqvi eeZ nq| </th>
GLb wbP 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
Page 32 of 62
Ashek
<td>120136
<td>EEE
</tr>
<tr>
<th>Khan
<td>101136
<td>IPE
</tr>
</table>
</body>
</html>
Spanning Columns
GKvwaK Kjvgi mj jvK GKwU mj cwiYZ Kivi Rb <td> I <th> UvMi mv_ colspan GwUweDU eenvi
Kiv nq| hjv mjK GKxfyZ (A_vr KqKUv mjK hw` GKwUZ cwiYZ KiZ PvB) KiZ PvB Zv`i ga mePq
Dcii Kjvgi mv_ colspan GwUweDU evenvi KiZ ne| hgb:
GLb wbP Avgiv Gi GKwU D`vnviY `Le<html>
<head>
<table border="3"align="center">
<tr>
<th>Name
<th colspan="2">Mobile
</tr>
<tr>
<td>Ashek
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>
Spanning Rows
GKvwaK mvwii mj jvK GKwU mj cwiYZ Kivi Rb <td> I <th> UvMi mv_ rowspan GwUweDU eenvi Kiv
nq| hjv mjK GKxfyZ (A_vr KqKUv mjK hw` GKwUZ cwiYZ) KiZ PvB Zv`i ga mePq Dcii mvwii
mv_
rowspan
GwUweDU
eenvi
KiZ
ne|
hgb:
GLb wbP Avgiv Gi GKwU D`vnviY `Le<html>
<head>
<table border="3"align="center">
<tr>
<th>Name
<th>Mobile
</tr>
<tr>
Page 34 of 62
<th rowspan="3">Ashek
<td>01725-402592
</tr>
<tr>
<td>01842-402592
</tr>
<tr>
<td>01680-307861
</tr>
</table>
</body>
</html>
Rowspan
Long Tables
<thead> Uweji nWvi KgU ev nwWs wjLZ GB UvM eveZ nq|</thead>
<tbody> Uweji ewW KbUU A_vr nwWs Gi wbP hv wjLe| </tbody>
<tfoot>Uweji dzUvi KbUU A_vr me wbP iRv hv wjLe|</tfoot>
GLb wbP Avgiv Gi GKwU D`vnviY `Le<html>
<head>
<table>
<thead>
<tr>
<th><u>Name
Ashek
Page 35 of 62
<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>
Ashek
Page 36 of 62
<td>Total=
<td>4
Ashek
</tfoot>
</table>
</body>
</html>
Page 37 of 62
Ashek
Cellspacing
Background
<table bgcolor=Red> GB GwUweDUi gvag Uwej,iv Ges Kjvgi background `Iqv nq| G
Uweji background color jvj `Lve|
GLb wbP 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>
Page 38 of 62
Ashek
bgcolor
Form Structure
<form> dig Zwii KvR GB UvM eenvi Kiv nq| </form>
<form> dig UvMi mv_ method, action I enctype GwUweDU eenvi Kiv nq|
Method: Method GwUweDU eenvi Ki dg c` WvUv mvfvi mvewgU Kiv nq| Method `ywU eenvi Ki WvUv
mvewgU Kiv nq1. Get Method (<form method=get></form>)
2. Post Method (<form method=post></form>)
URL Gi mv_ dgi WvUv mvewgU Kivi Rb Get Method eenvi KiZ nq| hw` bvg I cvmIqvW w`q jwMb Kwi
Ze Address evi wbP gZ `Lvet
http://www.sitename.com/login.php?/username=ashek &
password=1254893/
Page 39 of 62
Ashek
Action: mvfvi WvUvK cmm Kivi Rb Kvb cvMvg ev w eenvi Kie GwUweBUi gvag Zv Rvwbq `Iqv nq|
hgb:
<form action=registration.php method=post>
Text Input
User Name A_vr GK jvBb UU wjLv hvq Ggb wd Zwi Kivi Rb BbcyU <input> UvMi mv_ Type=text
GwUweDU eenvi Kiv nq|
GLb wbP 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>
GLvb,
size="20" [Gi gvb nQ 20 Aii gZ ck wd cvIqv hve|]
maxlength="100" [Gi gvb nQ wd 100 Aii ewk UvBc Kiv hve bv|]
Password Input
<input> UvMi mv_ Type=passwordGwUweDU eenvi Kiv nq|
GLb wbP Avgiv Gi GKwU D`vnviY `Le<html>
<body>
<form>
<p>Password:
<input type="password" size="20" maxlength="100">
</p>
</form>
Page 40 of 62
Ashek
</body>
</html>
Text Area
<textarea> GB UvMwU UU Gwiqv Zwi KiZ eenvi Kiv nq| </textarea>
A_vr hw` GKvwaK jvBb ev cvivMvd AvKwZi Kvb wKQz Iqe cBR BbcyU KiZ PvB Zvnj Avgv`i wbw` Gwiqvi
`iKvi nq Zv Avgiv GB UvMi gvag Zwi KiZ cvwi|
GLb wbP Avgiv Gi GKwU D`vnviY `Le<html>
<form>
<p>What did you think of this sits?</p>
<textarea>Enter your comments...</textarea>
</form>
</html>
Radio Button
hw` Avgv`i GKvwaK Ackb _K Kej gv GKwU Ackb wmj KiZ nq ZLb iwWI evUb Zwii cqvRb nq|
iwWI evUb Zwii Rb BbcyU UvM eenvi Kiv nq| ay gv BbcyU UvMi wfZi type=radio wjL w`jB iwWI
evUb Zwi nq hve|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 41 of 62
Ashek
GwUweDUi gvag iwWI evUb AUvgwUKvwj wWd wnmve e AvM _K PK w`q ivLZ cvwi| hgb:
<input type="radio" name="Subject" value="CSE" checked="yes">CSE
G AvDUcyU `Lve-
Check Box
hw` Avgv`i GKvwaK Ackb _K GKvwaK AckbK wUK wP w`q wmj KiZ PvB ZLb Avgv`i PK e Zwi KiZ
ne| PK e Zwii Rb BbcyU UvM eenvi Kiv nq| ay gv BbcyU UvMi wfZi type=checkbox wjL w`jB
PK e Zwi nq hve|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 42 of 62
Ashek
Page 43 of 62
Ashek
Page 44 of 62
Ashek
Submit Button
<input> UvMi type=submit GwUweDU viv Avgiv mvfvi dg mvewgU Kivi Rb mvewgU evUb Zwi KiZ cvwi|
hLb Avgiv mvewgU evUb wKK Kie ZLb dgi WvUvwU Activate ne| GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 45 of 62
Submit batton
Check box
Dropdown list
Dci Avgiv GB topics jv mK wevwiZ AvjvPbv KiwQ| GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Ashek
Page 46 of 62
Ashek
Image Button
<input> UvMi type=image src=image name.png GwUweDU viv Avgiv BgRK evUb wnmve eenvi
KiZ cvwi|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 47 of 62
Ashek
Page 48 of 62
Ashek
Page 49 of 62
Ashek
URL: <input> UvMi type="URL" GwUweDU viv Avgiv URL BbcyU w`Z cvwi| G (HTML-5 )
myweav nQ hw` URL mwVK bv nq Zvnj UU e Red color show Kie A_vr error `Lve|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 50 of 62
Ashek
Comments in HTML
<!-- Kvb UvMi kl hw` Avgiv KgU wjLZ PvB Zvnj Gi (<!>) wfZi wjLZ ne| -->
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Iframes
<iframe> GKUv Iqe cRi gaB Aci GK ev GKvwaK Iqe cR c`kb Kivi AbZg Dcvq nQ AvB dg |
</iframe>. GB dg eenvi Ki Avgiv Zv KiZ cvwi|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-
Page 51 of 62
Ashek
Batton Design
HTML Gi gvag Avgiv <link rel="stylesheet" href="style.css"> GB wjsK Gi gvag wjsK w`q CSS
(stylesheet) eenvi Ki cQ` gZ evUb Zwi KiZ cvwi| hgb wbPi gZ wjLvi ci Avgv`i CSS eenvi KiZ
ne<button> Important URL</button>
GLb Avgiv CSS wKfve Usage Kie Zv `Le--
Page 52 of 62
Ashek
Escape Characters
No
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
Name
Less-than sign
Greater-than sign
Ampersand
Quotation mark
Cent sign
Pound sign
Yen sign
Euro sign
Copyright symbol
Registered trademark
Trademark
Left single quote
Right single quote
Left double quotes
Right double quotes
Symbol
<
>
&
'
Attributes
<
>
&
"
¢
£
¥
€
©
®
™
‘
’
“
”
<
&
&
"
¢
£
¥
€
©
®
™
‘
’
“
”
Page 53 of 62
16.
17.
18.
19.
20.
21.
Multiplication sign
Division sign
Hearts
Clubs
Spades
Diams
Ashek
×
÷
♥
♣
♠
♦
×
÷
♥
♣
♠
♦
Color Values
HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign. KZ jv Color
KvW wb `Iqv njv-
Page 54 of 62
Ashek
Page 55 of 62
Ashek
Page 56 of 62
Ashek
Page 57 of 62
Ashek
Page 58 of 62
<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)
Ashek
Page 59 of 62
Ashek
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>
Page 60 of 62
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>
Ashek
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>
==================================================================
Page 62 of 62
Ashek
THE END
ashek.just.cse11@gmail.com