Professional Documents
Culture Documents
HTML Black Books in Bangla
HTML Black Books in Bangla
HTML
HTML
Macromedia Dreamweaver $
HTML #+
%,- . / 0 & 1 "
*
( 4
HTML #+
$ %9$ %9$
% !&
HTML / 4 = 2&
> > & 4
(?
% %# % " /@
!9&
&
% "
' 1
=
1 ;
DC
!
K
#
C6
1 ;" 2
% !& C6
1 ;
%!&
!
! ! *
0 E !9& & %,- . & & 0 & " 2 )
0
FG 6! H
&E % D
4
0 & 1 %. I6! H
J 0 ! 0 &
0L
M + 2. ! # $N #
1#OG
4 $ !6 L I L
%
%P Q 0% 3 ! # $N
&E % D
#
)! !
HTML 0 2. ).
Hyper Text Markup Language. 4 $ HTML
2 .R : : E
#+
C6
4
H E HTML #+
!
% ASP,
PHP, Cold Fusion, JSP CGI, 4 :4 S $ !
% !& 0
C6
16
)
% %. 0 T
& % %. 3 $/
UV 0 E UWV ( * X > ( !E
Y $/
0$
HTML &#
HTML #+
Z ( &#
( 4
0 &A *<
!
[
'
0! &6 &
& HTML 0 6\ [ 0
! # $ 1 ; [] B
*
4
0 ! %P
*! $
! ?
HTML 0 6
0L &.
* ! ^Dynamic HTML: The Definitive
Reference, Second Edition Oreilly^ 0! ! & ? $/
0! ! & HTML,
CSS, JavaScript 0 E DOM (Document Object Model) % B ! 6$ 2%
OG
*
(
* 0 _ ` 4
!
0 & % " 2 &L & 0 3& 4
%
%P Q 0% 3 ! # $N
& #
& #3
a0 3&
&E % D 4 $ !6 L
I L #
a0 3& 0L a0 3& 0 a0 3& ! # $ "# ) 4
:
0 &
!6 L
I L #
& Ob 1 & #
6 7/ %'& # %
"#$
C6
4 !9& & 0L 7
%
%P Q 0% 3 ! # $N
! '
! # $ "# )
% ! D 3 Oc !
% &'
C6
#FG
/
dO G
1
&E % D 4 $
% ' ' 'L
& #
% )
$/(
1 ;
%!
8
% ! & 0# 3C%P
% !&8
1 %,- ; =
/ C6
W #
C6 &
$/ e(
1 ;
%!&
# $.< ! I!9& & :& N 0# 3C%P )
4 &
%
( 8
.
! 0# 3C%P
f gKh MMh J h K 0 E gh M h ih
I!E
1 %.
j k :4 #N * !
0! ! 0# 3C%P $l&
C6
$
C6
$/
8 % *. ! m
*
% 0/ ) e(
4$
01
1 ;
% ! & ! 0# 3C%P /OG
C6
Oc& $ @? =
0! Oc ) *FG
:# &
%!&
% # 1
ihgJh i h K
% !&8
1 ; %9&C
! o ! #$ ? ? : q 8
%1.
O-%P
$ ! S
Oc
%1.
%1. &
% I/
! 0 & ,-6&
Fr
)
2 1 ;
%! &
(
0$
% 1.
0 &
D 0 %R %
4
%j
,-6& &
%
$ N=
%1.
0 E S
0$ D
# %&
O-%P p
)
0$
!
%1.
:
&
0
%1. &%
$ %j 0 E
D8
%1.
% #
(j 2 "#!
4!
4/
% !& C6
4 /
C6 &
!0% I!9& & % 1.%P :1 !3 N s 6S 3 !
%,n
% !& & 4
(
(
&
D
%1.
D %1
6S
4$
$.<
#
D
)
/@
C6
( 5 0 E% )0 & #%
5 ^
h h^ 4
C6
0
C6
& HTML 0 H
%
6 Oc
%
' 6H^ 4
D3
! "#!
&
% 1 . /@
$/)
0 &0
#%
* *k & 0 &A 4
,-6&
4
j
2.
#EWp #
%1.
% !& &
$ $/
5 ^K K
&
$
j# `f
01 ! T 9& I
C6 N
D 0 E%1.
% t 0 "# $ ! % "
4
C6 E 0
4 $ :%% &
& I_" 0! B 6 !
&
&
!
4 N
_"
$ % 1
# & >
*<
( k 4$
/& ?
$
(
# &
Ob
82
j
$ '
)*
'
HTML
4
%* *
% % ,n"
)
$l& E
1S
HEAD 0 E BODY. 0! E 8 $l& 0# R C# & $
u)
5 0!1 UHEADV
0 E UBODYVh 0 $
3 &# 0 E 3 &#
% ,n"
HTML 0
&# _ `
T
v
$
I B ( &#
j k # p
(N 3 &# 0 E 3
&#
T
v
*!
/
0 & W I'w9& O7# PN
$ !
B UWHTMLV &# $
D C# * $ / !f
UWHEADV 0 E UWBODYVh ) .\ T
% _"
4
HTML
_ ` UHTMLV &# $ 0 E
0
0 & / ! % " 2 0 & HTML
HTML
HEAD
Here should be other header tags
HEAD
BODY
Here should be the body text and other necessary tags
BODY
HTML
0
$/
& #3
HTML &# 8
#
&L & 0 3&
/
` 0
%1 0 E C6
38 o o & # 3 & !
`f
0/
v
j
>/
0
A 0 & &# #
( <title> &# 0! &# & _ `
>/ &L &
( /
C6
&! &
$/
0
#! </title> &# & T
$
0/
1 4 HTML !E
(&
j
?
). #
4 : : E #+
j k : # <body> 0 E </body> &#
( /
C6
3
) .\
&L & % $/
&!
hhtml 0L &
^My First Web Page^
'! &
3. 3C! 1 % "
$ %1 ` 4 " `
%1
0 % R .html 0L &
4
`
Oc
%
(9$
'! &
0
/
'! &
6 7/# 4
$&
"#
.html 0L &
! e(
.html 0L &
). # !
#S 1
) ! 6 7/
(
0 4.F G! )
7P
'! &
. .htm 0L &
.html 0L &
#
$/
&6 &
#
! 1#% %
& %,- .
_"
! +,- !. !
/
" " : ahsanul_haque_shovon@yahoo.com
" " 0: ahsanul_haque_shovon@unilinkbd.net
(
"$: http://www.shuvorim.tk
HTML
HTML
%& # # '
http://www.shuvorim.tk
()
*+
,*
#-
! "" #
-#
$
(
+ , . / ( 0 1) -+ 2
!,3
# * , ,456' 7 + , . )
+8 $
6' +
,. 7
(9 # # ( " *
( # . + , . ,: + 2
* 3 - #
$ (
*;
, "* (
+
, . ,: + 2 )
2 "
*"
,. $
* * < ,: *;
* :
,.
=> $
+
,
,? @ ,?*(2 & + , . % /
+
$ http://news.netcraft.com
*;
+ , . ,: + 2 ) ,
2 " *"
,.
2)
(# ABCD E %
* < ,: *;
* :
,.
2 ) (#
C AE$
,
!
, 2) % <
CF E ! CB E$ *
( !
A GF F GF
+
, * $ 2 " *"
,.
, H., )
C G !*;
* :
,.
, H . , ) AC $ 2 " *"
,. - # ( "* "
% * + , * ( http://httpd.apache.org
%& * I
!
,3
2 ) # 1) J
K
L M)' *(2 &N ( ) *;
* :
,.
!,3
,2*
$
!,3
* I B BF
*
G)
# # O#P #
* < ,:
:, + ,*
# ,
+
,. -#
() $
# , - 2- ,? : Q
2 ,
+
, . &+
#$
% * ) # HTML
,.
#
"*
"
()
HTML
R( 1#
"
&
2, ' # +
S
*$ (
+
/
+ ,*
)
# :U
*- +
)3 %
(1(
: % * HTML 2@ , V$
*% P +
T *
(
" # $
2* &
% #. , ' # HTML
R( 1# %
!( +
S
, ) %2 & % $
HTML
&T # 2@/ +
:
$ HTML
HEAD ! % ,# 2@ , 6) => # ( &
/ +
S
&W2 )
$ / #
H 2@ % , " * X / # +
,45 # . 9 #
( 2 & # $
+ #
H
H 2@
%/ Y Z HTML
HEAD ! 2 [(
) $ % * ) # * 6\ (
% 2@/
( Y Z HTML
BODY ! 2 )
# $
*(
<B> !<]B>
^
<B>I am Bold.< B>
<I> !<]I>
^
<I>I am Italic. < I>
#
#
K
K
<U> !<]U>
^
#
K
% _ <U>I am Underlined. < U>
( +
( +
( +
S
S
&
$ % _
&
$ % _
*I
&
% & #* ,
#
# Q * # ! I *I # ( " ( )
2@/ # .
2 ) # ` _ <B><I><U>Hi, I am a Bold, Italic and Underlined
text.</U></I></B>
HTML
2@ 2 )
a #
( ) , " * ( H `# 2@ #
,
@ #b # ( ) $ % &+
# 3 Sc
!
%& *
+
"
( +
# % # +
S
# , 8#
& ( ,d ) $ ( d Z
H
2(< ) (
(*
" *. $
#
K # ) -! ) , &
2HTML
% < T H1, H2, H3, H4, H5, H6 2@$ "
A #
( & 2)
) -! 2@
& _
) -! 2@/
H #
% 2@/
.(
()$ & # 2 S
)$ %
% & H1 2@ # ; , 6) +
^
& (" ()
(
) _ <H1 align=center>Hi, Im H1 tag.</H1>.
align ) H1 2@
2 S
e " )f
g#
.(
! O# O) .2 $ align
2 2.2 / )
left !right$ HTML
#
# 2 @ .(
2 S
&+
2 =>
$
hhh HTML 2M
# ,
:,
* -#O ;
( " * " % + Q + *- +
, * http://www.w3.org/MarkUp/ hhh
' " 2
#
( ) 2 ) # ` <P></P> 2@$
( 2 <P>
!</P> 2 @ ^
! #O O( * # ` $ <P> 2 @+ ) -! 2@, 6) align
2 S
#*.
2 ) # % $ % _ <P align=right>Im a paragraph.</P>.
* * # %
!
: * HTML
,.
#
&
6
: 2 ! P) @
!#
* S# d O9 *$
6
: 2 ! d O9 ( " *
2 ) # ` <PRE></PRE> 2@$
* S# (
) 2 ) # ` <BR> 2@$
i2<BR> 2 @ # #b ! 2@ *$ % _
This is the first line.<br>
This is the second line.<br>
This is the third line.
<BR> 2@ 2 )
#
S
(
* #* # * & ( $
%&
()
# #
+
# 4j , kl
*
( ) <HR> 2@ 2 ) # ` $ * 2@ + #
#b ! 2@ *$ (
.(
2 S
), 2) # (
align, width, size !
color. &
2color 2 S
, S
# #
$ align 2 S
@ (*
2) # (
$ width
.2 ) , & ( )
(# #( !
*
" % _ width=60%Csize
.2
K &()
m
* +
#( K
`& (" (
( ) $ % _ size=8. & ) ' & _ <HR
align=right width=60% size=8 color=blue>
,
# T
color 2 S
.2 ) ,
% # 3 2I - M
2) # (
$ % _
red, blue, green, lime, gray, silver, black, white, orange, skyblue, navy, aqua,
magenta, yellow, maroon, olive, pink, gold, wheat, teal, brown, chocolate, ivory,
lavender, snow, tan *(2 &$
+ # !
$(
( ! 2)
# ( "*
# )K - , : 2 #
.2 & ( ) $ %
# #
M
)K - , .2 ) nFF0000, #
1 M )K - , .2 ) n0000FF *(2 &$
=l (
( ) " % + Q + *- + # ,
: , + , * $ o &p
)K - ,
% @ ,
d 2# ` _
)K - ,
-,
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
,! 2
q
)K - ,
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
,! 2
<BODY> 2 @
# 2 S
, &
& &(
+
2#@ I K #
! 2#@ I .6 $ % _ <body bgcolor=#000090
text=#FFFFFF background=BackImage.jpg>. bgcolor 2 S
2#@ I
!text 2 S
K #
& % <
.1 ! ) * # & $
background
2 S
BackImage.jpg
2) #
& & +
.6 $
1. @ +
S
-:r :; ) ,
# Times New Roman C *
& ) '/
Times New Roman : ; * & $
#.
:;
( # $ :;
(
2
<FONT></FONT> 2@
2 S / ) face, size, color. # & ) ' , ) %2
2) &
*_
<font face=Verdana, Arial size=5 color=#00D059>This text should be
light green, 5 point in size.</font>
face 2 S
(
: ; 6'
2) #
$
# #:;
2)
# (
# '
+
,* .
# 45
:; * 3 Q
# s(1
(t( 1 :; 2 [( ) $ ( )2u
# :; 2 ) #
% ," "
2 2# 45
* 3 Q => # $ # # :; ) Times, Times New Roman, Helvetica,
sans-serif, Serif, Verdana, System, Tahoma, Courier, Courier New,
Dialog *(2 &$
size 2 S
(
. 9, * &
K
;# & $
color
2 S
2 ) 6 (*$
<SUB></SUB> 2@ , =vw
2 % Water = H<sub>2</sub>O,
Water=H2O,
<SUP></SUP> 2@ , =vw
2 % Today is
nd
22<sup>nd</sup> June,
, Today is 22 June.
% # #
<CENTER></CENTER> 2 @ ^
=> "
, $ <DIV></DIV> 2@ s
align 2 S
% 2)
*( 6
"
&
$
"
2@/
Y `(
# xyTT
#
(
/ &*
#-
;
( +
. 9- .
# # 2@ &
%kl
HTML 2@/ & R( 1#
K
* # HTML
),
H
(O # 2@
kl 2
TTz
kl 2 ) , @'2)
# ,! 2# +
S
& _
2) #
% # ;
* 2@
# #b !
! S
& ()
3 # &
"P #
^ ^
- * # )$
$
: , ' # +
,. # ` $
2@
"($ 2@
2@ *$ * 2@
.(
$ ,4{ )
+
$ "
S
) $
%kl* #
i) ) (
%kl
HTML 2@/
,45 #
62
u" # *
i)?
R %2 , V "" # ` (
( (
#
$
@ 1
) .
& ,
&
%( ,
@
$
HTML
*
*
+
#
HTML
, & * * - %.
(
http://www.shuvorim.tk
! "#$ %&'
#/
01
(
0
*2
!)) %
2
HTML
3 0 HTML
0
!, 4 * - 56 *% # 7/$8
,& 0
9 % %. :* # ( 1 )) %*
* #/
* HTML
;# $*
*
*: *
+ ,0 /* )
& *< HTML
0
2 =* , +
0
>7
>> > ?
/ &
0+ 0
>7 /
* @ <IMG
src=location of the image border=in pixel width=in pixel height=in
pixel alt=alternative text hspace=in pixel vspace=in pixel align=top /
middle / bottom>
* A#
>/ 8
HTML
0
>/ *
> #.
> ?
/ + src /
0
*
# -% + B
1
D:\My
Web Pages\Image Test.html
!
0
C:\My
Images\Wallpaper\Flower.png
+#/
* src # <> /
#/
src= C:\My Images\Wallpaper\Flower.png +
* < 1* #,
+* ,#C # * ##C - :* #0
& + *DE, 0
0
* * 1
<%
>*
# FG DH *
# 0
4 1
<%
4
#
=#
*
0
* I*
! I
0
FG
* J )/K & + # 0 ) <
L#/
, MN
1
0 MN
<# 0 images
>*
#O * M N ;# $* # <#
$ 0 . * *
!
M* > / * +
0
1
D:\My Web Pages\Image Test.html
!
# Flower.png
*
0
> / * # ) + # / D:\My Web Pages
<# images
#O *
M N ;# $* B !# <# Flower.png
*0
* *
+
1
0
>/ * #
< @
<img src=images/Flower.png border=0 width=350 height=220>
> P/ 7 + &
#
*0
> 5Q *
*
#/
+
1
FG DH
/
*0
images M N
* * #<
,+
* *
1 < , 1
56*%# , *
- M0
* 0 < + F6
#%
S FT U_ V > / * #
Pages
My_Web_Pages
MyWebPages
S FT U_ V ( 0+
C R * F6 P > /
+ ,
B My Web
*
#
*
)R C >* B
W
! 2 %2 W +
<OL></OL> >7 > /
* / + X 2 %2 W
square, circle, disc <>
disc /
& +
* W
/ + HTML
W &' - /
* ,
X 2 %2
X 2 %2 W
><UL></UL> >7 ! 2 %2 W
>
* / + ( &' - W 0
><LI></LI> >7 > /
>
> ?
/ type.
type /
, J
. &#
+ *
> ?
&1 /
W 0 . *
)R # square !circle <> > Y# / +
2 %2 W 1 type > ?
+#
X 2 %2 W
W 0 . * ! > J *<
& + 2 %2
/
&#
, J 1, I, i, A, a.
)R
* 2.
&
0 #/
/ +
<html>
<body>
<font size="5" color="#D00000">
Bangladesh
</font>
<ul type="square">
<font size="4" color="#0000A0">
<li>Chittagong
<li>Dhaka
<li>Rajshahi
</font>
<ul type="circle">
<font size="3" color="teal">
<li>Bogra
<li>Dinajpur
<li>Rangpur
</font>
</ul>
/#
2 %2 W
W type > ?
>
*% >/
<>
> /
! "
#
1
*
0 ;# $
. B#Z 9-% ! 1
[!+
1
>
*
[ * &1
* #/
0
? * #
+* *
*DE *
<
#
+#01
,7 & +
\& <
>*
1
!*
*
! O* O# * O $
0 ,&
(
*
[!
#> >*$
,
A A *
_
, &
, J
[!* #
@
>7
1 *
> ?
+ target > ?
"
[ *<
1
/ #
%- * & #
+ , target=_new target=_blank
[ 1
?
* #O 0 S # 1
/ U, &
=*
=* *
& V+
target=_self
[ 1
?
#% 0 S #0 1
/ U
1 ) * - 0 2Mb V+ (
title > ?
title=Clicking on this link
will take you to the Page B
<
#
[
Clicking on
this link will take you to the Page B
<
: + >[ >7 "
*0
< c
!
[!* 1 5d name > ?
>/ * +
>[
1 />I # < 0 7
, >[ >7 "
0 0 > 2?1 [!* #
+ 0
* 2 C >* B @
<a href=mailto:nobody@nowhere.onearth?subject=Demo Email>Email
Me</a>
* Email Me. [ # *^* * 0
0 0 *^ \ FQ!J <
) / ,
nobody@nowhere.onearth > 2?P OM N ! Demo Email > 2?P
eMN
, +
$
1
%& '
>
_ .
&
/+
;# $
>7 /
* @
* 2.
* B+
A
1
_
1
2
*
0 * M +
* & @
HTML
<
#g#$
(
! "
! h
* B + #g#$
# COLSPAN > / * &' *
7 7 +
)#O%
# ROWSPAN > / *
h
i*
*
( 7 M
+
()
, & 0 # >0
1
0 ;# $ * / # &
) , # 0 ? * #
#/
0 9j #%
# & &k
$ 9/+
)
* 1
/ W M) / # * &
FH #
0. +
Mm ! 02 &' <%P0 &
*+
http://www.bravenet.com
* Limited bandwidth
* No database support
* Super add ons
* Banner ads
* 50 MB space
* Web based FTP upload
* Limited file types
http://www.geocities.com
* Limited band width
* No database support
* Huge add ons
* Banner and frame ad
* 15 MB space
* HTTP upload
* Limited file types
http://www.brinkster.com
* Limited bandwidth
* ASP support
* ASP.NET support
* Access DB support
* Google banner and text ads
*
<
!
* 1
><
X 0
/ W
#
:*
* B ! =l 1
0.
>, & * 1
\& / Un R Mm1
0
M)
9/
V #/
) , http://www.free-webhosts.com 1
0 #+
o
1
$1
/ W :* , *
#
\& 1
/W + #
=# 1
/ W . & B * >2
P
9>
/* ,
1
0 *
1
$0\ >* < * #O + &
>/ * \
M
7W * 1
0 W>
* P 2 0)
>
< Fpq * 2 0#> &
= , 7>+
(
1 < c1
0
* !7/ * #
< c >2
http://javascript.internet.com, http://www.planetsourcecode.com,
http://www.pheaven.com, http://javaboutique.internet.com,
http://www.dynamicdrive.com 0#> &
= , 7>+ (
1
0
U
* *
8V+
;# $*
M
) /&
*W 0 2
#) , +
,-"(
>
Fpq
M*
>
F=02 + FH #
P+
&
>
0
7
&
i0 ;# $* M #
< Fpq 0
F=02
& ;# $*
#
# http://www.shuvorim.tk # 7 2
"
,# < 1
/ W 0 \& * B
* #
*
1
0
> 2?P/
&
* 5Q :* , & #
7
!<
&
>
1
*l* + B
! ./
$ * 1
0 1
*
!
0
/
=_ & + # /
1
0
> 2?P & I(
* @ http://www.geocities.com/lallu_modon/ *
* O( &
8
b
1
0
> 2?Phttp://www.modon.tk
>*
Mm
W *
#
http://www.dot.tk 1
0
*+
#
*/
/ #
*
7 $
I) *+
>0
56 *%
0#
9>
#
# #
+ , & ## &
*
+
=/
012 ) *
" 3
4: ahsanul_haque_shovon@yahoo.com
5: ahsanul_haque_shovon@unilinkbd.net
!
$: http://www.shuvorim.tk