WWW - Kutub.info 6222

www.dinaro.
com/vb3
www.dinaro.com/vb3
:HTML
:
:
:
:
:
:
1:
2:
:
:
2
www.dinaro.com/vb3
1:
2:
MS :
Internet
Explorer
www.dinaro.com/vb3

HTML
.
HTML
.
.
.......................
.
!!

www.dinaro.com/vb3

NotePad Windows
Netscape Navigator .MS Internet
..........
.
5
www.dinaro.com/vb3
HTML .

.

..........
..
:
Dinaro2Ayoub@gmail.com
Dinaro_22@hotmail.com
pascal : php css
visual basic 6 javascript .mysql
www.dinaro.com/vb3
6
www.dinaro.com/vb3
...............................
...... ...
www.dinaro.com/vb3
www.dinaro.com/vb3
HTML
HTML .

:
HTML
HTML )(Language Markup Text Hyper

.
HTML C++ JAVA C
.

.

.
www.dinaro.com/vb3
HTML
Tags .
HTML
:
10
www.dinaro.com/vb3
:
> < HTML
HTML
HTML
HTML
> < /HTML
. HTML
> < HEAD
.
> < /HEAD
> < TITLE

> < /TITLE
> < HEAD > < /HEAD
> < BODY

.
:
11
www.dinaro.com/vb3
Html > <HTML

> .</HTML !
:
HTML .htm .html
:
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
12
www.dinaro.com/vb3
<BODY>
hello world !!
</BODY>
</HTML>
13
www.dinaro.com/vb3
14
www.dinaro.com/vb3
UPPERCASE
.lowercase
.
)
(Enter .Html
:
<HTML><HEAD><TITLE> first page web

></TITLE></HEAD><BODY
>hello world !! </BODY></HTML
:
><HTML
><HEAD
><TITLE
first
page
web
></TITLE
></HEAD
><BODY
hello
world
15
www.dinaro.com/vb3
!!
></BODY
></HTML
.
> <BR . )
(.
:
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
><BODY
!! >hello <BR> world <BR
></BODY
></HTML
:
16
www.dinaro.com/vb3
> <P
.
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
><BODY
!! >hello <p> world <p
></BODY
></HTML
:
17
www.dinaro.com/vb3

&;) nbsp .(Non Breakable Space

. .
:
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
><BODY
!! ;hello world &nbsp
></BODY
></HTML
18
www.dinaro.com/vb3
HTML

.
) (
.
.
> <
19
www.dinaro.com/vb3
20
www.dinaro.com/vb3
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
H
21
www.dinaro.com/vb3
.HTML

> <BODY .
.
.
) . :
!
(.

>.</BODY> ... <BODY
!!!!!!!
22
www.dinaro.com/vb3
) (Attribute
.

.
:
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
>"<BODY BGCOLOR="#00FF00
!! hello world
></BODY
></HTML
:
23
www.dinaro.com/vb3
BGCOLOR > <BODY

. 00FF00
) " " (
...
24
www.dinaro.com/vb3
256
000 .255
.
000
. 255 .
255 255 000
...
256256256
16777216.
FFFFFF .
) 16
0 9 .( A,B,C,D,E,F 255
FF .
FF 255 .
FF 255 . FF
255 .
CC6699 :
.000000
.
25
www.dinaro.com/vb3
26
www.dinaro.com/vb3
27
www.dinaro.com/vb3
28
www.dinaro.com/vb3
29
www.dinaro.com/vb3
:
#
.

. :
...
30
www.dinaro.com/vb3
<HTML>
<HEAD>
<TITLE>
first page web
</TITLE>
</HEAD>
<BODY BGCOLOR="#000000"
BACKGROUND=" maroc.jpg">
hello world !!
</BODY>
</HTML>
) ( BACKGROUND
:
31
www.dinaro.com/vb3
maroc.jpg :
32
www.dinaro.com/vb3

. )
(BGCOLOR
.
) Text-Based Browsers
( .
.
.

.
> :<BODY
) (Links

.
. .

.
:
33
www.dinaro.com/vb3
.
.
.
:
><HTML
><HEAD
><TITLE
first page web
></TITLE
></HEAD
"<BODY BACKGROUND="dinaro.jpg
"BGCOLOR="#ff9900
"TEXT="#33ff66
"LINK="#6600ff
"VLINK="#ff0000
>"ALINK="#999999
!! hello world
></BODY
></HTML
:
34
www.dinaro.com/vb3
! dinaro.jpg
) (

.
.
... .
.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHH
35
www.dinaro.com/vb3
.HTML
.
.

.

.
!!!!!!!
.
. .
Times New Roman
) 3 (.
36
www.dinaro.com/vb3
>.<FONT/> ... <FONT

.
:
37
www.dinaro.com/vb3
38
www.dinaro.com/vb3

2- .4+
2- 4+
:
1 3 ) (
1+ 6+ 7
1- 6-
.
(-:

.
><FONT FACE="arial" SIZE="6" COLOR="#6633ff
This font is Arial, Size is 6, Color is Red
></FONT
This font is Arial, Size is 6, Color is Blue

>"<FONT FACE="arial" SIZE="+3" COLOR="#FF0000
This font is Arial, Size is +3, Color is Red
></FONT
39
www.dinaro.com/vb3
This font is Arial, Size is +3, Color

is Red
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This
</FONT>
<FONT FACE="Times New Roman" SIZE="7"
COLOR="#FF00FF"> is </FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi
</FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000">
colors, </FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi
</FONT>
COLOR="#008080"> faces, </FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and
</FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi
</FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes
</FONT>
COLOR="#00FFFF"> text </FONT>
This
is
multi colors, multi
faces,
and
multi sizes
text
<FONT FACE="Impact" SIZE="6" COLOR="#000000">C

</FONT>
<FONT FACE="Impact" SIZE="6"
COLOR="#008080">O</FONT>
40
www.dinaro.com/vb3
"<FONT FACE="Impact" SIZE="6

>COLOR="#FF0000">L</FONT
>COLOR="#0000FF">O</FONT
>COLOR="#800000">R</FONT
>COLOR="#FF00FF">S</FONT
COLORS
>.<BASEFONT
.

.

.
> .<BODY
>) <FONT Name .(Face
. :
>"<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5
41
www.dinaro.com/vb3

Arial 5 .
. ><Font
<Font/> ...
>. <BASEFONT
.
Text > <Body
... .
Color ><BASEFONT
.
> <BASEFONT .
42
www.dinaro.com/vb3
: Headings
</Hn> ... <Hn>
. 6-1 n
<H1> Heading 1 </H1>
43
www.dinaro.com/vb3
.
:
) ( :
><B> ... </B
><STRONG> ... </STRONG

><I> ... </I
><EM> ... </EM

><U> ... </U

><SUP> ... </SUP
44
www.dinaro.com/vb3

<SUB> ... </SUB>

<BIG> ... </BIG>

<SMALL> ... </SMALL>

<STRIKE> ... </STRIKE>
<S> ... </S>
TeleType
<TT> ... </TT>
45
www.dinaro.com/vb3
.Monospaced Text
:
m,i
m i
iiiiiiiiii
mmmmmmmmmm
> </TT> ... <TT

iiiiiiiiii
mmmmmmmmmm
><B><I><U
This is a Bold, Italic and Underlined Text
></U> </I> </B
46
www.dinaro.com/vb3
><FONT COLOR="#6633ff="+3"><U><I
This text is red, size +3, Italic, and Underlined
></I> </U> </FONT
This text is red, size + 3, Italic, and

Underlined
:
) .
( .
...
! ...
:
47
www.dinaro.com/vb3
:
><B><I><U
></B> </I> </U
><B><I><U
></B> </U> </I

.

.

. .

> < "
...
.
. .
. .
48
www.dinaro.com/vb3
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHH
49
www.dinaro.com/vb3
.HTML

.

.

.
.
.
. > <P . > <BR
. &; nbsp
.
.
50
www.dinaro.com/vb3
... <P> < P>

< /P>
.DIR ALIGN
Center, Right Left ALIGN

:
<P Align="left"> This is a left-aligned paragraph </P>

This is left-aligned paragraph
<P Align="right"> This is right-aligned paragraph</P>

This is a right-aligned paragraph
<P Align="center"> This is a centered paragraph</P>

This is a centered paragraph

<CENTER/> ... <CENTER>
<CENTER> This is a centered text </CENTER>

This is a centered text
51
www.dinaro.com/vb3
DIR > <P

) (

> </BLOCKQUOTE> ... <BLOCKQUOTE
.
.
)( .
></BLOCKQUOTE> ... <BLOCKQUOTE
.
:
52
www.dinaro.com/vb3
><BLOCKQUOTE
><BLOCKQUOTE

></BLOCKQUOTE
></BLOCKQUOTE
.
.
.
!...
A
E
I
M
Q
B
F
J
N
R
C
G
K
O
S
D
H
L
P
T
&; nbsp
>.<BR
:
><PRE> ... </PRE
53
www.dinaro.com/vb3
Preformated .
.
) (
:
ABCDEFGHIJKLMNOPQRST

. .
HTML
. :
.Lists Ordered
54
www.dinaro.com/vb3
.1
.2
.3
.4
.5
.6
Unordered Lists

.

55
www.dinaro.com/vb3
></OL> ... <OL

></UL> ... <UL
> <LI
.List Item
:
><OL
><LI
><LI
><LI
><LI
><LI
><LI
></OL
><UL
><LI
><LI
><LI
><LI
></UL
56
www.dinaro.com/vb3
TYPE
> <UL
> <OL .
> <LI
.
A, a, I, i :
) (1

:
HTML

.
57
www.dinaro.com/vb3

...
Disc .TYPE
square
circle :
>"<UL TYPE="square
>"<UL TYPE="circle

) .

(.

> </UL>...<UL
:
><DIR> ... </DIR
><MENU> ... </MENU
Definition Lists

.
58
www.dinaro.com/vb3
HTML
Hyper Text Markup Language
WWW
World Wide Web
FTP
File Transfer Protocol
GIF
Graphical Interchange Format
JPG, JPEG
Joint Photographic Experts Group
:
.< /DL> ... <DL>
. < DT>
.< DD>

<DL>
<DT>HTML <DD>Hyper Text Markup Language
<DT>WWW <DD>World Wide Web
<DT>FTP <DD>File Transport Protocol
<DT>GIF <DD>Graphical Interchange Format
59
www.dinaro.com/vb3
<DT>JPG, JPEG <DD>Joint Photographic Experts Group

></DL

. .
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHH
60
www.dinaro.com/vb3
.HTML

.
> <IMG
.
. SRC .
alah.jpg .
:
>" <IMG SRC=" alah.jpg
61
www.dinaro.com/vb3

HTML .
.
:
HTML :
/ .
62
www.dinaro.com/vb3
: HTML
.
.
) ..(
) (HTML images
.

.
.
145200 ) Pixel

63
www.dinaro.com/vb3
(
.
. HEIGHT, WIDTH
.
>"<IMG SRC="alah.jpg" HEIGHT="70" WIDTH="120
>"<IMG SRC="alah.jpg" HEIGHT="300" WIDTH="500
64
www.dinaro.com/vb3
> <IMG ALT

. " "
.
.
>"<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock

. ALIGN
:
BOTTOM, TOP, MIDDLE, :
RIGHT LEFT :
65
www.dinaro.com/vb3

. :
:VSPACE
.
:HSPACE
.
"<IMG SRC="alah.jpg" ALIGN="RIGHT" VSPACE="20

>"HSPACE="20
66
www.dinaro.com/vb3
> <IMG BORDER

.
.
. 0 .
5 :
>"<IMG SRC="image.jpg" BORDER="5
67
www.dinaro.com/vb3
.
:
.
:
JPG, JPEG
.Group Experts Photographic Joint
24 ) 16.7 ( .

). ( .
.
GIF
Format Interchange Graphical
265 .
.JPG GIF
Transparent
Images Animated Gifs
Paint
.Shop Pro
!
:
68
www.dinaro.com/vb3
=JPG
=GIF .
Resolution
95 )( )(
" "
480640 600800
. " "
.
3.11 3.1 Windows
.
) Pixel ( .
.Picture Element 480640
)( 640 480 .

.
Thumbnail
" ".

. "".
69
www.dinaro.com/vb3
)
.

(.

.
.
.Pro Paint Shop
.

HEIGHT WIDTH

70
www.dinaro.com/vb3
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HH
71
www.dinaro.com/vb3
.HTML
...Links .

.
...
...
...

... ...

)
( E-mail
.
.
72
www.dinaro.com/vb3

></A> ... <A
.Anchor

HREF
: .

. http://www.Dinaro.com/vb3
:
><A HREF="http://www.Dinaro.com/vb3"> </A

> .</A> ... <A

. Go To Dinaro :
:
73
www.dinaro.com/vb3
><A HREF="http://www.Dinaro.com/vb3">Go To Dinaro </A
:
Go To Dinaro

. Dinaro
>Go To <A HREF="http://www.Dinaro.com/vb3"> Dinaro </A
Go To Dinaro
)( -
-
> </A> ... <A :
"=<A HREF="http://www.Dinaro.com/vb3""><IMG SRC

>DINARO1.gif"></A
74
www.dinaro.com/vb3
> </A> ... <A

.

.
2 .
" BORDER="0 .

>DINARO1.gif" BORDER="0"></A
.
>DINARO1.gif" BORDER="7"></A
75
www.dinaro.com/vb3

) ( HTML .
HREF .

index.html :
><A HREF="index.html">Main Page</A
Main Page

.
.
"<A HREF=" image.jpg"><IMG SRC=" image _1.jpg
>BORDER="0"></A
image _1.jpg
image.jpg
76
www.dinaro.com/vb3

.

...

.
.

.
> <A NAME
77
www.dinaro.com/vb3

Links

></A> ... <A
><A>LINKS</A
NAME
) ( . attrib1
><A NAME="attrib1">LINKS</A

...

.
.
) (
htutor06.html .
:
><A HREF="htutor06.html#attrib1">3rd Paragraph</A
78
www.dinaro.com/vb3
3rd Paragraph
DINARO HREF
GMAIL
>"<A HREF="DINARO:DINARO2AYOUB@GMAIL.COM
>GMAIL</A
GMAIL
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
79
www.dinaro.com/vb3
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHH
80
www.dinaro.com/vb3

1
.HTML
.

.
HTML
.

.

HTML
.
.
81
www.dinaro.com/vb3
:

></TABLE> ... <TABLE
. :

></TR> ... <TR
. .
82
www.dinaro.com/vb3
><TABLE
><TR
></TR
><TR
></TR
><TR
></TR
></TABLE
) (
></TD> ... <TD
. ></TR> ... <TR
.
.

><TABLE
><TR
><TD> Data </TD
><TD> Data </TD
83
www.dinaro.com/vb3
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
></TABLE
. .
. ... .
.
.
:

84
www.dinaro.com/vb3
></TABLE> ... <TABLE

.
85
www.dinaro.com/vb3
.
:
>"<TABLE BORDER="5
>"<TABLE BORDER="5" CELLPADDING="5
86
www.dinaro.com/vb3
<TABLE BORDER="5" CELLPADDING="5"

CELLSPACING="10">

CELLSPACING="10"
BGCOLOR="#FFFF00">
87
www.dinaro.com/vb3

CELLSPACING="10"
BGCOLOR="#FFFF00" HEIGHT="300">

CELLSPACING="10"
BGCOLOR="#FFFF00" HEIGHT="300" WIDTH="75%">
88
www.dinaro.com/vb3
> </TR> ... <TR

.
:
:
>"<TABLE BORDER="5" HEIGHT="300
>"<TR ALIGN="Left
><TD> Data </TD
><TD> Data </TD
></TR
>"<TR ALIGN="Right
><TD> Data </TD
><TD> Data </TD
></TR
>"<TR ALIGN="Center
><TD> Data </TD
><TD> Data </TD
></TR
></TABLE
89
www.dinaro.com/vb3
<TABLE BORDER="5" HEIGHT="300">

<TR VALIGN="Top">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR VALIGN="Bottom">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR VALIGN="Baseline">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
90
www.dinaro.com/vb3
"<TABLE BORDER="5" HEIGHT="300

>"BGCOLOR="#FFFFFF
>"<TR BGCOLOR="#808080
><TD> Data </TD
><TD> Data </TD
></TR
>"<TR BGCOLOR="#C0C0C0
><TD> Data </TD
><TD> Data </TD
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
></TABLE
.
.
.
91
www.dinaro.com/vb3
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHH
92
www.dinaro.com/vb3

2
.HTML
.

.
.

> </TD> ... <TD .
: HTML
) . (

. )
(.
93
www.dinaro.com/vb3
<TABLE>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
:
94
www.dinaro.com/vb3
95
www.dinaro.com/vb3
:
. .BGCOLOR

.
>.<BODY
.HEIGHT WIDTH

) . :
(.

...
) ( > .<TABLE

.
.

) . (:
96
www.dinaro.com/vb3
<TABLE BORDER="5">
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
:
Data
Data Data
Data
97
www.dinaro.com/vb3
.
.

.ROWSPAN COLSPAN
:
>"<TABLE BORDER="5
><TR
><TD COLSPAN="2"> Data </TD
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
><TR
><TD COLSPAN="2"> Data </TD
></TR
></TABLE
98
www.dinaro.com/vb3
:
Data
Data Data
Data
2 .
.
: .
.
:
>"<TABLE BORDER="5
><TR
><TD ROWSPAN="3"> Data </TD
><TD> Data </TD
></TR
><TR
><TD> Data </TD
99
www.dinaro.com/vb3
></TR
><TR
><TD> Data </TD
></TR
></TABLE

. .
Data
Data Data
Data
></TH> ... <TH

Table Header .
> </TD> ... <TD
) .
( > <TD
.
></CAPTION> ... <CAPTION
.
100
www.dinaro.com/vb3
< TABLE>
.
<TABLE BORDER="5">
<CAPTION> Table Caption </CAPTION>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
Table Caption
Data Data
Data
Data
Data
Data
101
www.dinaro.com/vb3
... .

.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHH
102
www.dinaro.com/vb3
.HTML
Frames

.

.

103
www.dinaro.com/vb3
:
Html .

.
.

. :
= + .
104
www.dinaro.com/vb3
.
.

.
) ( frame1.html,
frame2.html, frame3.html
><HTML
><HEAD
><TITLE>Frame1</TITLE
></HEAD
><BODY
Frame 1
></BODY
></HTML
.

><FRAMESET> ... </FRAMESET
></BODY> ... <BODY
)) (( BODY
105
www.dinaro.com/vb3
><HTML
><HEAD
><TITLE>Master File</TITLE
></HEAD
><FRAMESET
></FRAMESET
></HTML
: COLS
. )
( ... .
...
!

.

.
<FRAMESET
>"COLS="50%,50%
></FRAMESET
<FRAMESET
>"COLS="20%,50%,30%
></FRAMESET
106
%50
%20 %50 %30

www.dinaro.com/vb3
<FRAMESET
>"*COLS="200,300,
></FRAMESET
<FRAMESET
>"COLS="200,*,15%,20%
></FRAMESET
<FRAMESET
>"*COLS="150,*,2
></FRAMESET
200 300
*
)
(
200 %15
%20
.
150 ....
)* (2
)*(
ROWS .
)( .
.
) (:
<FRAMESET
>"ROWS="50%,50%
></FRAMESET
<FRAMESET
>"ROWS="20%,50%,30%
></FRAMESET
<FRAMESET
>"*ROWS="50,120,
></FRAMESET
<FRAMESET
>"ROWS="50,*,15%,20%
></FRAMESET
107
%50
%20 %50 %30

50 120

50 %15
%20
.
www.dinaro.com/vb3
>"*<FRAMESET COLS="*,2
></FRAMESET
> <FRAMESET
.
> <FRAME

)
( .
> <BODY
.
><"IMG SRC="imagname.ext
> <FRAME
> .<IMG
.
> .<FRAMESET SRC
.
. :
>"<FRAMESET COLS="50%,50%
>"<FRAME SRC="frame1.html
108
www.dinaro.com/vb3
<FRAME SRC="frame2.html">
</FRAMESET>
. ...
:
<FRAMESET COLS="200,400,*">
</FRAMESET>
:
<FRAMESET ROWS="50,*,15%,20%">
</FRAMESET>
:
<FRAMESET COLS="*,2*">
109
www.dinaro.com/vb3
</FRAMESET

< IMG SRC> < FRAME SRC>
<FRAMESET COLS="50%,50%">
<FRAME SRC="alah.jpg">
</FRAMESET>
110
www.dinaro.com/vb3
HTML
> </FRAMESET>... <FRAMESET >.<BODY/>... <BODY
.
COLS, ROWS ) (
.

. .
> <FRAME
.SRC .
111
www.dinaro.com/vb3
...
.
. :

112
www.dinaro.com/vb3
113
www.dinaro.com/vb3
:

:
>"*<FRAMESET ROWS="100,
></FRAMESET
HTML

! > <FRAMESET .
><FRAMESET
></FRAMESET
></FRAMESET
) (
. :
114
www.dinaro.com/vb3
<FRAMESET ROWS="100,*">
<FRAMESET COLS="200,*">
</FRAMESET>
</FRAMESET>
:
115
www.dinaro.com/vb3

)
(.
>"<FRAMESET COLS="100,*,100
></FRAMESET

) (
></FRAMESET
:
>"<FRAMESET COLS="100,*,100
></FRAMESET
116
www.dinaro.com/vb3
</FRAMESET>
. .
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHH
117
www.dinaro.com/vb3
.HTML

.
.
.

)( .

.
.
. .

HTML Horizontal Rule
> <HR .:
><HR
:
118
www.dinaro.com/vb3
.
SIZE :
>"<HR SIZE="5
>"<HR SIZE="1
>"<HR SIZE="10
WIDTH

>"<HR WIDTH="80%
119
www.dinaro.com/vb3
<HR WIDTH="400">
<HR SIZE="5" WIDTH="60%">
ALIGN
left, right center
<HR WIDTH="80%" ALIGN="center">
<HR WIDTH="400" ALIGN="left">
<HR SIZE="5" WIDTH="60%" ALIGN="right">
120
www.dinaro.com/vb3

NOSHADE
><HR SIZE="5" WIDTH="60%" ALIGN="center" NOSHADE

) COLOR (MS Explorer
"<HR SIZE="5" WIDTH="60%" ALIGN="center
>COLOR="#FF0000" NOSHADE
>! <-- ... --

.
>This is line one<BR

><BR
>and, this is line three<BR

121
www.dinaro.com/vb3
This is line one

and, this is line three
> <BR )
( .
CLEAR

ALIGN
. right
.
) ( .left bottom
ALIGN
.
CLEAR
.
right
)
... !!(
ALIGN .right
left
. left
122
www.dinaro.com/vb3
...
all .

left
123
www.dinaro.com/vb3
left left
all

) . (.

.

><NOBR> ... </NOBR

NO BReak ) (.
124
www.dinaro.com/vb3

. .
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHH
125
www.dinaro.com/vb3
.HTML

.
) ( HTML

...

.
.

.
...
HTML
.
)
( ) (
126
www.dinaro.com/vb3
JavaScript, CGI
.
. HTML .
... .
.HTML
) (
) (.

:
Text
Option 1
.
.

127
www.dinaro.com/vb3
)
( :
></FORM> ... <FORM
.
:
ACTION
.
Email .
CGI Server

) (

.
<FORM ACTION="mailto:someone@domain.com"> ...

></FORM
<FORM ACTION="name_and_address_of_CGI_script"> ...
></FORM
128
www.dinaro.com/vb3
METHOD

.ACTION GET :
Server .
) (
. Post
.
"<FORM ACTION="mailto:someone@domain.com
>METHOD="post"> ... </FORM
"<FORM ACTION="name_and_address_of_CGI_script
>METHOD="get"> ... </FORM
. ><INPUT

. ...
: x.3 Sindbad
Netscape
:Please enter your address
129
www.dinaro.com/vb3
> <INPUT ) (
TYPE
TEXT
><FORM ...
>"<INPUT TYPE="text
></FORM
:
:
)(
TYPE
.

><TEXTAREA> <SELECT
>"<INPUT TYPE="text
>"<INPUT TYPE="password
>"<INPUT TYPE="hidden
>"<INPUT TYPE="radio
>"<INPUT TYPE="checkbox
>"<INPUT TYPE="submit
Soumettre la requte
>"<INPUT TYPE="reset
Rtablir
>"<INPUT TYPE="button
130
www.dinaro.com/vb3
TYPE
.. > <INPUT NAME

address
) . ( .

.

) .
( . ) (
.
><FORM ...
>"<INPUT TYPE="text" NAME="address
></FORM
: Please enter your address

.
.NAME
><FORM ...
"Please enter your address : <INPUT TYPE="text
131
www.dinaro.com/vb3
>"NAME="address
></FORM
SIZE
40
><FORM ...
>"NAME="address" SIZE="40
></FORM
VALUE

.
><FORM ...
>"NAME="address" VALUE="maroc
></FORM
132
maroc
www.dinaro.com/vb3
SIZE
. :
.
. MAXLENGTH
.
><FORM ...
"NAME="address" VALUE="maroc
>"SIZE="40" MAXLENGTH="30
></FORM
maroc
60
INPUT
:
:TYPE )( .
:NAME .
:VALUE )( .
:SIZE .
:MAXLENGTH .
133
www.dinaro.com/vb3
password
text ******
.

><FORM ...
Please enter your name :
""=<INPUT TYPE="text" NAME="the name" VALUE
Please enter your passwod :
""=<INPUT TYPE="password" NAME="the password" VALUE
></FORM
: Please enter your name
: Please enter your password
VALUES
.
.
hidden .
. :
><FORM ...
""=<INPUT TYPE="text" NAME="the name" VALUE
134
www.dinaro.com/vb3
>"<INPUT TYPE="hidden" NAME="my forms" VALUE="form1
Please enter your passwod :
""=<INPUT TYPE="password" NAME="the password" VALUE
></FORM
: Please enter your name
: Please enter your passwod

. :

...
.
.
)(
.
...
>"<INPUT TYPE="hidden" NAME="my forms" VALUE="form1
135
www.dinaro.com/vb3
...
>"<INPUT TYPE="hidden" NAME="my forms" VALUE=" form2
...
>"<INPUT TYPE="hidden" NAME="my forms" VALUE=" form3

:
my forms=form1
forms=form2 my
my forms=form3

.
.
.

.
><FORM ...
>"<TABLE BORDER="0
136
www.dinaro.com/vb3
<TR>
<TD>Please enter your name : </TD>
<TD>
<INPUT TYPE="text" NAME="the name" VALUE=""
SIZE="40" MAXLENGTH="30">
</TD>
</TR>
<TR>
<TD>Please enter your password :</TD>
<TD>
<INPUT TYPE="password" NAME="the password" VALUE=""
SIZE="40" MAXLENGTH="30">
</TD>
</TR>
</TABLE>
</FORM>


Please enter your password :
...
137
www.dinaro.com/vb3
.
. ...
.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHH
138
www.dinaro.com/vb3
.HTML
.
.
Text, Password, Hidden

.

Radio, Checkbox :
.RADIO

.
)
(
139
www.dinaro.com/vb3
RADIO ):
(Sindbad 3.0
Sindbad 3.0
Sindbad 4.0
Ms Explorer 3.0
Ms Explorer 4.0
...
><FORM
></FORM
><INPUT
><FORM
>"<INPUT TYPE="radio
></FORM

><FORM
><INPUT TYPE="radio"> <BR
140
www.dinaro.com/vb3

></FORM
NAME .

. browser
><FORM
><INPUT TYPE="radio" NAME="browser"> <BR
></FORM

) (
.browser
141
www.dinaro.com/vb3

:VALUE
><FORM
>"<INPUT TYPE="radio" NAME="browser" VALUE="Sind3
><BR
><BR
>"<INPUT TYPE="radio" NAME="browser" VALUE="Msie3
><BR
>"<INPUT TYPE="radio" NAME="browser" VALUE="Msie4
><BR
></FORM
.
.
.
.
.
><FORM
>Sindbad 3.0 <BR
>Sindbad 4.0<BR
142
www.dinaro.com/vb3
<INPUT TYPE="radio" NAME="browser" VALUE="Msie3">

MS Explorer 3.0<BR>
MS Explorer 4.0<BR>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0

CHECKED
.
<FORM>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind3">
Sindbad 3.0 <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind4"
CHECKED>
Sindbad 4.0<BR>
MS Explorer 3.0<BR>
MS Explorer 4.0<BR>
</FORM>
143
www.dinaro.com/vb3
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
...
) ( . :
browser=Msie3

.CHECKBOX
.
.
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0

!
CHECKBOX RADIO RADIO .
144
www.dinaro.com/vb3
><FORM
>"<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes
>Sindbad 3.0 <BR
>"<INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes
>Sindbad 4.0 <BR
>"<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes
>MS Explorer 3.0 <BR
>"<INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes
>MS Explorer 4.0 <BR
></FORM
checkbox .TYPE
NAME .
VALUE .
.
RADIO
CHECKBOX
.
RADIO CHECKBOX

:
Sind4=Yes
Msie4=Yes
145
www.dinaro.com/vb3
RADIO
CHECKED
<FORM>
<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes"
CHECKED>
Sindbad 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes">
Sindbad 4.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes"
CHECKED>
MS Explorer 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes">
MS Explorer 4.0 <BR>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0

< INPUT>
<SELECT>
<OPTION>
<OPTION>
146
www.dinaro.com/vb3
><OPTION
.....
.....
></SELECT
> <SELECT/> ... <SELECT
> <OPTION
.
><FORM
><SELECT
<OPTION> Sindbad 3.0
<OPTION> MS Explorer 3.0
></SELECT
></FORM
:
Sindbad 3.0
.

. ><SELECT
NAME . SIZE
) ( .
.
147
www.dinaro.com/vb3
><FORM
>"<SELECT NAME="browser" SIZE="2
></SELECT
></FORM
:
Sindbad 3.0
Sindbad 4.0

.MULTIPLE
) SIZE (4
.
><FORM
><SELECT NAME="browser" SIZE="4" MULTIPLE
148
www.dinaro.com/vb3
></SELECT
></FORM
:
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
ctrl
.
> <OPTION VALUE

.
SELECTED > <OPTION
.
><FORM
><SELECT NAME="browser" SIZE="4" MULTIPLE
<OPTION VALUE="Sindbad 3.0"> Sindbad 3.0
<OPTION VALUE="Sindbad 4.0" SELECTED> Sindbad
4.0
<OPTION VALUE="MS Explorer 3.0"> MS Explorer 3.0
149
www.dinaro.com/vb3
<OPTION VALUE="MS Explorer 4.0"> MS Explorer 4.0

></SELECT
></FORM
:
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
TEXTAREA

><TEXTAREA> ... </TEXTAREA

NAME . VALUE

150
www.dinaro.com/vb3
>"<TEXTAREA NAME="comments
)Hello, please write your comments here :-
></TEXTAREA
Hello, please w rite your comments here :
COLS
ROWS
>"<TEXTAREA NAME="comments" COLS="30" ROWS="6

></TEXTAREA
WRAP
) (MS Explorer 3.0
:
: virtual
)
(
151
www.dinaro.com/vb3
"<TEXTAREA NAME="comments" COLS="30" ROWS="6

>"WRAP="virtual
></TEXTAREA
: physical


>"WRAP="physical
></TEXTAREA
: off

152
www.dinaro.com/vb3

>"WRAP="off
></TEXTAREA

> <INPUT submit
.
>"<INPUT TYPE="submit
Soumettre la requte
Submit ) Submit Query (Netscape

VALUE
INPUT TYPE="submit" VALUE="Press here to send the

>"form
153
www.dinaro.com/vb3
Press here to send the form

reset TYPE > <INPUT
.submit
>"<INPUT TYPE="reset" VALUE="Forget about it
Forget about it
> <INPUT
button
) ( JavaScript
.
.
.reset, submit
<INPUT TYPE="button" VALUE="This is a sample

>"button
... .
.

.
154
www.dinaro.com/vb3
. ...
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHHHHHHHHHH
HHHHHH
155
www.dinaro.com/vb3
MS Internet
Explorer
.HTML
.. ..
. ...

: MS Internet
Explorer
><BGSOUND
><MARQUEE
156
www.dinaro.com/vb3
><BGSOUND
mid wav au
>) <BGSOUND
(Sound BackGround lkl.mid

>"<BGSOUND SRC="lkl.mid
SRC .
LOOP
. -1 infinite
)
(
.
>"<BGSOUND SRC="lkl.mid" LOOP="infinite

>"<BGSOUND SRC="lkl.mid" LOOP="3

:
><A HREF="lkl.mid"> ... </A

157
www.dinaro.com/vb3
></MARQUEE> ... <MARQUEE
.. )
( .MS Explorer
.
><MARQUEE
HTML
></MARQUEE

)
( .
> <IMG :
:BGCOLOR
>"<MARQUEE BGCOLOR="#FF0000
HTML
></MARQUEE
158
www.dinaro.com/vb3
:HEIGHT
.
>"<MARQUEE BGCOLOR="#FF0000" HEIGHT="80

HTML
></MARQUEE
:WIDTH
"<MARQUEE BGCOLOR="#FF0000" HEIGHT="80

>"WIDTH="40%
HTML
></MARQUEE
:ALIGN
top, middle bottom

Welcome to
"<MARQUEE BGCOLOR="#FF0000" HEIGHT="80
>"WIDTH="40%
HTML
></MARQUEE
Have a good time.
159
www.dinaro.com/vb3
Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80"
WIDTH="40%" ALIGN="middle">
HTML
</MARQUEE>
Have a good time. Welcome to
WIDTH="40%" ALIGN="middle">
H.P in arabic
</MARQUEE>
Have a good time.
Welcome to
WIDTH="40%" ALIGN="top">
HTML
</MARQUEE>
Have a good time.
:HSPACE

Welcome to
WIDTH="40%" HSPACE="30">
HTML
</MARQUEE>
Have a good time
160
www.dinaro.com/vb3
:VSPACE

. :
BEHAVIOR
) ( :
scroll
.
slide
.
"<MARQUEE BGCOLOR="#FF0000" WIDTH="80%

>"BEHAVIOR="slide
HTML
></MARQUEE

Refresh

161
www.dinaro.com/vb3
alternate .

>"BEHAVIOR="alternate
HTML
></MARQUEE
DIRECTION left
) ( right .

>"DIRECTION="right
HTML
></MARQUEE
LOOP .
-1 infinite
. ) .

Refresh (
162
www.dinaro.com/vb3

>"DIRECTION="right" LOOP="3
HTML
></MARQUEE
:SCROLLAMOUNT
)
(.
<MARQUEE SCROLLAMOUNT="1"> HTML

></MARQUEE

></MARQUEE

></MARQUEE
163
www.dinaro.com/vb3

></MARQUEE
HTML 1
. 50 50
) ( 50
100 200 .
:SCROLLDELAY

) 0.001 (
"<MARQUEE SCROLLAMOUNT="1
>SCROLLDELAY="500"> HTML </MARQUEE
164
www.dinaro.com/vb3
500
) ( .
.
.
SCROLLAMOUNT
SCROLLDELAY
><MARQUEE SCROLLDELAY="500"> HTML </MARQUEE

.........
165
www.dinaro.com/vb3
:
:
www.khayma.com\HPINARABIC

.

.
166
www.dinaro.com/vb3
.
.
167
www.dinaro.com/vb3
168
www.dinaro.com/vb3
169

WWW - Kutub.info 6222

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

WWW - Kutub.info 6222

Uploaded by

Copyright:

Available Formats

www.dinaro.

> < TITLE

> < BODY

Html > <HTML

<HTML><HEAD><TITLE> first page web

BGCOLOR > <BODY

>.<FONT/> ... <FONT

This font is Arial, Size is 6, Color is Blue

This font is Arial, Size is +3, Color

multi colors, multi

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C

"<FONT FACE="Impact" SIZE="6

>"<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5

> </TT> ... <TT

This is a Bold, Italic and Underlined Text

This text is red, size + 3, Italic, and

... <P> < P>

Center, Right Left ALIGN

<P Align="left"> This is a left-aligned paragraph </P>

<P Align="right"> This is right-aligned paragraph</P>

<P Align="center"> This is a centered paragraph</P>

<CENTER> This is a centered text </CENTER>

DIR > <P

></OL> ... <OL

<DT>JPG, JPEG <DD>Joint Photographic Experts Group

>"<IMG SRC="alah.jpg" HEIGHT="70" WIDTH="120

>"<IMG SRC="alah.jpg" HEIGHT="300" WIDTH="500

> <IMG ALT

>"<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock

"<IMG SRC="alah.jpg" ALIGN="RIGHT" VSPACE="20

> <IMG BORDER

>"<IMG SRC="image.jpg" BORDER="5

><A HREF="http://www.Dinaro.com/vb3"> </A

><A HREF="http://www.Dinaro.com/vb3">Go To Dinaro </A

>Go To <A HREF="http://www.Dinaro.com/vb3"> Dinaro </A

"=<A HREF="http://www.Dinaro.com/vb3""><IMG SRC

> </A> ... <A

"=<A HREF="http://www.Dinaro.com/vb3""><IMG SRC

><A HREF="index.html">Main Page</A

></TABLE> ... <TABLE

>"<TABLE BORDER="5" CELLPADDING="5

<TABLE BORDER="5" CELLPADDING="5"

<TABLE BORDER="5" CELLPADDING="5"

<TABLE BORDER="5" CELLPADDING="5"

<TABLE BORDER="5" CELLPADDING="5"

> </TR> ... <TR

<TABLE BORDER="5" HEIGHT="300">

"<TABLE BORDER="5" HEIGHT="300

></TH> ... <TH

%20 %50 %30

%20 %50 %30

<HR SIZE="5" WIDTH="60%">

<HR WIDTH="400" ALIGN="left">

<HR SIZE="5" WIDTH="60%" ALIGN="right">

>! <-- ... --

>This is line one<BR

This is line one

><NOBR> ... </NOBR

<FORM ACTION="mailto:someone@domain.com"> ...

:Please enter your address

.. > <INPUT NAME

: Please enter your address

: Please enter your address