қ ұ
қ: Web қ . . Web қң қ ң. құ.
ұң қ: HTML қ қ Web-қ құ
ққ ғұ
HTML құ ә ә ұ. HTML құ ң .htm ә ә . құ ү ә қғ . құғ Web қң ә ө ү Microsoft Internet Explorer қ.
HTML ң қ. HTML-құ ң ұ <HTML>... </HTML>. ұ қ құ HTML- ә . қ ғ құғ ә ң қ.
< HTML >
...
Құ ә
...
</HTML >
ѳң құ HTML- ң. Құ ө: "қ" ә " құ " ұ.
қ қ. қ қ <HEAD> </HEAD> ң .
< HTML >
<HEAD>
қ қ
...
</HEAD>
Құ ә
</ HTML >
қ қ ө құң ө . ү <TITLE> </TITLE> қ. ұ ң қ қ . ұ қ :
< HTML >
<HEAD>
<TITLE> Құң </TITLE>
</HEAD>
Құ ә
</ HTML >
Құ ң қ
Қғ HTML-құ, ғ қғ қ ә <BODY></BODY> ң . ң құ ғ ү :
< HTML >
<HEAD>
<TITLE> Құң </TITLE>
</HEAD>
<BODY>
құ ә
</BODY>
</ HTML >
ұ 3 қ қғ, құ ң ө-қ . қ ұ , қ ғ ғ құ қ .
|
|
1-ғ. Қ HTML құ.
1. Құғ Web-қ қ ү KURS- ң.
2. (Notepad) үң.
3. Қ HTML-ң ә ң.
<HTML >
<HEAD>
<TITLE> HTMLқ </TITLE>
</HEAD>
<BODY>
ғ қ
</BODY>
</HTML >
4. RASP.HTM қң.
5. Құғ Web-қ ө ү Microsoft Internet Explorer үң.
6. (File), (Open), (, Browse) KURS ң RASP.HTM , үң. Web-қң (HTML қ ) ң ғғ ө ң.
HTML-құ ү ә . ә .
ң ә ң ң . қ ә ғ ә-ә ә ң ү .
<BR> - ә ө ұ. <P> ө, қ қ ұ қ. ұ 2 .
2-ғ. - қ.
1. HTML ң ә ө ңң.
<HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY>
ғ <P>
қ <BR>
</BODY>
</HTML >
2. Ө ә RASP.HTM қң.
3. ққ Web-қ Microsoft Internet Explorer ө қ ғң. ғ ә ө қ ө?
ә ү . ә ү өң қғ ү . қ ү ү қ:
<B></B> - қң қ ()
<I></I> -
<U></U> - қ
Құ қ ү. , <I> <B> ғ </B> </I> <I> қ </I> <U> </U> ө ң.
қ ұ ғ құ ң қ .
|
|
<1-> <2->...</ 2-> </ 1-> - ұ
<1-> <2->...</1-> </2-> - қ .
өң . қ ә қң 2 ә .
- қ қ;
- құ ң ө ғғ ң ө ;
қ қ. ұ6-қ қ (<H1>- <H6>-ғ ). Ә ң қ ә .
3-ғ. қ қ.
1. RASP.HTM ө ңң.
< HTML >
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY>
<H1> ғ </H1> <I> қ </I> <U> </U>
</BODY>
</ HTML>
2. ққ Web-қ қ ғң.
ғғ ң ө . <FONT> 1- 7- әң ғғ ң ө ү .
4-ғ. ғғ ң ө .
1. RASP.HTM ө ң.
< HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY>
<FONT SIZE = 7> ғ </FONT>
қ
</BODY>
</HTML>
2. Ө ң ғ қ әң ө <FONT> қ өң.
3. HTML-құң ә қ өң.
ү. <FONT> ә ү ө ү . ө қ <FONT> FACE қ қ ү . , ә Arial ү <FONT FACE = ARIAL> .
ү ө ү <FONT> COLOR = X қғ . -ң үң (қ) қ 16-қ ә ғ . ү 16-қ ү, ұ ү әқ - ҒҒ-қ ә , ү құғ ө ө : қ (R-Red), (G-Green), ө (B-Blue). ұ ғ RGB ұ .
5-ғ. ң ү .
1. RASP.HTM-құ ө ң.
< HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY>
<U><I><B><FONT COLOR = #FF0000 FACE=ARIAL SIZE =7>
ғ қ </U></I></B>
</BODY>
</ HTML>
2. Ө ң құ әң ө, ү, , өң.
ә . HTML-ң ө ә қғ . ә қө, құғ қ , ң ғ .
|
|
Қ ALIGN =: ә қ.
ALIGN = CENTER
ALIGN = RIGHT- ң
ALIGN = LEFT .
6-ғ. ә .
1. RASP.HTM ө ң.
< HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY>
<P ALIGN = CENTER>
<FONT COLOR = #008080 SIZE = 7> <B>
ғ </B> </FONT> <BR>
<FONT SIZE = 6> <I> қ </I> </FONT>
</P>
</BODY>
</ HTML>
ә ү . ә ү ү ққ ү . үң . қ ү ң , HTML-ң <BODY> .
BGCOLOR = қ ң ү қ, TEXT= қ қғ ә ү , LINK = ә VLINK = ә қғ ә қғ ң ү қ (ңғ 2 қ).
7-ғ. ә ң ү .
RASP.HTM- ө ң.
< HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY BGCOLOR = #FFFFCC TEXT =#330066>
<P ALIGN = CENTER>
<FONT COLOR=#008080 SIZE=7><B>i </B></FONT> <BR>
<FONT SIZE =6> <I> қ </I> </FONT>
</P>
</BODY>
</HTML>
Web-қ . <IMG> құқ ү . ұ құң қ . .
Web- 3 : GIF, JPG, PNG. ғ ғ WAGON. GIF қ KURS ұ қ .
8-ғ. Web-қ .
RASP.HTM ө ң.
< HTML>
<HEAD>
<TITLE> HTML қ </TITLE>
</HEAD>
<BODY BGCOLOR = #FFFFFF TEXT = #330066>
<P ALIGN = CENTER>
<FONT COLOR =#008080 SIZE =7><B> ғ </B></FONT><BR>
<FONT SIZE = 6> <I > қ </I> </FONT> <BR>
<IMG SRC = WAGON .gif>
</P>
</BODY>
</HTML>
<IMG> ө , ғ ө ө қ ұ ү . IMG ң - .
SRC ң . ң - (URL) ө.
HEIDHT ә WIDHT ә ң ұғ қ. ө қ ө ө , ( ө ғ).
HSPACE ә VSPACE ұ ң құ өң ә қ қ қ.
|
|
ALIGN . Құғ ң . ә :
left құң . ғ қ ә ң ғ ө.
right құң ң . ғ қ ә ғ ө.
top ә textop ң ғғ ә ң ғғ ғғ ғ .
middle қ ғғ ә ң қ ғ .
bsmiddle ғғ ә ң .
botton ә baseline ғғ ә ң қ ғ ң ө .
absbottom ң ө ғғ ә ң ө .
NAME құқ ғ ң қ. ѳ қ қ . , , Iava-Script- ү ң .
ALT ә қ, ә қ.
BORDER ң ғ ң ұғ қ. ә ғ ғ . ұ ғ BORDER ә ң.
LOW SCR ұ SRC , ө ө ң - (URL) . ұ қ LOW SRC- ү, SRC- .
USEMAP қ (image map) қ. ғ ң . , map1 , ғ қ : #map1. ұ ә ә ә ұ қ ә ү .
ISMAP өң қ (image map) қ. ғ қ. қ қ ғ x, y . ғ ғ ( ә қ қ ) құ ө . ұ ғғ -қ .
1.
<IMG src="img/picture.gif" WIDTH="45" HEIGHT="53" ALT="" HSPACE="10" ALIGN="left">
ұ ә ң ң ғ ө ә 10 қққ .
2. ү қ.
<A HREF="carlson.html">
<IMG src="img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT=" ">
</A>
қ ғ ү ң қ ң.
3. ISMAP- қ.
<A HREF="http://www.igf.ru/bin/imagemaps/map1">
<IMG SRC="map.gif" ISMAP></A>
4. USEMAP- қ.
<IMG src="img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">
9-ғ. .
RASP.HTM ө ңң: ALT, BORDER, HEIGHT, WIDTH қ қ өң.
. Әқ қ ң (ө ) ң, Web-қң ү қ ә .
қ . қ ұ ұ қ . қ ұ қ, ә ң ә.
|
|
қ <BODY> .
10-ғ. Web-ққ қ .
RASP.HTM ө ң:
<HTML>
<HEAD>
<TITLE>HTML қ </TITLE>
</HEAD>
<BODY BACKGROUND=WAGON.GIF TEXT=#330066>
<P ALIGN=CENTER>
<FONT COLOR=#008080 SIZE=7> <B> ғ </B></FONT><BR>
<FONT SIZE=6><I>қ </I></FONT><BR><BR>
</P>
</BODY>
</HTML>
WAGON.GIF қ қ.
. HTML құң ң ө . ғ өң ұ ұ . ғң қ ұқ . Ұқ ә, қ ү.
ү ө ұ: , ғ қ, ұқ.
( ңғ ә ғ ө). Ә ұқ .
6.1-
TABLE | <TABLE> ә </TABLE> | |
TR | <TR> ә </TR> | ө |
TD | <TD> ә </TD> | ғ ө |
6.2- - <TABLE> ң
BORDER | <TABLE BORDER =1> | қ |
WIDHT | <TABLE WIDHT=60%> | қ |
BGCOLOR | <TABLE BGCOLOR =#RRGGBB> | ң ү |
6.3- - <TD> ә <TR> ң
ALIGN | <TR ALIGN=RIGHT> | өң ғ (RIGHT, LEFT, CENTER) |
VALIGN | <TR VALIGN=TOP> | ҳ ғ (TOP, MIDDLE, BOTTOM, BASELINE) |
BGCOLOR | <TR BGCOLOR =#CCCCFF> | ү |
11-ғ. құ.
1. ғ ң.
2. ә ң:
<HEAD>
<TITLE>5- i</TITLE>
</HEAD>
<BODY COLOR=FFFFFF>
<P ALIGN=CENTER>
<FONT COLOR="RED"SIZE="6"FACE="ARIAL">
<B>5 </B></FONT><BR></P>
<FONT COLOR="BLUE" SIZE="4" FACE="OOURIER"> <B>i</B></FONT><BR>
<TABLE BORDER="I" WIDTH=100% BGCOLOR="99CCCC">
<TR BGCOLOR="CCCCFF" ALIGN=CENTER>
<TD></TD><TD>5 A</TD><TD>5 B</TD><TD>5 B</TD>
</TR>
<TR> <TD>1</TD>
<TD> ii</TD><TD></TD><TD></TD>
</TR>
<TR>
<TD>2</TD><TD></TD><TD></TD><TD> ii</TD>
</TR>
<TR>
<TD>3</TD><TD></TD><TD></TD><TD> </TD> </TR> </TABLE>
</BODY>
</HTML>
3. Құ 5.HTM қң.
12-ғ. құ.
ққ Web-қ ү қ қң.
құ ғғ . ұ ү 2 өң : ң ә ң ө. ѳ ң қ. ѳ ү қ . ұ ң . ѳ ү ө ү <BODY> ң LINK ә VLINK қ.
ѳ .
<A HREF = #DC> ү </A>
ң (DC) қ ө ғ # қ. > ә < ә . ұ ә ө ү .
ң ққ.
<A NAME = DC> ү </A>
13-ғ. құ ғ құ.
1. 5.HTM Wb-қң үң қң:
<HTML>
<TABLE WIDTH=100%>
<TR> <TD>i</TD>
<TD>i</TD>
<TD>i</TD>
<TD>i</TD>
<TD></TD>
<TD>i</TD>
<BODY BGCOLOR="FFFFFF">
</TR> </TABLE>
<BR>
...
</HTML>
3. қң.
ә құ. HTML-ң құғ құқ ө ү ң қ . ѳ ү:
1. HTML ү ң қң:
...
<FONT COLOR="BLUE" SIZE="4" FACE="OOURIER"><B><A NAME=""> i </A></B></FONT><BR>
...
3. ңғ ңғ үң ң.
...
<TABLE WIDTH=100%>
<TR>
<TD><A HREF ="">i </A></TD>
<TD>i</TD>
<TD>i</TD>
...
4. қң.
5. ққ Web-қ қ ғң.
қ HTML- . ѳ ө ө қ қ ғ ө ү .
ѳ қ:
<A HREF = 5.HTM> 5 </A>
(5. ) > ә < ә . ұ ө қ ғ ө .
14-ғ. қ HTML-құ .
1. RASP.HTM үң.
2. ғ ө ң.
<HTML>
<HEAD>
<TITLE> HTML </TITLE>
</HEAD>
<BODY BGCOLOR = "#FFFFFF" TEXT ="#330066">
<P ALIGN = CENTER>
<FONT COLOR = "#008080" SIZE ="7"> <B>i </B></FONT> <BR>
<FONT SIZE = "6"> <I> i </I> </FONT><BR>
<IMG SRC = "PH02750G.GIF">
</P>
<CENTER>
<TABLE WIDTH = 60%>
<TR> <TD> <A HREF="5.HTM"> 5 </A> </TD> <TD> 6 </TD> </TR>
<TR> <TD> 7 </TD> <TD> 8 </TD> </TR>
<TR> <TD> 9 </TD> <TD> 10 </TD> </TR>
<TR> <TD> 11 </TD> <TD> </TD> </TR>
</TABLE>
</CENTER>
</BODY>
</HTML >
3. қң.
4. ққ Web-қ қ ғң.
5 ә, ө ң, қ ғ ө.
15-ғ. қ HTML-құ қ ү c құ.
1. 5. ө ңң, ғ 5 қ ң ң.
ѳ қ қң.
...
</TR>
</TABLE> <BR>
<CENTER>
<A HREF = "RASP.HTM"> <IMG SRC = "HOME.GIF" BORDER = "0"> </A>
</CENTER>
</BODY>
</HTML>
2. ққ Web-қ қ ғң. ѳ HOME.GIF ғ ғ ұ.
3-: ұқғ қ Web-қ құң.
6.4- ұқ
ұқ | қ |
1. | ң қ ғ |
2. | қғ |
3. | ң қң -әү |
4. | Қ-ң ә |
5. | ә |
6. | ү |
7. | Қ ғ |
8. | Әң қ |
9. | Ққ ң |
10. | ң қң ғғ қ |
11. | ң ә ү |
12. | ә |
13. | Қң қ қ |
14. | Ққғ |
15. | ң ү қ |
16. | |
17. | Қғ қң |
18. | Ұқ ғ |
19. | Қ- |
20. | Ққ ң ұ |
ұ:
1. ұғ ққ .
2. ұң ө.
3. Құғ web-қ ғ.
4. қ ұқ .