Вы находитесь на странице: 1из 8

12.

Web- HTML

<html> HTML-, </html>


HTML-. <head> ... </head>
. , <title> </title>, . <body>...</body> HTML- ( ).

 1
<HTML>
<HEAD>
<TITLE> Simple HTML document
</TITLE>
</HEAD>
<BODY >
HTML
</BODY>
</HTML>

1.

(,
, )

,
3.
example1.htm
4. Internet Explorer

, (
example1.htm )
(
, <!-- -->),
HTML-, , <! >.
<P> ... </P> (, <P> </P>, ).
, :
<H1> ... </H1> <H6> ... </H6>
<Hi> ( i 1 6)
. ,
. , <H3> </H3>,
.
<H1> <P> ALIGN (
"", ""), :
<H1 ALIGN=CENTER> </H1>
<P ALIGN=RIGHT> </P>
, <OL>...</OL>
, ,
<OL>
<LI>
<LI> ;
<LI>
</OL>
<LI>.
, <FONT>.
, :
2.

1 7; 3.
() .
,
(, )
(00) 255 (FF).
FACE - , ,
.
:
<b> </b > ;
<i> </i> ;
<u> </u> .
<SUP> <SUB>
. ,
- . , x + x = y
HTML :
x<SUP> 2 </SUP>+x<SUP>3</SUP>=y<SUB>4 </SUB>
 2
1.
<HTML>
(, , )
2. ,
<HEAD>
<TITLE> Ordered list
.
</TITLE>
3. </HEAD>
example2.htm
<! >
4. Internet Explorer <BODY> <HR>
,
<P>
(
example2.htm )
<H3> </H3>
<OL>
<LI>
5.
:
<LI>
- ,
<LI>
- <LI>
<LI> ..
,
6. (2) </OL>
.
</BODY>
</HTML>
7.
SIZE
size=+(-)1
COLOR
.

, ,
,
. . HTML :
<A HREF="[ ]"> </A>

 3

<!
>
1.
<HTML>
(, <HEAD>
, )
<TITLE> Link page </TITLE>
2.
,
</HEAD>
<BODY>
3.
<H4>
</H4>
<A HREF="example1.htm" TARGET="main">
link_page.htm
-HTML </A>
Internet
4.
<P>
Explorer
<A HREF="example2.htm" TARGET="main">
, (
</A>
</BODY>
link_page.htm )
</HTML>

(, )
frameset>...</frameset>.
HTML. , ,
, .
, , : , , ,
.
<frameset>...</frameset>
<body>...</body>. <frameset> :
cols rows. ( ).
cols , .. . , , ,
25% , - 75% : <frameset cols= "25%,75%">.
rows , , .
, 50 , :
<frameset rows = "50,*"> . ,
- .
<frameset>...</frameset> <frame>, <frameset>, <noframes>.
 4




3. example3.htm
4. Internet Explorer -

<!
>
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET COLS="30%,70%">

1.
(, , )
,
2.

<FRAME SRC="link_page.htm">
<FRAME SRC="example1.htm"
NAME="main">
</FRAMESET>
</HTML>

, (
example3.htm )

, <BLOCKQUOTE> </BLOCKQUOTE>,
.
HTML- ,
<BODY>. :
bgcolor ;
text ;
link , ;
vlink ,
alink ,
, .
.
(, )
(00) 255 (FF).
.
1. :
bgcolor = #FFFFFF , , FF (
255), .
2. .
text=#000000 , 00 (), .
3. .
link=#FF0000 FF (255), 00 (), .
<BODY> background = "[ ]",
, .
, GIF (
*.gif) JPEG ( *.jpg *.jpeg).
- HTML , .
 5
<HTML>
<HEAD>
<TITLE> Simple HTML document
</TITLE>
</HEAD>
<BODY bgcolor=#459060 text=#992060 >
HTML
</BODY>


, BODY
;
3.
, -

1.
example1.htm,
HTML-;
2.


Internet Explorer
<HR> .
SIZE ( ) / WIDTH ( ).
.
</HTML>

4.
example1.htm

<HR SIZE=2 WIDTH=100%><BR>


<HR SIZE=4 WIDTH=50%><BR>
<HR SIZE=8 WIDTH=25%><BR>
<HR SIZE=16 WIDTH=12%><BR>

 6
<HTML>
<HEAD>
<TITLE> Ordered list
</TITLE>
</HEAD>
<!
<BODY> <HR>
<P>
<H3>
<HR>
<OL>
<LI>
<LI>
<LI>
<LI>
<LI> . .
</OL>
<HR>
</BODY>
</HTML>

example2.htm,
> 2. <HR>
,
, . . </OL>;
</H3>
, ;
3.
4.
example2.htm
Internet Explorer;

, HTML-

Internet Explorer,

HTML-

1.

HTML-;

HTML GIF
( *.gif) JPEG ( *.jpg *.jpeg)
HTML-.
, , picture.gif,
HTML-.
: <IMG SRC="picture.gif">
<IMG SRC="[ ]">
ALT="[]", :
<IMG SRC="picture.gif" ALT="">
, picture.gif.

ALT ,
, , (
).
, ,
. .
.
<HTML>
<HEAD>
<TITLE>
8</TITLE>
</HEAD>
<BODY>
<H1>
</H1>
<P>
<P> <IMG SRC="picture.gif"></P>
,
<P>

: </P>
"",
:</P>
<P><A HREF="pr.htm"><IMG SRC="picture.gif"></A></P>
</BODY>
</HTML>

<A HREF="..."> </A>,


,
.
 7
example2.htm HTML;
, ( Delete);
1.
a39.gif
2.
HTML , ,
<P> : </P>
<P> IMG SRC="a39.gif"> </P>
,
3.
Explorer (


Internet
).

<TABLE> </TABLE>.
<TABLE> :
ALIGN .
:
ALIGN=LEFT ( ),
ALIGN=CENTER ( ),
ALIGN=RIGHT ( ).
WIDTH .
(, WIDTH=400)
(, WIDTH=80%).
BORDER (, BORDER=4). , .

CELLSPACING
(
, CELLSPACING=2).
CELLPADDING
(
, CELLPADDING=10).
(<CAPTION> ... </CAPTION>),
.
<CAPTION>
ALIGN.
: <CAPTION ALIGN=TOP> (
) <CAPTION ALIGN=BOTTOM> (
).
<TR>
</TR>.
<TR>
:
ALIGN .
:
ALIGN=LEFT (
),
ALIGN=CENTER (
),
).
ALIGN=RIGHT (
VALIGN
.
: VALIGN=TOP (
),
VALIGN=MIDDLE
,
.
VALIGN=BOTTOM
<TD>
</TD>.
<TD>
:
.
NOWRAP
COLSPAN
"
"
.
, COLSPAN=3
,
.
ROWSPAN
"
"
.
, ROWSPAN=2
,
.
ALIGN
.
: ALIGN=LEFT (
),
),
ALIGN=CENTER (
ALIGN=RIGHT (
).
VALIGN
.
:
),
VALIGN=TOP (
VALIGN=MIDDLE (
),
VALIGN=BOTTOM (
).
(
, WIDTH=200).
WIDTH
HEIGHT
(
, HEIGHT=40).
,
.
,
,
&nbsp; (non-breaking space
).
,
.
.

 8
1. example4.htm;
2. :

3. ;
4. :


6
10