1
ә қ:
..
ә қ,
,
4 ү, 2 , .9
2
ә ң: ә ү, ү,
ғ қғ ң,
ә .
қ 2. .
қ: HTML .
:
1 ө
2 ө
3 ғ
4 қң
HTML- ң ү ү :
- ө
- ө
- ң
әү қ қң қ ғ c. ү ғ (қ ә қ) қ қ. ғ ң ә.
1 ө .
ө ң ө ү . , ө өң, қғ ө ү .
ө < OL > ә </OL > қ. Ә < LI > . :
<OL>
<LI> қ
<LI>
<LI>
</OL>
- қ
<OL> ү:
<OL TYPE=A|a|I|i|1 START=n>
ұ:
TYPE
ү:
A ү ә (A,B,C...)
a ә(a,b,c...)
I ү (I,II,III...)
i (i,ii,iii...)
1 қ (1,2,3...)
START=n
:
<OL TYPE=I START=15>
<LI> қ
<LI>
<LI>
</OL>
қ
2 ө .
Ә ө қ. ү, қ, ө.
ө < UL > ә </UL > қ. Ә < LI > . :
:
<UL>
<LI>
<LI>
<LI>
</UL>
<UL> :
<UL TYPE=disc|circle|square>
|
|
ң < UL > ү ү қ ңғ қ (disc), өң (circle) (square). :
<UL TYPE=square>
<LI>
<LI>
<LI>
</UL>
3 ғ .
ғ ө:
<HTML><HEAD><TITLE> Қ </TITLE></HEAD>
<BODY> <H2> ң ң қң </H2>
<H3> Құғ: 1996 30
</H3>
ң ң құ қң -ө .
<P>
ҳ қ қ ғ ғ қ . <P>
<OL>
<LI>
<UL>
<LI> ..
<LI> ..
</UL>
<LI> ө
<UL>
<LI> ..
<LI> ..
</UL> </OL></BODY></HTML>
̳, ө:
ң ң қң
Құғ: 1996 30
ң ң құ қң -ө .
<P>
ҳ қ қ ғ ғ қ .
..
..
..
..
ҳ <LI>
<LI> :
<OL TYPE=disc|circle|squade> < OL TYPE=A|a|I|i|1 VALUE=n>
қ қ ү , ғ .
TYPE
ү (. <UL>) (.OL)
VALUE=n
ө ғ ғ (ң ө). ү ғ ң ө ө .
:
<OL TYPE=I START=15>
<LI>
<LI TYPE=i VALUE=25>
<
LI>
</OL>
4 қң .
қң <DL > ә </DL > қ. үқ ү қ қ. Ә <DT> ә <DD> . :
<DL>
<DT> <B> ө </B>
<DD> ө ә қ қғ ө
<DT> <B>Қ ө </B>
<DD> ө қ қ .
<DT> <B> ө </B>
<DD> ө ң ң қ ә қ , ң , қ қ ә .
</DL>
ө
ө қ-ү ә ө ө қғ .
|
|
Қ ө
ө қ қ .
Ә: 1, 25-34 ; 3, 18-26 .
ө ң ң қ ә қ , ң , қ қ ә ..
1
ө қ:
;
;
2
Ө ң ө :
3
қ ң:
ө
ө өң ә қ қғ ұғ
Қ ө
ө қ қ
ң ө
ө ә ң қң , ң ұғ, қ қ ә ..
4
Ө ғ ң:
ң ң қң
Құғ:30 қ 2000
ң ң қ қң -ө ұ.
ҳ қ қ ғ қ .
..
..
ө
..
..
қ 3. ә қ .
қ: HTML ә қ .
:
1 ә
2 HTML-құғ құ
3 Құң ү
1 ә .
Қғ WEB- ө қ ө ә . ә ққ, құң ғ қ ә ғ , ұ қғ қ ңғ ә ғ ү . ѳ қ , ұ ү ә ң ү қ (ә қ) ғ ү . ѳ қ құ, құң ө қ , , ө FTP- ұ.
URL ұқ ғ ө ұқ ғ ғ құқ ө , ұ ө ғ ү WEB- құ қ.
HTML ә HTML-құң ұ ү URL- (Uniform Resource Locator) қ. URL-ң ө (қ ү ) ұқ ң ә . URL-ң ө (қ ү ) ұқ ң ә ү . Ә қ ү ң :
|
|
method :// machine-name /path/foo.html
HTTP қ www.softexpress.com HTML-құ index.html қ ө:
http://www.softexpress.com/index.html
Uniform Resource Locator- :
method://servername:port/pathname#anchor
URL-ң ө:
METHOD - URL- ү ң .
қ ә:
file - қ қ. ң қң қ ү. ә қң қ қ ң ө ү қ.
:
file:/home/alex/index.html қғ ғ /home/alex index.html ө.
http - WEB-ққ HTTP- қ қ ұқ .
ftp - FTP- ң ұ. :
ftp://hostname/directory/filename
mailto - ө қ қ қ. :
mailto:[email protected] қ ң қ қ, softexpress.com ғ info қғ қ. mailto ә қ ү ң ө қ (ә қ ү ң қ - ).
telnet - telnet қ ү.
news - қ, қ қ.
: news:relcom.www.support
SERVERNAME
ң қ ө . :
www.softexpress.com ң қ .
ң ө, қ ә URL-ғ қ ө қ HTML-құ ғ . ң қ ң IP- қ ү, қ ұ қ -ң қ ү ұ.
WEB- ұ TCP ң . ө, қ ү 80 қ. (port) URL-ң ө қ.
Құқ URL- ү ә қ ө қ . Ә ү WEB- құқ ұқ ү ү ә ү ү. , CGI қғ ( ғң), ә WEB-ң ғ . ү URL- қ WEB- қ ө. WEB- ө, ұғ ғ ү. ғ ғ, ұғ қ ң қ ү, .
|
|
:
http://www.softexpress.com/cgi-win/handle.exe
HTTP- ғ www.softexpress.com қ handle.exe CGI- қ . - /cgi-win/ - ә ( ү ). ө ә UNIX қ, ұ DOS ә Windows-қ қғ ң қ. ң ә құң , ғ ң ү ( ) ү WEB- . URL ң қ, құ WEB-ң ү қ ғ ң ү құ ұ (ә ұ index.html).
2 HTML-құғ құ.
URL- ғ ү HTML-құ URL- қ. ө HTML :
<A HREF=" URL "> -қ-қ-ә </A>
<A HREF=" URL "> ң , </A> . ң қ - ә Web- қ. Ә ұ әң ғ ә ө ү ( қң қ ү) . URL- ә ө, қғғ ғ ғ ә ү ғ қ (ә қ ғ ә қ ). HTML-құ ң :
<A HREF="http:/www.softexpress.com/index.html> </A>
3 Құң ү .
ѳ ғ қ , құң ә ү ө ө . ұ -қ құң ө ө ө қ . ѳ , құң ө ө , өң ұғ (ә, өң өң қ) ң ( ұ ң ).
ұ құ ү қ қ:
өң құң. ң :
<A NAME="named_anchor"> ң---ө-ә </A>
құң: <A HREF="#named_anchor"> ә </A>
Ә: 1, 25-34 ; 3, 18-26 .
1:
Қ қ " 1" , 1 ө ө.
Қ қ " 2" , 2 ө ө.
1
2
1
1
2
2
қ 4. HTML құң .
қ: HTML құң , , ұ .
:
1 HTML-құғ
2
3 ҳ қ
1 HTML-құғ .
Web-ң ң ғ HTML-құң ң қ ә ө үң қ ү. ұ ә <IMG...ISMAP> ң ө . құң қ ү ә қ ә қ.
|
|
HTML-құғ ң ү . - құқ қ , ғ құң қ ң ө ү . Құ "inline image" .
ң :
<IMG SRC=" URL " ALT=" text " HEIGHT=n1 ALIGN= top|middle|bottom|texttop ISMAP>
ә қ URL қ . URL қ ө. ү қ қ. Қ ү GIF ә JPG ү.
ALT="text"
ү қ ғ ә ғғ. Ә, ө ө ққ . ғ ғ ө . , ө . ң ң қ ү , ALT ұғ . , Lynx.
HEIGTH=n1
ғ ң ө ү . ө, ң ң . ұ ғ қғ ү , ң ә құң қ ү ғқ . қ, ү. ғ, ң ңң ұқ ө ө ү. қ қ ң ө ғ ұқ ң.
WIDTH=n2
ұғ қ . қ ғ ң ғ ұғ ү .
ALIGN
әң қ ү . ғ ң қңқ ү . , ң ө ң қ ө, ә ң қ ө ғ.
ISMAP
қ , ғ қ ә ғ ү ө . ұ ү HTML ң ә ө қ .
ғ :
< IMG SRC="http://www.softexpress.com/images/nekton.jpg" ALT=" " ALIGN="top" ISMAP>
HTML 2.0 <IMG> қ :
<IMG SRC=" URL " ALT=" text " HEIGHT=n1 ALIGN= top|middle|bottom|texttop| absmiddle|baseline|absbottom BORDER=n3 VSPACE=n4 HSPACE=n5 ISMAP>
ң :
BORDER - ғ ң ңғ ң ү ..
VSPACE - ә ң ү ғ ү ғ ң ү ә ғ ңң ө қғ ү . Ә, құ ө қ қ ө ң.
HSPACE VSPACE - ә,қ .
.
ө құқ қ құң ә қғ ү . ұ, қ. ққ ұқ ө құ қ ө.
ң BODY қ ә ө:
< BODY BACKGROUND=" picture.gif ">
Қ ү ғ
HTML- құң, ә ә ң ү ұ. ү ғ ү <BODY> қ қ қ:
< BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">
ң ң ү . :
BGCOLOR - Құ ң ү
TEXT - Құң әң ү
LINK - ѳң ү
ү ғ ғ RGB (Red, Green, Blue). ү #000000 қғ, ү#FFFFFF ққ ә . ,
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
құң қ ү, қ ү ә ә ү ү .
3 ҳ қ.
<HR> , ѳ ә қ ө .
ң :
<HR SIZE=number WIDTH= number|percent ALIGN= left|right|center NOSHADE >
ң :
SIZE - ғ қң қңғ.
WIDTH - ғ қң ң .
ALIGN - (ғ | қ | ңғ).
NOSHADE - өң 3D ү қ ү ұғ. NOSHADE ү қ қ ұғ ү .
RGB үң ғ : қ, ө ә ү ққ
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
ң ө ү ғ.
ңғ ү ү ә ң ү . қ қ ә ң ө ғғ ү . ө ө үң ө:
White | Red | Orange | Yellow | ||||
Green | Blue | Purple | Black | ||||
Aliceblue | Antiquewhite | Aqua | Aquamarine | ||||
Azure | Beige | Bisque | Blanchedalmond | ||||
Blueviolet | Brown | Burlywood | Cadetblue | ||||
Chartreuse | Chocolate | Coral | Cornflowerblue | ||||
Cornsilk | Crimson | Cyan | Darkblue | ||||
Darkcyan | Darkgoldenrod | Darkgray | Darkgreen | ||||
Darkkhaki | Darkmagenta | Darkolivegreen | Darkorange | ||||
Darkorchid | Darkred | Darksalmon | Darkseagreen | ||||
Darkslateblue | Darkslategray | Darkturquoise | Darkviolet | ||||
Deeppink | Deepskyblue | Dimgray | Dodgerblue | ||||
Firebrick | Floralwhite | Forestgreen | Fuschia | ||||
Gainsboro | Ghostwhite | Gold | Goldenrod | ||||
Gray | Greenyellow | Honeydew | Hotpink | ||||
Indianred | Indigo | Ivory | Khaki | ||||
Lavender | Lavenderblush | Lemonchiffon | Lightblue | ||||
Lightcoral | Lightcyan | Lightcoldenrodyellow | Lightgreen | ||||
Lightgray | Lightpink | Lightsalmon | Lightseagreen | ||||
Lightskyblue | Lightslategray | Lightsteelblue | Lightyellow | ||||
Lime | Limegreen | Linen | Magenta | ||||
Maroon | Mediumaquamarine | Mediumblue | Mediumorchid | ||||
Mediumpurple | Mediumseagreen | Mediumslateblue | Mediumspringgreen | ||||
Mediumturquoise | Mediumvioletred | Midnightblue | Mintcream | ||||
Mistyrose | Navajowhite | Navy | Oldlace | ||||
Olive | Olivedrab | Orangered | Orchid | ||||
Palegoldenrod | Palegreen | Paleturquoise | Palevioletred | ||||
Papayawhip | Peachpuff | Peru | Pink | ||||
Plum | Powderblue | Rosybrown | Royalblue | ||||
Saddlebrown | Seagreen | Seashell | Sienna | ||||
Silver | Skyblue | Slateblue | Slategray | ||||
Snow | Springgreen | Steelblue | Tan | ||||
Teal | Thistle | Tomato | Turquoise | ||||
Violet | Wheat | Whitesmoke | Yellowgreen |
Ә: 1, 54-63 ; 2, 38-46 .
1:
құ қ .
2:
қ ә ң ү қ .
қ 5. ѳң HTML-құңғ ң қ.
қ: HTML құң қ.
:
1 ң ққ
2 HTML
1 ң ққ .
HTML ң құң ә ө ғ әң әү қғ ұқ . ө ү ң ққ :
bold ()
italic (ғ)
mono spaced (type writer әң қ)
ѳ ң әү ү c, ә ғ.
ә | ||
Bold | <B> ұ ә </B> | ұ ә |
Italic | <I> ұ ә ғ </I> | ұ ә ғ |
Mono spaced | <TT> ұ ә . ә </TT> | ұ ә . ә |
ң қ ғ әү ө ұқ , :
<b></b> - <i> <b>!</b></i>
- !
Қ :
big (ү)
small ()
sub (ө )
sup (ғғ )
ә | ||
Big | ұ ә <BIG> ү </BIG> | ұ ү |
Small | ұ ә <SMALL> </SMALL> | ұ |
Sub | ұ ә <SUB> ө </SUB> | ұ ө |
Sup | ұ ә <SUP> ғғ </SUP> | ұ ә ғғ |
Ә ө < FONT SIZE >
ѳ ө ә ө ө c:
< FONT SIZE =+|- n >
Ә ө 1 7- . ѳ ә ө ғ ( -3) ұ ұ ққ ү ө c.
< BASEFONT SIZE=n >
:
< p > ә
<font SIZE=+1></font><font SIZE=+2></font>
<font SIZE=+3></font><font SIZE=+4></font>
<font SIZE=+3></font><font SIZE=+2></font>
<font SIZE=+1></font></p>
ә ү < FONT SIZE >
ѳ ө ә ү ө c:
< FONT COLOR="#xxxxxx >
ү - ә ө ұқ қ ү қ RGB- ө (Red - Green - Blue). ,, қ ү - " 000000 ", қ -" FFFFFF ", ө - 0000FF ә ..
<FONT COLOR="#FF0000">
Қ </FONT>
<FONT COLOR="#00FF00">
</FONT>
<FONT COLOR="#0000FF">
ө </FONT>
Қ ө
HTML .
HTML - құң ө ұқ .
<ADDRESS> Құ ң ң ө ү қ (, e-mail).
:
<ADDRESS> - </ADDRESS>
Escape
HTML- қ ә құ қғ :
қ ұқ қ <
ң қ ұқ қ >
&
қ
қ ү, escape- .
escape-ң ү ө , © ә ® ңң ө; ң ү, HTML 2.0 ө ү.
7- қ ә ұқ ү escape-ң қ ң 2- өң .
Ә: 2, 54-63 ; 4, 38-46 .
1:
Font қ .
2:
қғ Font қ қ.
қ 6. HTML .
қ: WEB- ұ .
:
1 ғ ә
2 SELECT
3 ң ө
1 ғ ә.
ққ ә қ , WWW browser қғ өң WWW- ә ғ ұқ . WEB- ұ ө checkboxes, radiobuttons, ү , , ә ғ . GUI қ құ. Қ "" (SUBMIT құң қ ү), қ, ғ HTTP- өң ү ә қ ғ ү , қ CGI (Common Gateway Interface) ұ .
ѳ ң ә <INPUT> қ. Қ ң ғ , қ ң VALUE ө .
қ <FORM> ә </FORM> қ.
<FORM METHOD="get|post" ACTION="URL"> _____HTML</FORM>METHOD - ғ ә. Әң қ ә ғ ү ң :
GET: ғ ә қ ө URL ң қ. CGI-ғ (CGI-) QUERY_STRING ө ү . GET ә қғ ұ.
- POST: ә URL-ғ ү қ ә . CGI-ғ ә қ . қ ғ ; ң қғ қ ү CONTENT_LENGTH ө қ. ә қғ ұ.
ACTION
ACTION өң ү қ URL- . URL әқ қ CGI- ғғ .
<TEXTAREA> қғ ұ қ ү қ ( ә). <TEXTAREA> ң қ :
<TEXTAREA NAME="address" ROWS=10 COLS=50>
,
,
.9, 448
</TEXTAREA>
<TEXTAREA> ң қ әң ә қ . </TEXTAREA> ң ө ғ ң ө қ . ң ғ:
- NAME өң
- ROWS өң
COLS өң
ө ө қ ә қғ ң, <TEXTAREA> ә </TEXTAREA> ң қ.
<INPUT> әң ө ү қ.
:
CHECKED - CHECKBOX RADIOBUTTON ң .
MAXLENGTH ө қ қ. ұқ ң ө ң қ ү ң ұқ . SIZE қ. MAXLENGTH SIZE қ , ө . MAXLENGTH ғ ң.
- NAME өң . өң ө ә қ.
- SIZE ғ өң ө.
- SRC URL (IMAGE қ).
- TYPE өң . ұ әң ң қ ө. Қғ қ ө қ:
CHECKBOX
Қ қ ә (BOOLEAN) қ. қғ CGI-ғғ , ON OFF ә қ , ө ә.
HIDDEN
ң ө ә ғ ң ә ө ұқ . ұ ө CGI-ғғ қ қ, ID , ә қ қ ғ қ.
IMAGE
ө қ ө ғ ұқ . қң ө ң қ, ұқ CGI-ғ қ. NAME ә ү ө- ң құ: NAME ө ң ң. ө . ұ ғ - ү . ( ң ғғ ұ ), қ қ NAME өң ң. ө - . VALUE ң қ ә қ. ң SRC қ ә <IMG> ә .
PASSWORD
TEXT қ, қ ә ө.
RADIO
ә ғғ ү . құ ү TYPE="RADIO" ө құ қ. ө VALUE ң ә ү ә, қ NAME ң ә ғ . CGI-ғғ NAME=VALUE ң ә . VALUE ә қ қ ңғ () VALUE ң ә қ. RADIO өң ң ңғ қғ қ ө (NAME ) ү ғ .
RESET
қ ң қ ө ә , ү .
SUBMIT
қ ң ө CGI-ғ ( URL) қ . VALUE ө .
TEXT
өң қ ө . MAXLENGTH ә SIZE қ әң ұғ қғ ә ғ өң ө қғ қң. ( 20 қ).
VALUE - ө ә қ RADIO (RADIO ү ү қ) қғ ң ә.
ғ ң ң LISTBOX қ. ү ң ң ү ү :
Select әң ғ ң OPTION ә ң. ү ү LISTBOX қ .
- Select single Select қ, қ ңң ү қ ө. ө , .
- Select multiple LISTBOX- ңғ ұқ .
2 SELECT .
SELECT қғ ғ ә ә ңғ ү . Ә ү ө.
SELECT <SELECT> қ қ </SELECT> ң . ң ө. <SELECT> ң :
<FORM>
<SELECT NAME=group>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
</SELECT>
</FORM>
SELECT SINGLE
SELECT SINGLE ұ Select- ұқ, қ қ қ ң ө (ү ). ө , . қ ө ң SIZE қ. :
<FORM>
<SELECT SINGLE NAME=group SIZE=4>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
SELECT MULTIPLE SELECT SINGLE ұқ, қ ұ қ қ ө ң . SIZE қ ө ң қ. MULTIPLE қ ңғ ң . :
<FORM>
<SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
қ ә ңғ , ңғғ ә NAME=VALUE ә NAME, ә ү ә VALUE .
3 ң ө .
ққ ү ғ , қ ү қғ .
:
<FORM ENCTYPE="multipart/form-data" ACTION="url" METHOD=POST>
: <INPUT NAME="userfile" TYPE="file">
<P>
<INPUT TYPE="submit" VALUE=" ">
</FORM>
:
:
<FORM action="mailto: @ .ru?subject=" Comment from Home Page " method="post" enctype="text/plain">
<br> : <br>
<TEXTAREA type="text" NAME=" " ROWS= 5 COLS= 50 ></TEXTAREA> <br>
: <br>
<INPUT type="text" NAME=" " SIZE=" 57 "> <br>
E-mail: <br>
<INPUT type="text" name=" e-mail " size=" 52 " maxlength=" 360 "> <br>
<INPUT type="reset" VALUE= >
<INPUT type=SUBMIT VALUE= >
</FORM>
:
:
:
E-mail:
:
E-mail:
<INPUT> қ қ . , қ , ғ, қғқ, ғ ә ә ғ ү қ. қ ң қ қ ң ә CGI , : . type қ 8 .
- TEXT
ә ө, қ ү қ. ұ қ . ұ , , , , әү . ң ү.
- maxlength. ғ ұқ .
- size. ө ұқ.
- value. Ө қ .
: <INPUT type="TEXT" name=" Hobby " maxlength=" 35 " size=" 20 " value=" Shopping ">
:
- PASSWORD
ң ұ ғ ө:
- maxlength. ғ ұқ .
- size. ө ұқ
- value. Ө қ .
: <INPUT type="PASSWORD" name=" PASSWORD_BOX " maxlength=" 35 " size=" 20 ">
:
- HIDDEN
қ ғ . Қ ө, қ ү . CGI ң ө, қ қғ ү қ, , ө. ұ қң ұ ң, қ құ. , HTML ғ ү қ.
<INPUT type="HIDDEN" name=" file " value=" anyfile.html "> - CHECKBOX
қғ қ ү : /қ /ғ ү/ ә ғ қ. құ ү . ң ү: - checked. ң қ .
- value. Ө , қ .
: <INPUT type="checkbox" name=" send_mail " value=" ye