Sunteți pe pagina 1din 62

Page 2 of 62

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>

HTML Gi Dcv`vb w`q GKUv page-Gi vKPvi Kgb nq Zv wb `Lvbv nj-

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|

HTML Gi mvavib UvM mg~n


HTML Headings: HTML G Kvb WKzgUi wkibvg wjLvi nwWs UvM eenvi
Kiv nq| HTML Gi 6 Uv Heading level AvQ| hgb<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

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|

wbP Avgiv GKwU D`vnviY `wL-

Page 8 of 62

AvDUcyU Avme GiKg:

Bold & Italic Tag:


<b> GB UvM w`q jLvK ev Kiv nq| </b>
hgb:

AvDUcyU Avme GiKg:

we:`:
<strong> GB UvM w`qI jLvK ev Kiv nq| </strong>

---------------------------------------

Ashek

Page 9 of 62

Ashek

<i> GB UvM w`q jLvK BUvwjK nid `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 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

<h2>On the 4<sup>th</sup> of September you will learn about E=MC


<sup>2 </sup>. </h2>
</body>
</html>
AvDUcyU Avme GiKg:

<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>

GLb wbP Avgiv Gi GKwU D`vniY `wL-

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

<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 Avme GiKg:

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|

GKB iRv `Lve A_vr

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

AvDUcyU Avme GiKg:

Deleted and Inserted Text


<del> hLb Avgiv Kvb UK Delete KiZ, gyQ djZ ev GK Uvb KU `Iqvi gZ hgb- (Ashek
Mahmud Khan) Display Z `LZ PvB ZLb Avgiv <del> GB UvMwU eenvi Kie </del> .
GLb wbP 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 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:

** <ins> UvMwU <u> UvMi gZB KvR Ki|


HTML G wji eenvi
Z_vejxK my`ifve Dcvcbi Rb wj Dcv`vb eenvi Kiv nq| <li>.</li> GB UvM eenvi Ki Z_vejxi
wj Zwi Kiv nq| Gi kl UvM Ackbvj A_vr kl UvM bv w`jI KvR Kie| HTML G KqK aibi wj eenvi
Kiv nq|

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).

* <dl> Definition List cKvk Ki </dl>


* <dt> Definition List-Gi GKUv Uvg cKvk Ki, A_vr (Head line, point) hvi eYbv w`Z PvB| </dt>
*<dd> Uvgi eYbv cKvk Ki, A_vr Point-Gi eYbv| </dd>
GLb wbP 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>

Page 19 of 62

Ashek

AvDUcyU Avme GiKg:

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

<h3> Plz click and Enter the New Website: </h3>


<i> <b> <font size="5">
&hearts; <a href="http:\\www.Facebook.com "target="contents"> Facebook </a>
<br>
&hearts; <a href="http:\\www.Google.com "target="contents"> Google </a>
</font> </i></b>
</body>
</html>
AvDUcyU Avme GiKg:

Linking to Other Pages on the Same Site


hw` Avgiv GKB mvBUi Ab cR hZ PvB Zvnj Avgv`i Relative URL eenvi KiZ ne| G Kvb
mywbw` WvgBb Name Gi cqvRb bB|
GLb wbP 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>

Page 22 of 62

Ashek

AvDUcyU Avme GiKg:

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:

Opening Links in a New Window


<a href=h cRK mshvM KiZ PvB Zvi wVKvbv target=wjsK wKK Kij bZzb cRwU eZgvb cRB jvW ne,
bv wK? bZzb DBvZ Lyje Zv wVK Ki w`Z ne| title=wjsKi Dci gvDm wbq Mj Me Iqe cR mK
AvMB avibv w`e|
GLb wbP Avgiv Gi D`vnviY `wLhgb:
<a href=http://www.facebook.com target=_blank>Facebook</a>
Gi dj bZzb DBvZ Open ne|
<a href=http://www.facebook.com target=_self> Facebook </a>
Gi dj eZgvb cR Open ne|

Page 23 of 62

Ashek

Linking to a Specific Part of the Same Page


hw` Kvb eo Page-G Kvb wKQz mvP Ki ei KiZ PvB Zvnj, Zvi wjsK _vKZ ne Ges <a href="#CSE"> GB
UvMi gvag wjsK w`q cieZxZ ID Attribute ( <h2 id ="CSE">) `viv hw` mUv declare Kiv _vK Zvnj
H ID wU h bvg AvQ (A_vr hv Avgiv LvR cZ PvB hgb: CSE Gi wgwbs) Zvi mvP Ackb wKK Ki mUvK
LvuR cZ cvwi|
GQvov Avgiv hw` Page-Gi bottom Ask _K Top Ask hZ PvB Zvnj Abyic fve Top Aski Heading K
hw` ID viv declare Kiv _vK Zvnj Lye mnRB Top Ask Pj hZ cvie| hgb:

<h1 id="top"> Specific Part of the Same Page </h1>


..
..
..
<a href="#top"> Top </a>
GLb wbP 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>

Page 24 of 62

Ashek

<p> <a href="#top"> Top </a></p>


</body>
</html>

AvDUcyU Avme 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 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:

Picture wU 2014 mvji

Height & Width of Images


Iqe cR GKwU BgR wK cwigvb RvqMv wbq c`wkZ ne Zv wb`k Kiv nq <img> UvMi width I height
GwUweDU Gi gvag| G`i gvb cKvk Kiv nq wcj|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

<html>
<body>
<img src="ashekz.jpg" alt="Me and Thamil star" width="450" height="380">
</body>
</html>

AvDUcyU Avme GiKg:

Page 26 of 62

Ashek

Where to Place Images in Your Code


BgRi Avevb Paragraph Gi Kvb cwRkb ne evg,Wvb,Dci,wbP bv gvS!! BZvw` Aevb Avgiv wbPi
D`vnviYwUi gZ Ki wmj KiZ cvwi|
GLb wbP 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>

Page 27 of 62

Ashek

AvDUcyU Avme GiKg:

Picture wU 2011 mvji

Aligning Images Horizontally


BgRi Aevb wbw` KiZ align Attribute eenvi Kiv nq| hgb:
<img src=ashek.jpg align=left>
UUi gvS BgR eenvi KiZ nj align Attribute Gi wbv fvjy jv eenvi Kiv nq* align=top
* align=middle
* align=bottom
* align=center
* align=left
* align=right
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

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:

Picture wU 2011 mvji

Figure and Figure Caption(HTML-5)


hw` Avgiv Kvb BgRi wbP BgRi bvg ev BgR mwKZ wKQz wjLZ PvB Zvnj BgR UvMK <figure> UvMi
wfZi wjLZ ne| </figure>. Ges BgR mK hv wjLZ PvB Zv <figcaption> UvMi wfZi wjLZ ne|
</figcaption>.
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

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 Avme GiKg:

Picture wU 2011 mvji

Setting the image border


<img> GB UvM eenvi Ki Iqe cR BgR mshy KiZ nq| Gi mv_ src GwUweDU eenvi Ki Image
Location Rvwbq w`Z nq| Ges Gi mv_ ay gv border attribute eenvi Ki Avgiv image Gi border w`Z
cvwi| hgb: <img src=BgRi jvKkvb/BgRi bvg.(WU)BgRi digvU border attribute >. You can
use the border attribute with the <img > element to better control what border the browser
displays around your image.
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

Page 30 of 62

Ashek

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:


Colspan

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>

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:

Width & Spacing


Uweji ckZv wbYq Kiv nq width GwUweDUi gvag| `yB fve GB GwUweDU eenvi Kiv hvq1. <table width=50%> [G Uweji ckZv ne evDRvii 50%, G evDRvi QvU Kij UwejI
QvU ne|]
2. <table width=100> [G Uweji ckZv ne 100 wcj|]
Cell spacing: Cellspacing GwUweDU eenvi Ki mj mg~ni ga dvuKv vb wbaviY Kiv nq|Gi gvb nq wcj|
GLb wbP 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>

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 Avme GiKg:

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

<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 Avme GiKg:

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>

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:

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>

AvDUcyU Avme GiKg:

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

AvDUcyU Avme GiKg:

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

AvDUcyU Avme GiKg:

Drop Down List Box


WcWvDb wji gvag Ggb GKwU ZvwjKv Zwi Kiv nq hLvb _K BDRvi hKvb GKUv wmj Ki w`Z cvi|
gbKwi GKwU dig GK Rbi wcq is wK Zv wmj KiZ ne (AbK jv iOi ga _K)| hw` Ggb GKwU Ackb
ivLZ nq Zvnj WcWvDb wji gvag Avgiv mUv mnRB KiZ cvwi| WcWvDb wj Zwi KiZ c_g <select>
UvM w`q i KiZ nq Ges h AvBUg wj _K evQvB Kie mwji cwZwU <option> UvMi ga ivLZ ne|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

Page 43 of 62

Ashek

AvDUcyU Avme GiKg:

Multiple Select Box


<select> UvMi multiple GwUweDU viv Avgiv GKi AwaK welq wmj KiZ cvwi| A_vr hw` evDRvi GKvwaK
GwjgvU wmj Aevq `LZ PvB Zvnj multiple GwUweDU eenvi KiZ ne|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

AvDUcyU Avme GiKg:

File Input Box


<input> UvMi type=file GwUweDU viv Avgiv dvBj AvcjvW dig Zwi KiZ cvwi|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

Page 44 of 62

Ashek

AvDUcyU Avme GiKg:

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-

AvDUcyU Avme GiKg:

HTML Form Design


HTML G Form GKwU MiZc~Y AvjvP welq| GKUv dig Design KiZ Avgv`i wb wjwLZ topics jv cqvRb
ne|
Text box
Text area
Radio batton

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

AvDUcyU Avme GiKg:

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

AvDUcyU Avme GiKg:


BgRK evUb wnmve eenvi

Button & hidden Controls


dvBji size Gi mxgvbv ea w`q Avgiv webserver Gi g~jevb space iv KiZ cvwi| GRb Avgiv hidden
input field Ges AviI wKQz specific attributes hvM Kie|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

AvDUcyU Avme GiKg:

Labelling Form Controls


<label> BbcyU GwjgUi jej c`kb Ki|</label>
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

Page 48 of 62

Ashek

AvDUcyU Avme GiKg:

Grouping Form Elements


<fieldset> dgi mKj GwjgUi Pvi cvk eWvi ZwiZ eeZ nq| </fieldset> , <legend> <fieldset>
eenvi Ki h eWvi `Iqv nq Zvi wkibvg `Iqvi GB UvM (<legend>) eenvi Kiv nq|</legend>
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

AvDUcyU Avme GiKg:

Page 49 of 62

Ashek

HTML 5: Email & URL Input


Email : <input> UvMi type="email" GwUweDU viv Avgiv B-gBj Address BbcyU w`Z cvwi| G
(HTML-5 ) myweav nQ hw` B-gBj Address mwVK bv nq Zvnj UU e Red color show Kie A_vr
error `Lve|
GLb wbP Avgiv Gi GKwU D`vnviY `Le-

AvDUcyU Avme GiKg:


error `LvQ

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-

AvDUcyU Avme GiKg:

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-

AvDUcyU Avme GiKg:

Grouping Text & Elements In a Block


<div> CSS G wevwiZ AvjvPbv Kiv nqQ|

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

AvDUcyU Avme GiKg:

Information About Your Pages


<meta> gUv UvM UvBUj UvMi ci eenvi Kiv nq| GB UvM eenvi Kiv nq WKzgU mwKZ Z_ mwbek Kivi
Rb| hgb: Iqe cRwU K Zwi KiQ Zvi cwiPq, Zvi Iqe mvBUi wVKvbv,Zvi Abvb AviI Z_,Iqe mvBUi
welq e AviI AbK wKQz| Gi Kvb kl UvM bB|

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

AvDUcyU Avme GiKg:


Batton

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
&lt;
&gt;
&amp;
&quot;
&cent;
&pound;
&yen;
&euro;
&copy;
&reg;
&trade;
&lsquo;
&rsquo;
&ldquo;
&rdquo;

&#60;
&amp;
&#38;
&#34;
&#162;
&#163;
&#165;
&#8364;
&#169;
&#174;
&#8482;
&#8216;
&#8217;
&#8220;
&#8221;

Page 53 of 62
16.
17.
18.
19.
20.
21.

Multiplication sign
Division sign
Hearts
Clubs
Spades
Diams

Ashek

&times;
&divide;
&hearts;
&clubs;
&spades;
&diams;

&#215;
&#247;
&#9829;
&#9827;
&#9824;
&#9830;

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

HTML Color Names


HTML G eeZ KZjv iOi bvg wbP `Iqv nj| Color Names Supported by All
Browsers.

Ashek

Page 55 of 62

Ashek

Page 56 of 62

Ashek

Page 57 of 62

Ashek

Video on the Web


HTML-5 Gi GKUv iZc~Y wdPvi nQ <Video> UvM| GB UvMi gvag Avgiv Web-page-G Lye mnR
Video/Movie Show KivZ cvwi | GB UvMi wfZi Controls attribute hy Ki Video K Control Kiv
hvq| GQvov Avgiv Height-width eenvi Ki browser G Video wUi Space wbavib KiZ cvwi| wK Gi wKQz
mxgveZv AvQ KviY me Browser GB <Video> UvMwU Support Kie bv|

Page 58 of 62

Avgiv GLb GK bRi HTML Gi mKj UvM 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)

Ashek

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>

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
&lt; is the same as <
&gt; is the same as >
&#169; 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

Page 62 of 62

Ashek

THE END

ashek.just.cse11@gmail.com

S-ar putea să vă placă și