HTML Bangla Ebook Byfaruk

1
dl
dl
- r
i e u i(
i )
i ! "#$,
"#$,k'
k'
i) - n u, -
-dl
- r
-./ 0i) 1. i)) 2n i),b-,)u),i o ./
s a2j9 i)9 HTML e p! g e
o i o 2< m9 o ./ kp @
@' .e) p0 1 i 9i e1 ./ 2/tr) aBi 09
<, k sn #E'9 #1 i) m < F$
<,99 e 2/tr) i 9 <, <9! s
H @'
d'$ i) F$ u o e a<

0 J 9 e a 1 n9 .L <9
E9 J
-dl
- r
HM @
@F HTML ?
HTML -?
J J p O?
HTML J0' ?
HTML $ sT$@
J bg 22 9 O
HTML Rr
O

S) $O
ak
F O (HTML Entities)
i $O
HTML o ./ 0
HTML e s )$-
HTML5 e )$-
F O
HTML5 @) !)
HTML 1 i)
S! o Os i)
6
HTML O o i F2t J # o < Y9 O <
J# e #k o i 2< O9 @ 9 < aBi
HTML m 2 HM 09 O e1 pZ O9 < HTML .Li 9
Microsoft Frontpage, Adobe Dreamweaver, Webpage Maker,Wordpress,
Joomla $O sn sn o < Y9 J,9O
' HTML 1?0 9$ 9 ul19 )o$g ./ )
. J < 9 si 9 # , 91 <
# O HTML Coding.9.L @ i a<)i n HTML
1/i grt<FM9!9 o i e 2<) # 2o 9
9 a2n HTML \ , 9 e pO an! i
22 t mHTML @ <F ^ 9g
kp2 @ O
o i e 2<)

-i ., 9!9 o i e 2<) # 2o 9
9 a2n o i 9 /_ o i) Outlook a0, h r<
Y9 e n # O HTML, CSS, Photoshop, Flash o
2<) 9 /_ o pg e OJ$ o ep Y9
e n < 9 O Php, Java Script, Xml, Database,
Framework
o 2 ?

?
o J9! ))g J k! o s sH mn
mu) 1 O a0, J1 o i) Os O 9 o
2 O o 2 RH/ iu )i k , iu
nH 2t9 ) p
p! html,css,php i iu )
pM e0 o 2 O i)) 90$ gO o k e)
k! H$
?

?
< o i) J " n a0, < o
i) i O InterNIC O p#! n9
s
o Os ?

?
o 2 o i) 1 n J < - d #o O 9
o Os e0 o Os O ai s J1 <
< o i) ) < 9 <
$ui0 ?
?
iu J1 i) p 91 g i) ))g
(Text,Image,Animation,Audio,Video i9$#) iu mu) u
O e2 J < )) u O 9 O g i) $ui0
<)i ?
?
o i) p9 ai J < @/ 0 9 O g
o i) <)i
p) ?
?
p) O 90$ # p# n mu) s 22n p)
2n e) mu) ei 0 eH p) $O 9
<,9 9 e) p) 09 O
i<(i))
i< i)) p))eD
p) eD ?
?
2n o i) @h9 n . e) \ J m d
-\9J g- i< eD O lm.oo.pqr.psm e
pl.or.tu.rrei m) bu 1o < g- J9 <
e0 <k e) i< eD 0
@F HTML !?

HTML(Hyper Text Markup Language).e) Programming Language
(Programming Language O9 O logic 09 O) HTML O Markup
Language J 9g Markup Tag(Tag e)/ < ) -e ' J
o < M 9 $O O Markup Tag e OJ$ e) o
< 2n a 2n 2 Markup a0, @h9 O
J<b>This Text is Bold</b>;e1 <b></b> )$- $O This Text
is Bold 1) Bold J Markup Tag HTML Tag o O
J o < e au)</) O HTML Code. bu e) o <
o< view>page source k <html>..</html> )$- _
./ #19 <o J J O HTML Code.
HTML ! -

e 0,o < Y9 ,< 2n Content sns ,
Design e < Outlook #o O HTML $O HTML e
F k$ e) HTML Document(o <) Y9 J 2n
Platform(Browser)-e HTML H O o < M
2t2Fo 2< O9 O aBi HTML 2 2 9 O
J J p O
HTML 1 n # Editor Software $O o O,
< mu) Notepad J Text Editor . 1i Code 19
< e HTML Code Run n J e) bu Oi
O J Internet Explorer, Mozilla Firefox, Google Chrome i9$#
o i n HTML-i ! J0'?
, o i n HTML-i J0' HTML $O <

RH/t o < u) o )) Y9 9 < e<
CSS(Cascading Style Sheets) $O o < 2n si $O
9 < ) O o k n 9 O XML(eXtensible
Markup Language) e< Java Script $O ep Y9
<) Oo Rr e< o Programming O PHP
e J e) ) J Mysql 1 < <) </</
O e #k o i O9 O < u<
g kn 22 9 O
HTML sT

:
HTML Document(o ) e
di# a%& ' e# head #,
an# body #, e
0r 2 <head>o<body> #, 5 e% &6 2
</head> o </body> #, 5 8s HTML :<html>..</html>
#,
8=
>? 2 @AB C8
e# HTML-e
sT
5>E
<html>
<head>
e>B CB CSS,Java Script Style Sheet 2

?
B
<title>
e>B o
&
B8/Title 2

?
B
</title>
</head>
<body>
e# o
N?O Content 8P2
(Text,Image,Table,Form,Audio,Video i?5) ei #,
8W @>? 2
</body>
</html>
HTML 0r

C, N &bg@ Z@Z B 5

E
10
[. e@8\#(Element)
^.#,(Tag)
_.eTu#(Attribute)
b.HTML Document
6 g@ Bm C@ B
2@E
[. e@8\#(Element):
e@8\#(Element): HTML Element d
i HTML Document efB

2e# HTML Document -e

# 8g@ Element 'N'E
html, head, title, body ehi C
o aB Element
he
0r 2
Opening Tag(<html>) 5 o &6 2 Closing Tag (</html>) 5 e% e
8= Element Content 'N8BE

<p>Element Content</p>
HTML Element-e
l&mP82E
Start Tag/Opening Tag 5 0r 2
End Tag/Closing Tag 5 &6 2
Start o End #,
8= Element Content '
hA kt Element Content Bo '?
Empty Element start #,

8= &6
2
hA Element-e
End Tag Bo '?
^.#,(Tag):
#,(Tag): e# HTML- e
pe N
8W8 HTML Code @> 2
HTML Markup Tag- Html Tag @ 2p?# #, 0r 2 8 er@
b# 5 ,e

e# Keyword e% &6 2 :B er@ b# 5N8BE
<html>,<p>,<head> etc. p?# #, C@5 C@5 a'f 2B
e% e

Case Sensitive B , ? Small Letter- e @> Z@ #, @>
e#
grtPef B8 2@ N #, 5 0r 2 i #, 5i &6
? 2 0WA &6
Keyword e
C, e# w (/) 5? 2C
# ' N #,#
p'8
11
0r 2 #

&6 &6 2 B
u52
e ' 6# Z@Z A=
NE
<html>
<head>
Some Tag Here
</head>
<body>
Some Content Here
</body>
</html>
hA #,
h N5
&6 #, 2
B
@o 2, eg@ optional
tag.N8BE B paragraph @>? &6 #, </p> 2
B
@o 2 e#
optional tag.
_.eTu#(Attribute):
eTu#(Attribute):e# o Zn text, image
'?
e% e5
asB , style Zn W
B
2?
?g@ B5m
word 2

B Element- B 2@ z word g@ z
Element e
Attribute @ 2 e' B Element e
l&m
BWf
e
O Word g@i 2@ z Element e
Attribute p?# Element
e
B5m %> Attribute '?
C
Bo '?
p?#
Attribute e
e eW value
h u52
eE
<p align=center>Here a paragraph</p>
e>B align attribute 2

2h N
value 2@ center,N
}@
paragraph # o
8=>B 5> N
b.HTML Document: HTML Element d

8P@? e# HTML
Document ,~?an Z @ N, HTML Code 5 l?

File 2@ HTML
Document HTML Document e
pWB d# a%& 2@ head o body
section HTML Document }i@# ai something.html/.htm
Extension 5 save
? 2
12
HTML Rr
e) Notepad Open @ code g )i< r e index.html
# 2 r
<html>
<head>
<title>My first web page
</title>
</head>
<body>
<h1>My First Heading</h1>
<p> My first paragraph</p>
</body>
</html>
e index.html i) J Browser # open @ 9
#1 J
Figure:1.1
13
| e1 <head> o <body> d) #19 <}
,<9!9 p9) e s9 @ , 9 - e)
0 1 o < n <title > )$- $O
Oe1 <title> My first web page </title> $O bu
)i) My first web page 1) #1 J} e< Body Section
(<body>.</body>)-e h1,h2,h3,h4,h5,h6 ei .) )$- d
$O O. F9 ) $O O
<h1>,<h2,..<h6> ei .) )$- d <p></p> )$- d o
< <$g 1 O
e1 head o body section s9 @ , 9 - e)
0 1 s HTML Code- <html>..</html> )$- H$
19 O
HEAD SECTION:
ei J ./ @ 9 aBi <head></head>
ei )$- H$ 19 O <head>.</head> )$- # head
-\9 head section e k) m9 90$ 0 ei J ./ 1
O 9 o < #1 J J k) [<title>.... </title>
)$-] Document Description, Keywords, Designer/Developer name i9$#
O m )$- g 0
.Title Tag
1.Meta Tag
-.Link Tag
.Base Tag
.Style Tag
@.Script Tag
..Isindex Tag
14
.Title Tag:
Head Element e p0 )$- O} title tag J
<title></title> )$- # -\9 ei )$- _ J ./ 1 O 9

Browser e )i) #1 J F9 o < Content e e)
kp )i) ei ei )$- _ 1 O J J# o i
2n Element e) o < 9 @i 9 O )i) @ 9
O 2 O<title> web design-html-css-java script tutorial </title>
@ i J9 < o < O ik 9 < e n
J0J0 title e gt a< ! e) Valid HTML Document Y9 9
aBi title )$- $O 9 O
1.Meta Tag:
Title )$- < $O O <meta> )$- ei )$-
$O O k) m9 90$ n n @ i ik
e n e )$- gt a< ! e )$- i <meta> )$-
H r< O
<meta name=metaName content=metaContent>
name o http-equiv d) attribute e 0 content )
attribute $O O g di attribute e HM n
.Name Attribute-e
e $O
i.<meta name=Developer content=Abdullah Al -Faruk>
e1 name o content attribute $O developer o 9 #o
O.
ii.<meta name=keywords content=html,java,css,php,joomla>
e1 < keywords g #o O.
iii.<meta name=Description content=This tutorial about web design &
developing >
o < kp M #o O.
iv.<meta name=robots content=noindex/nofollow/all/index>
15
robots keyword $O < o < @ i ik

9 <
1.HTTP-EQUIV Attribute -e

e $O
#' < o < update 9 <meta> )$- ei attribute
$O O
<meta http-equiv=expires content=sat,30 dec,2011,12.00AM,GMT>
e 30 dec-e < bu 2 0 k) e) n9/ <
gO
REFRESH ATTRIBUTE:
k) #' an </ n refresh $O O
<meta name=refresh content=3,http://www.ice school.com>
an 2 1 J<meta http-equiv= refresh content=3,http://www.ice school.com>
Body Section:
e) HTML k) pH d) a O-Head Section o
Body Section Head section <F @ O.,e1 Body
Section s9 @ 9 - e) 0 1
ei J ./ @ 9 aBi <body></body> ei
)$- H$ 19 O <body></body> )$- # Body Section -\9
Body Section e d) )$-i (<body> o </body>) Optional a0, e#
$O o O e) o < J9! )) (Image, Text,
Table, Form, Frame, Paragraph, Heading Etc.) ei 19 O
<body> )$- 0 2n Attribute $O o < M!
9 J <body> )$- 0 ) .) Attribute $O J J0
.bgcolor
.link
1.background
.vlink
-.text
@.alink
16
.bgcolor e $O ei Attribute $O o <

$gu <9 J J <body bgcolor=RED> ,e
$gu O [ d bgcolor HTML e $O
a s9 @ O.]
1.background e $O ei Attribute $O o <

$gu Image $O OJ<body background=web.png > J
l HTML Document Save O. i l aBi $h9
i) 09 O
-.text e $O ei Attribute $O o < Text e

HM O J <body text=GREEN> ,e Text e /
#1
.link
e $O

ei Attribute $O o < J9!
Oi<)k) HM OJ<body link=BLUE> ,e

Link e ! #1
.vlink e $O J
g Oi<)k) Already Visit O.
9# HM O ei Attribute $O OJ<body

vlink=RED> ,e Visited Link e #1
@.alink e $O
9 J u< s< O. 9
HM O ei Attribute $O J

<body alink=GREEN> e Link e / #1
Body Section e 2n )$- $O o < sn
Om 2n )$- s9 M #o O
pHeading Tag: (<h1>.</h1>)

17
Heading a0, , <g $O 9

ei )$- $O O <h1>,<h2>,<h3>,<h4>,<h5>,<h6> ei .) )$$O #o Oe# k O h1>h2>h3>h4>h5>h6> a0,
h1 $O L ) #1 J 9< kn .) #1 J
Heading )$- #19 Figure1.1 #1/ HM9 o
< < 0 Align Attribute $O e as <9
JJ
<h1 align=left>Left Alignment</h1>
<h2 align=right>Right Alignment</h2>
<h3 align=center>Center Alignment</h3>
<h4 align=justify>Justify Alignment</h4>
Marquee )$- $O

<marquee> )$- $O Heading Scroll (e # 0 #)
JJ
<h6><marquee>Technology For All</marquee></h6>
marquee )$- $h9 Attribute g Obehavior=scroll
direction=left[ 0 ]
direction=right[ 0 ]
scroll amount=2[ Scroll 1$]
u#OM
<h4><marquee behavior=scroll direction=right scroll
amount=2>HTML Is The Basic Of Web Design</marquee></h4>
Paragraph Tag:<p>o
o</p>)$-
)$-
<$g Y9! n <p>......</p> )$- $O Oe )$Optional<$g as \ n align attribute $O O
J
<p align=center>Here a Paragraph</p>
align=left[ l O left align 0 e) $O o O]
18
align=right[o < ig as ]

align=center[ as nd,i o pn O ]
align=justify[ <$g i o u2 pn O]
<$g J0J02 Customize n o ./ )$- $O O
Jg m @ O
*<br> )$- e) <$g ) <$g 19 n9/
<$g )$- $O <br> )$- $O J ei )$- i
b )$- O, M ei )$- e i s 1 n9/ i Y9
u#O
<p> You can use a web page editor like Microsoft FrontPage, Adobe
Dreamweaver or similar to create web pages. Webpage editor software works
like Microsoft Word (a complicated editor program used for creating and
editing pages of books, letters etc.)</p>
<p> Second option is to learn html codes and write html pages in a simple
text editor. As mention eerier, your codes will be seen as WebPages when
viewed in a web browser.<p>
e <9 @ 9 1 2
<p> You can use a web page editor like Microsoft FrontPage, Adobe
Dreamweaver or similar to create web pages. Webpage editor software works
like Microsoft Word (a complicated editor program used for creating and
editing pages of books, letters etc.)<br> Second option is to learn html codes
and write html pages in a simple text editor. As mention eerier, your codes will
be seen as WebPages when viewed in a web browser.
b s (&nbsp) e $O

$O
HTML e eH s ,$ ) (Enter Key), )$ <99 O RH/
e) s
E ' 9i )k) _ a9k s
E ' 9 O
&nbsp $O 9 O J9g &nbsp $O O,99g s
E '
OJ
19
<p> Java script is an&nbsp&nbsp&nbsp interpreted object oriented

promramming.</p>e1 9) s Y9 O
Oi) s <pre>.</pre> )$- $O

$O
J# &nbsp $O 9 @i 9 <pre> )$- $O 9
<ei )$- _ s ,$ ) (Enter Key), )$ <99 O
a0, J9g s $O O 99g s Y9 O J
<p>Hyper
Output:
Hyper
Text Markup
Language</p>
Text Markup
Language
e2i )i)
e) s9 <$g 1 g e) #o
J9 < e2 J, g <$g u< 1 ) e)
9 k #1 J, J #1 iu O /_9 < <$g e
st ! e n $O O title attribute u#O
<p title=HTML A Markup Language>HTML is an acronym for

HyperText Markup Language. HTML documents, the foundation of all
content appearing on the World Wide Web (WWW), consist of two
essential parts: information content and a set of instructions that tells a
computer how to display that content. The computer application.That
translates this description is called a Web browser. </p>

Output:
20
<acronym> )$- $O

o < e) b u< 1 g b m e) 90$
9 k #1 J<acronym> )$- $O ei )
OJ
<p><acronym title= HTML 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>
Output:
21
n2F 1 Y9<hr>

)$-
Y9
o< n2F 1 Y9 n <hr> )$- $O O e
)$- i m Attribute g $O e u)/ <9
J
*align:1 as <9 9
align=center[ l 2$/]
align=left
align=right
*color: 1 HM 9
*noshade: ,B .L
*size:1 u9 M 9 e <k O
*width: 1 p s9 M 9 e 9 O
u#O
<hr align=center size=10 width=50% color=RED>
./ )$- $O )k) si <9 J J
*i) #19
i.<I>Some Text Here</I>
22
ii.<address>Some Text Here</address>

iii.<cite>Some Text Here</cite>
*l
l #19
i.<B> Some Text Here</B>
ii.<EM>Emphasized Text</EM>
iii.<strong> Some Text Here</strong>
*i
i #19
<U> Some Text Here</U>
*l
l + i) + i #19
<B><I><U> Some Text Here</B></I></U>
*ann
ann
1.<blockquote> ..</blockquote> [ udE9 p n ]
2.<Q>..</Q> [ ii udE9 p n ]
3.<dfn>Definition</dfn>[ # n]
4.<samp>Sample Computer Code Text</samp>
5.<kbd>keyboard</kbd>
6.<var>Variable</var>
7.<code>.</code>[ Programming code /_ n ]
8.<sample>Program e Sample Output</sample>
9.<strike>_ #-</strike>
10.<big>Text Font L #1 n</big>
11.<small> Text Font .) #1 n
12.<TT>)i<i) 9 #19 </
>
</TT>
13.<blinking>Text j 2 n</blinking>
n
14.<sub>:H<sub>2</sub>O[Output:HO]
15.<sup>a<sup>2</sup>+b<sub>2</sub>[Output(a+b)]
S) $O<font>.</font>
)$-
$O
S) |' n <font></font> )$- $O O e 0
color, face e size Attribute $O ) si <9 J
23
i.Color eTu) $O ) HM O ei eTu)

OJ$ J <font color=PINK>Some Text Here</font>
ii.Face eTu) $O ) u)/ HM O ei

eTu) OJ$ 9 e ) ul1 9 O J 9
mu) 0 J <font face=Arial> Some Text Here</font>
iii.Size eTu) $O

$O )
p O <) O
l O e 0 p <) e 0 + - @h O p 0 u

<Jn 1$ $O ) <9 J p9 t J- )
i di <) <99 Ou#O
<font size=+1>Web development</font>[ e pm <) ]
<font size=-2>Web development</font> [ e q <) ]
ak
F O (HTML Entities):
./ ak . Jg HTML H$ 1 J J
(&,,<o>) ./ ak . Jg ! # 1 J
J(,,,, i9$#)e kt ./ $O O J#
O Entity Codep9) ak n d) Entity Code . - 1$-9 o
b-9J e Entity Code O1$-9
&#956 ;
b-9
μ
./ Entity Code m #o O

ak
1$-9
"
<
<
>
>
&
&
®
©
μ
♥
b-9
#quot;
<
>
&
®
©
μ
&hearts;
24
♠
♣
♦
&spades;
&clubs;
&diams;
o ./ Entity Code m #o O
25
o < Image e $O <img>)$-

)$-)$-o < sn 9 i $O O <img> )$- $O
o < i J/k 9 Oe )$- i, 9 e 0
src eTu) $O Image Location #9 O u#OM
<img src=image/web.jpg>
d e1 /_ O} J Image Folder e web.jpg e) Image
. ) 0 J l HTML i) 2 . 1i
26
i) 19 Oe2 i $O o i)

i -$ 0 i #o J9 < J
<img src=http://www.google.com/image/html/html.jpg>
<img> )$- o ./ eTu) $O O Jg @ @
O
.widtho
o height eTu) $O
o < e) i < - p#9 O 9 # O
<img> )$- width o height eTu) e H$ e# p O
<k$OH
<img src=image/web.jpg width=300 height=200>
1.Align eTu) $O

i as #' 9 align Attribute $O O J
<img src=html.jpg align=left>
)k) _ i $O 9 O align Attribute e mk 2$/ g
$O O
*align=top[ )k) as i u< # ]
*align=middle[ )k) as i _ ]
*align=bottom[ )k) as i @ # ]
.........................................................................................................
*align=center[i as o < nd ]
*align=left[ i as o < # ]
*align=right[ i as o < # ]
-.Border eTu) $O

i Y9 9 ei eTu) $O O l
O 0 e <9 J e H O <k
$OH <img src=faruk.png border=4>
27
.hspace o vspace eTu) $O

<$g _ i 0 )k) 0 i n2F #Ft #
O hspace e um #Ft # O vspace eTu) $O J
<p>Use of hspace and vspace Attribute <img src=wp.jpg hspace=20
vspace=10></p>
.Alt eTu) $O

M bu J# i p# $0 O iu i n 1
9O i s e) - #1 J,J u< 1 i m
e) 90$ <o J alt attribute $O ei ) J
<img src=joomla.jpg alt=joomla admin panel picture>
o $h9 i )

.gif .jpg .png .tift .XBM .BMP .jpeg
Oi< <a>.</a> )$-

o < k an J < Jo J <a></a>
)$- $O o < #o O <a> )$- 0 href, title,
target attribute $O O HM9 di p-i) o
ek) e) o 2n < H$ J- O i)
H$ e an o 2n < H$ J- O ek)
H$
.href eTu) $O

$O
)-) < (URL) HM O ei eTu) H$ J
<a href=http://www.facebook.com>Facebook</a>
bu RH/ Facebook #1 J,J u< k www.facebook.com
o p J
28
1.Title eTu) $O

$O
Oi< 0 title attribute $O iu 9 -n$ < m
-i HM #o J9 < e) )/)< H$ J
<a href =http://www.tutorial.com title=A Platform Of Web Design
Tutorial>Tutorial</a>
bu RH/ Tutorial b) #1 J J u< - A Platform
Of Web Design Tutorial $) #1 J
-.Target eTu) $O

$O
k 9/ <) 9 < Open O 9/ Window 9
Open O 9 HM O target eTu) H$ eTu)
$O 9 <i )-) <) o< Ou#OM
<a href=http://www.facebook.com target=_blank>Facebook</a>
e 9/ Window 9 Open O
<a href=http://www.facebook.com target=_self>Facebook</a>
e 9 < Open O
i O $O

i O $O O
<a href=http://www.google.com><img src=google.jpg></a>
HTML e s $O

$O
90$! sn2 u<s< n s u<# $O O
<li>.</li> )$- $O 90$! s Y9 O e )$OptionalHTML e HM s $O O J m @
O
.Ordered List:
90$! Serial Number an u<s< n Ordered List $O
O Ordered List p O <ol>.</ol> )$- H$ e 0 type
attribute $O HM O Serial Number OJ
29
<ol type=1>
<li>HTML
<li>CSS
<li>JAVA
<li>PHP
</ol>
Output:
1.HTML
2.CSS
3.JAVA
4.JAVA
Type=A[A,B,Ckn O]

Type=a[a,b,c kn O ]
Type=I[I,II,III.. kn O]
Type=i[I,ii,iii kn O ]
Type=1[1,2,3.. kn O; e) l]
Type=3[3,4,5, kn O ]
Type=C[C,D,E, kn O]
1.Unordered List:
e H s Serial Number 0 , e <9 2n Symbol
$O O<ul><ul> )$- $O Unordered List p O
Type Attribute $O 2n Symbol #o OJ
<ul type=disc>
Output:
<li>Web Design
Web Design
<li>Tutorial
Tutorial
<li>Internet
Internet
</ul>
Type eTu) o di) $O J Circle(),Square()
) Y9<table>.</table>
)$-
Y9
o < 90$ u<s< n ) gt a< ! <table>.</table>
)$- $O o < ) Y9 O ) )$- _ o
./ 9- 0 Jg ) Y9 n aBi p )$-g mr<
.<tr>.</tr> [ ei )$- d row Y9 O]
1.<td>.</td>[ ei )$- d 9 ) i</) O]
-.<th>.</th>[ ei )$- d O #o O ]
.<tfoot>.</tfoot>[ ei )$- d ) /) J- O ]
30
.<caption>.<caption>[ ei )$- d ) #o O]

d g )$- )$- Optional
g )$- $O e) ) Y9
<html>
<head>
<title>Table</title>
</head>
<body>
<table border=1 align=center>
<caption>Student Information
<tr>
<th>Name
<th>Roll No.
<th>Phon No.
</tr>
<tr>
<td>Faruk
<td>0918004
<td>01724249036
</tr>
<tr>
<td>Himu
<td>0918224
<td>01923445168
</tr>
</table>
</body>
</html>
bu @ 9 #1 J
31
) eTu)
F O
) M! n $h9 eTu)g O- align, width, border,
cellspacing, cellpadding e bgcolorm eg @ O
.align eTu) $O

$O
) as #' n align eTu) $O OJ
<table align=left>
<table align=right>
<table align=center>
1.width eTu) $O

$O
) ps9 M O width eTu) H$ di 2 ei eTu)
$O Jp.<table width=60%>[ ekt ) ps9 O bu ls%]
. <table width=100>[ ekt ) ps9 O pss <k ]
$O ut
32
-.Border eTu) $O

$O
) #o O border eTu) H$ nt () p9)
) #o J l O border eTu) p 0J
<table border=5>
.Cellspacing eTu) $O

$O
Cellspacing eTu) $O
F O H$ s HM O
l O cellspacing eTu) 0ei O
<kJ
<table cellspacing=3>
.Cellpadding eTu) $O

$O
0 )) #Ft # 9 ei eTu) $O
O l O e p 0e <k OJ
<table cellpading=2>
<caption> )$- eTu)

F O
align eTu) $O ) as caption ) O 9 HM
O l O caption ) u< 0
<caption align=top>
<caption align=bottom>
<caption align=left>
<caption align=right>
<tr> )$- eTu)

F O
<tr> )$- d Y9 O ei )$- eTu) FO O-bgcolor, align
e valign
bgcolor: $gu $O 9J
<tr bgcolor=Red>
align: an2F ei) # OJ
<tr align=X> ;X=left(Default),right,center.
33
valign: um ei) # OJ

<tr valign=X> ;X=top, middle(Default), bottom
<td> o <th>.)$-
)$- eTu)
F O
d) )$-i ./ eTu) $O 9 <J align, width, height,
valign, bgcolor, nowrap, rowspan, clospan.
align o valign <tr >)$- 9i RH/ align=justify e valign=baseline
a9k $O J
bgcolor, width o height- e# $O <tr> o <table> )$- 9i
nowrap eTu)
eTu) $O
$O
) a9k )k) O 9 @ nowrap $O e)
n J J
<td nowrap >
<th nowrap >
rowspan eTu) $O

$O
eH g e) <9 n <td> o <th> )$-
0 rowspan eTu) $O OJg e!2F9 9 @}
9# H$ @ u< ) 0 rowspan eTu) $O 9
OJ
<td rowspan=2>
<td rowspan=2>
e1 d d) et O.
colspan eTu) $O

$O
colspan e $O rowspan e 9i RH/ colspan e!2F9
OJg e!2F9 9 @} 9# H$ @ u<
0 colspan eTu) $O 9 OJ
<td colspan=2>
<td colspan=2>
34
HTML e $O

iu 0 i</) (n$,a gO, n, i) n HTML e
Form $O O Y9 $h9 )$- O <form>.</form>
)$-e0 O 90$ gO n ./ l mk
l g 09 <
Text Field, Password Field, Radio button, Check Box, Dropdown List, Text
Area, Button, Submit Button eg e)/ < @
<form> )$- 0 method, action e enctype eTu) $O
O eTu)g m @ O
.Method eTu)
Method eTu) $O p#t ) 2 ) O d)
Method $O ) ) O1.Get Method (<form method=get></form>)
2.Post Method (<form method=post></form>)
URL e 0 ) ) n Get Method $O
OJ iu J# o < o # - 9 Address
@ 9 #1 J
http://www.sitename.com/login.php?/username=faruk &
password=1254893/
L 90$ 2 ) n Post Method $O O ekt
90$ s a O 2 ) O
1.Action eTu)
2 ) p
n pg skp $O Action
eTu) H$ 9 #o O J
<form action=registration.php method=post>
-.Enctype eTu)
eTu)
aH 90$ mn kt Get Method $O 2 <o J
ekt Post Methot o Enctype eTu) $O 2 <o
J ei eTu) d pE9 HM #o O J
35
<form method=post action=order.php enctype=text/plain>

l @
.Text Field Y9

iu o < o l (e i )k) 1 J e l) Y9
n <input> )$- 0 Type=text eTu) $O O ei )$-
0 o 9g eTu) $O O J
<form>
Username:<input=text size=20 maxlength=15 value=Your Name
Here>
</form>
*Type=text[ e l )k) 1 J ]
*Size=20[ e s ak p s l <o J ]
*maxlength=15[ e l ps ak )i< J ]
*value=Your Name Here[ )k) l $) l O 0,e)
<9J-$]
1.Password Field Y9

Password Field )k) l 9i RH/ Type=password Oann
eTu) $O )k) l 9i J
<form>
Password:<input=password size=20 maxlength=15 value=Your
Password Here>
</form>
-.@k
@k Y9
) @h # a< k n @k Y9 O e1 e
eH a< k J J
<form>
<p>What is your favorite LANGUAGE?
<input type=checkbox name=language value=C>C<br>
<input type=checkbox name=language value=C++>C++<br>
<input type=checkbox name=language value=Java>Java<br>
<input type=checkbox name=language value=Php>Php<br>
36
</p>
</form>
.Radio Button Y9

eH a< 0 t e) a< k n Radio Button
Y9 O J
<form>
<p>What is your favorite LANGUAGE?
<input type=radio name=language value=C>C<br>
<input type=checkbox name=language value=C++>C++<br>
<input type=checkbox name=language value=Java>Java<br>
<input type=checkbox name=language value=Php>Php<br>
</p>
</form>
. ) ) Y9

) 2 ) n ) ) Y9 O J
<form>
<input type=submit value=Login>
<input type=submit value=Press>
</form>
e1 Login o Press d) ) ) Y9 O
@.i
i ) Y9
io ) O $O J J
<input type=image src=button.bmp>
..D<u
D<u s Y9
@ OJ$ .D<u s Y9 J<form>
<p>Select Category</p>
<select name= Select Category>
<option value=Internet>Internet</option>
<option value=Computer>Computer</option>
<option value=web Design> web Design </option>
<option value=Software> Software </option>
</form>
37
.Text Area Y9

iu 0 L ) < n Text Area Y9 Y9 OJ
<form>
<p>Comment</p>
<textarea name=Comment rows=5 cols=8></textarea>
</form>
e1 rows o cols e H$ Textarea Size HM O
_.Button Y9
Button Y9 n m )i< r
<form>
<input type=button value=Go>
</form>
HTML--e $O

^ 9) RED-GREEN-BLUE(RGB)e 9) ^
n ann E 'HTML-e n . ) e)
Ok O O ) -\9 O ^
kn e p9) n di) ) .JRRGGBB-e1
RR=Red;GG=Green;BB=Blue.e o Ok
m s 0 r <Jn ps ) 1$ $O J 1$ g -\9 O 9
O m e s 0 r o A 0 F <Jn pl ) 1$ $O
J 1$ g -\9 O 9 O Ok m

0 1
Ok 0 1
2 3 4 5 6 7 8 9 10
2 3 4 5 6 7 8 9 A
11
B
12
C
13 14
D E
15
F
------------------ -t L.

m u#O OJ$ ) @ O.e) o <
H9 Background, Font & Tabel -e $O O
38
.Background - e $O

Background e $O 9 @i bgcolor eTu) $O
O e 9 aBi <body> )$- H$ 09 O
<body bgcolor=#FF0000>
ekt $gu - E ' O M FF( n
) e ann Fn Ok 1$g $O o
HM 9 <ekt m 0 (hex 00) e
255 (hex FF) J
<body bgcolor=rbg(0,255,0)>
e2 Combination $gu 2n Y9 9
< 9g m # O
39
40
#o $gu <9 J J

<body bgcolor=BLUE>
9g o m #o O
41
42
1. )
) $O
o < ) HM 9
<body text=GREEN/#0000FF>
-.)
) $O
i.<table bgcolor=BROWN>[ ) $gu HM ]
ii.<table border=2 bordercolor=112233>[ ) HM ]
iii.<tr>
<td bgcolor=#AA00CC><font color=#552233>
</tr>[ ) o ) HM ]
43
n$ J-

HTML L O 1 0 p! 1/ 9,
<9 9 /_9 s Oe M 2n a n$ J J, J9 1/ O e iu 2< O /_9 <ei
n$ bu o < u< p2 n$ J-
O
<--Your Comment Here-->
k) HM H
HM
o < Source Code #1 #19 < J, <html> )$-
u< <!doctype> ) )$- . e) O Doctype
Declaration e) HTML e a e O k) HM
# a0, k)) 2 @9, HTML e 99 2 , W3C
d nt9 i9$#? Doctype Declaration e HM r< O
<!DOCTYPE HTML PUBLIC //W3C//DTD HTML 5.0//EN >
title )$- b 1$ ms-qs ak O9 O

title )$- H$ an )$- $O J J
<title><p>Paragraph Here</p></title>
<!>
>
<!DOCTYPE>
>
<a>
>
<abbr>
>
<acronym>
>
<address>
>
<applet>
>
<area>
>
<b>
>
44
<base>
>
<basefont>
>
<bdo>
>
<big>
>
<blockquote>
>
<body>
>
<br>
>
<button>
>
<caption>
>
<center>
>
<cite>
>
<code>
>
<col>
>
<colgroup>
>
<dd>
>
<del>
>
<dfn>
>
<dir>
>
<div>
>
<dl>
>
<dt>
>
<em>
>
<fieldset>
>
<font>
>
<form>
>
<frame>
>
<frameset>
>
<head>
>
<h1>
> <h6>
>
<hr>
>
<html>
>
<i>
>
<iframe>
>
<img>
>
<input>
>
<ins>
>
<kbd>
>
<label>
>
<legend>
>
<li>
>
<link>
>
<map>
>
<menu>
>
<meta>
>
<noframes>
>
<noscript>
>
<object>
>
<ol>
>
<optgroup>
>
<option>
>
<p>
>
<param>
>
<pre>
>
<q>
>
<s>
>
<samp>
>
<script>
>
<select>
>
<small>
>
<span>
>
<strike>
>
<strong>
>
<style>
>
<sub>
>
<sup>
>
<table>
>
<tbody>
>
<td>
>
<textarea>
>
<tfoot>
>
<th>
>
<thead>
>
<title>
>
<tr>
>
<tt>
>
<u>
>
<ul>
>
<var>
>
45
<audio>
>
<vedio>
>
<soruce>
>
<embed>
>
<datalist>
>
<keygen>
>
<output>
>
<article>
>
<aside>
>
<command>
>
<wbr>
>
<time>
>
<section>
>
<details>
>
<figure>
>
<summary>
>
<footer>
>
<header>
>
<figcaption>
>
<mark>
>
<ruby>
>
<rt>
>
<rp>
>
<progress>
>
<nav>
>
<hgroup>
>
<mark>
>
<meter>
>
st i))
o 2<# n @) !) a9$n grt<FM e1 HTML 5 e @)
!) e #o O, < </ @) !) http://www.veign.com 0
u 9 <
46
http://www.w3schools.com
http://www.tizag.com
http://www.webcoachbd.com
47
http://www.landofcode.com/
http://www.domedia.org
http://www.java2s.com/
http://htmldog.com/
http://www.quackit.com/
http://dev.w3.org/
http://blog.whatwg.org/
http://diveintohtml5.org/
http://html5doctor.com/
http://html5gallery.com/
HTML 9 1 O, e S! o Os Rr r < o
i p 9g S! o Os i) m #o O
http://www.freehostia.com
http://www.co.cc
http://www.dot.tk
http://www.cz.cc
http://www.co.tv
http://www.cc.cc
http://www.byethost.com
http://www.000webhost.com
http://www.x10hosting.com
http://www.athost.net
http://www.us.tc
http://www.110mb.com
48
49
50

HTML Bangla Ebook Byfaruk

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Bangla Ebook Byfaruk

Uploaded by

Copyright:

Available Formats

1

i)   - n u, - 

 d'$ i) F $ u  o e a<

o i e 2 <) 

o 2 ?

  ?

o Os ?

@F  HTML !?

HTML !  -

o i n HTML-i ! J0'?

, o i n HTML-i J0'  HTML $O  <

HTML  sT

8= Element Content 'N8BE

Empty Element start #,

0r 2 # 

b.HTML Document: HTML Element d

Document ,~?an Z @ N, HTML Code 5 l?

Head Element e p0 )$- O} title tag J

<title></title> )$- # -\9 ei )$- _ J ./  1 O 9

Title )$- < $O  O <meta> )$- ei )$-

robots keyword $O  < o < @ i ik

1.HTTP-EQUIV Attribute -e

.bgcolor e $O ei Attribute $O  o <

1.background e $O ei Attribute $O  o <

-.text e $O ei Attribute $O  o < Text e 

ei Attribute $O  o < J9!

Oi<)k)    HM  OJ<body link=BLUE> ,e 

g Oi<)k)  Already Visit  O.

9#  HM  O ei Attribute $O  OJ<body

9 J   u<   s<  O. 9

 HM  O ei Attribute $O J

pHeading Tag: (<h1>.</h1>)

Heading a0, ,    <g   $O 9

Marquee )$- $O

align=right[o <    ig as ]

 b s (&nbsp) e $O

<p> Java script is an&nbsp&nbsp&nbsp interpreted object oriented

Oi) s <pre>.</pre> )$- $O

<p title=HTML A Markup Language>HTML is an acronym for

translates this description is called a Web browser. </p>

<acronym> )$- $O

n2F 1 Y9<hr>

ii.<address>Some Text Here</address>

i.Color eTu) $O )   HM  O ei eTu)

ii.Face eTu) $O ) u) /   HM  O ei

iii.Size eTu) $O

 p  O <) O 

 l O  e  0 p <) e 0 +  - @h O p 0 u

./ Entity Code m #o O 

o ./ Entity Code m #o O 

o < Image e $O <img>)$-

i) 19 Oe2 i $O      o i)

1.Align eTu) $O

-.Border eTu) $O

.hspace o vspace eTu) $O

.Alt eTu) $O

o $h9 i )

Oi<  <a>.</a> )$-

.href eTu) $O

1.Title eTu) $O

-.Target eTu) $O

i   O  $O

HTML e  s $O

i) - n u, -

d'$ i) F$ u o e a<

o i e 2<)

o 2 ?

?

o Os ?

@F HTML !?

HTML ! -

o i n HTML-i ! J0'?

, o i n HTML-i J0' HTML $O <

HTML sT

8= Element Content 'N8BE

Empty Element start #,

0r 2 #

Document ,~?an Z @ N, HTML Code 5 l?

Head Element e p0 )$- O} title tag J

<title></title> )$- # -\9 ei )$- _ J ./ 1 O 9

Title )$- < $O O <meta> )$- ei )$-

robots keyword $O < o < @ i ik

1.HTTP-EQUIV Attribute -e

.bgcolor e $O ei Attribute $O o <

1.background e $O ei Attribute $O o <

-.text e $O ei Attribute $O o < Text e

ei Attribute $O o < J9!

Oi<)k) HM OJ<body link=BLUE> ,e

g Oi<)k) Already Visit O.

9# HM O ei Attribute $O OJ<body

9 J u< s< O. 9

HM O ei Attribute $O J

Heading a0, , <g $O 9

Marquee )$- $O

align=right[o < ig as ]

b s (&nbsp) e $O

Oi) s <pre>.</pre> )$- $O

<acronym> )$- $O

n2F 1 Y9<hr>

i.Color eTu) $O ) HM O ei eTu)

ii.Face eTu) $O ) u)/ HM O ei

iii.Size eTu) $O

p O <) O

l O e 0 p <) e 0 + - @h O p 0 u

./ Entity Code m #o O

o ./ Entity Code m #o O

o < Image e $O <img>)$-

i) 19 Oe2 i $O o i)

1.Align eTu) $O

-.Border eTu) $O

.hspace o vspace eTu) $O

.Alt eTu) $O

o $h9 i )

Oi< <a>.</a> )$-

.href eTu) $O

1.Title eTu) $O

-.Target eTu) $O

i O $O

HTML e s $O

Type=A[A,B,Ckn O]

.<caption>.<caption>[ ei )$- d ) #o O]

.align eTu) $O

1.width eTu) $O

-.Border eTu) $O

.Cellspacing eTu) $O

.Cellpadding eTu) $O

<caption> )$- eTu)

<tr> )$- eTu)

valign: um ei) # OJ

rowspan eTu) $O

colspan eTu) $O

HTML e $O

.Text Field Y9

1.Password Field Y9

.Radio Button Y9

. ) ) Y9

.Text Area Y9

HTML--e $O

------------------ -t L.

.Background - e $O

#o $gu <9 J J

n$ J-

title )$- b 1$ ms-qs ak O9 O