:






-




<input type=checkbox/> - , ұ қ өұ ң. ң ө ү . Өң өң қ ү , ң ұ ұ қ.

<html>

<head>

<title>-</title>

</head>

<body>

<form action=>

<input type=checkbox name=vehicle value=Bike/>

<br />

<input type=checkbox name=vehicle value=Car/>

</form>

</body>

</html>

</html>

55. -

 

<input type=radio/>- қ , қ өң . - ұқ , -ү , ғ ң. ң ə. ə ң .

<html>

<head>

<title>-ү</title>

</head>

<body>

<form action=>

<input type=radio name=sex value=male/><br />

<input type=radio name=sex value=female/>Ə

</form>

</body>

</html>

56. -ү

 

<select name=cars>ө қ . ң ң ңғ .

<html>

<head>

<title> </title>

</head>

<body>

<form action=>

<select name=cars>

<option value=volvo></option>

<option value=saab></option>

<option value=fiat></option>

<option value=audi></option>

</select>

</form>

</body>

</html>

57.

 

Ө ə ң

<textarea rows=10 cols=30> 30 , ұғ 10 ө ə ң - ғ.

<html>

<head>

<title>ə ң</title>

</head>

<body>

<p>ұ ө ə ң.</p>

<textarea rows=10 cols=30>

қ ү.



</textarea>

</body>

</html>

58. Ө ə ң

 

ү

<input type=button value=ə!> ү , үң ə!.

<html>

<head>

<title>ү</title>

</head>

<body>

<form action=>

<input type=button value=ə!>

</form>

</body>

</html>

59. ү

ə

<input type=button value=ə!> ү , үң ə!.

<html>

<head>

<title> ə</title>

</head>

<form>

<form action=>

<fieldset>

<legend> ə:</legend>

: <input type=text size=30/><br />

-: <input type=text size=30/><br />

ғү:<input type=text size=10/>

</fieldset>

</form>

</body>

</html>

60. ə

ә 11. HTML

:

- ққ:

- Ққ;

- қ;

- .

- :

- қғ ;

- қ ү ;

- үң .



*.html құ ң қ ө ү . - қ қ ө ө. ə ө - ө. Қ ң ң қ ғ ғ, ң ққ қ ө:

ққ:

Ққ

қ қ - ң ө ө . , қғ ө ү, ң қғ ө ү.

қ

ң - ү ү ң қ , ү қң ө . ү. қ ң ө ө ң ө қ .

қ ң ұ: ңөөқ, ұөқғө, қөө.

:

қғ

ө қғ , ө ң . , site.com . - қ ө қ, URL ө.

қ ү

Қ ө қ қғ, ө. əқ ң noframes ұқ ғ .

үң

ү қғ ұ , ө - қ қ құғ қ.

қ, ғ ғ ң ғ . ү қ қғ .

<FRAMESET> құ

<FRAMESET>- ң құ қ .

, қғ ө ү, ң қғ ө ү.

 

61. Frameset

 

<html>

<head>

<title>Frameset </title>

</head>

<frameset cols = 25%, *>

<frame src =frame_left.html />

<frame src =frame_right.html />

</frameset>

</html>

ұ <FRAMESET> ң қ қ. қң, ұ <BODY> ң ғ ə қ cols қ, ғ 25%, *ə . - ғғ (columns) ө ə ң ң ө ө , қғ өң . <FRAMESET> құң ққ. ғ ғ, ə - ө.

ұ ғ frame_left.html құ ө, frame_right.html - ө ұ.

 

62. Əң-ө

 

cols ң ə 50%, * ə ө, құ ң ң ө ғ .

63. cols ңə 50%, * ғ

 

құң ққ. ү cols ң rows қ.

64. rows

 

<html>

<head>

<title>Frameset </title>

</head>

<frameset rows = 50%, *>

<frame src =frame_left.html />

<frame src =frame_right.html />

</frameset>

</html>

, құ (row) . Ү құ қ ө.

 

65. (row) ү құ қ

 

 

<html>

<head>

<title>Frameset </title>

</head>

<frameset rows = 20%, *, 10%>

<frame src =header.html />

<frame src =content.html />

<frame src =footer.html />

</frameset>

</html>

ұ <FRAMESET> ү ұ. ə ң құ ң 20%-, 70%- ə ү 10%- қ.

ү ү: ғ ө ө.

66. ғ ө ө

 

<html>

<head>

<title>Frameset </title>

</head>

<frameset rows = 20%, *, 10%>

<frame src =header.html />

<frameset cols = *, 20%>

<frame src =content.html />

<frame src =right_sidebar.html />

</frameset>

<frame src =footer.html />

</frameset>

</html>

ү () құ қ. ғ, <FRAMESET>-ң ғ <FRAMESET>- қ. ө ңғ ө 60% 40%- ө ө.

, ү - ғғ ө, ұғ ө, қ ө ə ө ө қ. ө ө ə ө құ ө:

67. үң ө ə құ

ұ құғ қ, қ құ қ ө . , header.html ғғ, right_sidebar.html ң қ ө ұ қ. , ə құқ ң қ қғ .

үң ө ө.

1. <FRAMESET>-ң border ө ң, ң ғ қ.

68. border өң Frameset

 

2. noresize қ ң ө ө қ.

<html>

<head>

<title>Frameset </title>

</head>

<frameset rows = 20%, *, 10% border=0>

<frame src =header.html noresize />

<frameset cols = *, 20%>

<frame src =content.html noresize />

<frame src =right_sidebar.html noresize />

</frameset>

<frame src =footer.html noresize />

</frameset>

</html>

3. scrolling=yes қ ұғ қ , ə ө ө ө , ң қ ғ қ ө .

69. scrolling

 

() ққ, əң қ . -ң қғ . ң қ , . <iframe> қ қ.

70.

 

<html>

<head>

<title>iFrame</title>

</head>

<body>

<iframe src=content.html width=300 height=150></iframe>

</body>

</html>

-ң ғ .

 

ә 12. HTML

:

- құ;

- ғқ ;

- ң ө .

 

ұ ө ұғң қ ң ғқ . ұ қ ө ұ қ. ң ғ ұ ғғ (frame). ңғ, . ң ө ү ө ұ. , , ү related, әү ңқ, ұ ө. ң ө (footer), ң -, .

ң , қ.

index.htmlққ. ұғ DOCTYPE HTML PUBLIC HTML-ң қ ғ . <html>, <head> . <meta charset=utf-8> ұ . <title> қ .

<frameset> ғ ө 100, ө ө 80, ңғ ө -ү, ө ұ ө .

TopNav TopNavigation ғғ ө .

ү ө ұ FRAMESET. 200 ө , ңғ ғ ә ө ұ.

Frameborder, border ң ң , framespacing -ғ қ қ .

Menu menu_1.html ұ, marginheight, marginwidth ғ ә ғ қ қ .

-қ, content, related ә Footer ө қ.

қ ққ. Content.html ә ұ. content қ , қ қ ғ . : , , қ ұ Ққң қ қғ . ұ ұ қ ү ө .

қ ү ү қ , қ .

ңғ ө ғ ү , қ ғ ұ қ қ қ ғ ұ ғ .

ң қ . қ, ғ қ ңқ ғ қғ .

Footer ң қ қ. content.html ққ, ң ғ қ қ, body- CSS қғ. <style type=text/css> , CSS- ө , HTML ң қғ . ұ:

Font-family: Verdana, Arial, Sans-Serifң ү .

Font-sizeң ө .

Marginәң -ғғ қ ұ .

Background-colorң ү .

Map.jpg қғ, map.jpg ө қғ.-қ, қ ә ң ә.

қ footer ңғ CSS қ. қ ғ.

Menu_1.html қ, CSS ә Қ қ ө.

ѳ ұ ү қ қғ .

ұ Related.html. Ә қ , ңқ қ.

ңқ , ғ .

Top_nav.html , Ққ қ ә ө .

, қ, ө ұ.

өңң ғңғ қ ңғ .

Қ

ұ қ қ ғқ құ ү. ң ғқ , ң қ ө ұ қ. HTML ғ қ.

 


3. Қ Қ

қ ұ 1

қ: Құ-қ. ү

Ә ұқ:

қ қ ү құ ():

D:\ қ\
(notepad) ә ө:
<html>
<head>
<title>ң қ </title>

</head>
<body>
, ұ ң ғ..
<br>
Қ ң! :)
</body>
</html> (.)

*.html (.) қ.

D:\ қ\index.html

Internet Explore ( ң, ә ).

- - - ң (index.html).

*.html ө қ (), Internet Explorer- ө ү , IE (Internet Explorer) ұ . ө қ, қ қ ң қ ұ ң.

ққ, қ ө ә қ ғ қ.

 

<html>
<head>
<title>ң қ </title>
</head>
<body>
ә, ұ ң ғ.
<br>
Қ ң! :)
</body>
</html> (.)

 

, қ қ (html) ң ң . , Html ң (.), (ғ, ә ү). ғ, ң әң қ ү ө қ (tags ).

: <br> (ә ғ , Enterқ). Body - , :)

ғ, қ < ә >ғ - ұ . < > қ ғ ә, ө.

ө ғ ө ө ә әү. ң, ұ ғ , ө.

<html>

ұ . , :

</html>

ү ү . <br> қ қ . қ қ .

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body>

ә, ұ ң ғ.
<br>
Қ ң! :)
</body>
</html> (.)


<head> </head> - ң
<body> </body> - ң

<head> </head> қ қ қ (ң қ ә қ, ә қ, ә қғ ө). , <title> - қ . ? IE (Internet Explore)- ң қ ң қ ғғ қ ғ ң (ң қ )... өң ?:)

<body> </body> ғ қ қ - құң ұ. қ : әң ү, ә әң ө ө, , ә . .

қ ұ 2

қ: әң ү ө

Ә ұқ:

ұ қ ү.ң . (ң қ ү - қ ұң, қ ғ. ө ң қ қң, ә қ .

ұ ? , қ ү .

, қ ү - ffffff

ң ғғ қ. Қ ң ө қ ү қ.

<font color="#CC0000">Қ ң! :)</font>

0000 үң қ ә қ өң.

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body>
, ұ ң ғқ ғ.
<br>
<font color="#CC0000"> Қ ң! :) </font>
</body>
</html> (.)

 

<font></font> - ө. ң ө әң ү ғ , қ ө, қ ү (Arial) , қ ұ .

ү ғ қ ? - <body> ү:

<body text="#336699">

 

ұ , ә , әң қ ө ү , ғ, <font></font> қ ( <body> -ғ ү , ү қ ү ).

 

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699">
ә, ұ ң ғ.
<br>
<font color="#CC0000"> Қ ң!</font> :)
</body>
</html> (.)

 

әң ү қ, қ. қ ң.

 

қ ұ 3

қ: ң ү ө ә

Ә ұқ:

ұ қ ң ң ү қ ө , ә ө қғ.

ү <body>:

<body bgcolor="#000000">

ө ү қ ү , ө ң қ ү ң. ( <body> , , , , body).

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
ә , ұ ң ғқ .
<br>
<font color="#CC0000"> Қ ң!</font> :)
</body>
</html> (.)

 

ң: қ <body> ; ң ү , ү .

<body text="#336699 bgcolor="#000000">

ңң қ ө , ү қ.

, қ қ қ ү қң ұ. (, қ,қ ). ? ғ ө ң ңң ө ң! қ, ө ң ө ө ү қғ ұ , ң ғ ү .

: қ қғ ү Kiss me қ ү қ ә ң ң , қ ө ? :).

, ө ө, ң қ!

ұ ө . :

<p></p>

ө ғ :

<p align="center"></p>

ө қ ү :


<p align="left"></p>

ң ң ғ:

<p align="right"></p>

ң ө, ғ (ғ қ қ (center) , қ қ Left Right ә қ өң ).

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
<p align="center">
ә , ұ ң ғқ .
<br>
<font color="#CC0000"> Қ ң!</font> :) </p>
</body>
</html> (.)

қ, ә қ ү қң. қ қ қ ң ұң <br> ө ү, ү қ ғқ. ұ ғ ? <p align="center">:

<center></center>

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
ә , ұ ң ғқ
<br>
<font color="#CC0000"> Қ ң!</font> :) </center>
</body>
</html> (.)

<p> ө ә , ң ң ө :

<p align="justify"></p>

ұ ң ү , ү, ә қ ә ә қ.

<html>
<head>
<title>ң ғқ </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
ә , ұ ң ғқ .
<br>
<font color="#CC0000"> Қ ң!</font> :) </center>
<p align="justify">
қ ғ ө , ғ ұғ өң ң ү, ң ө ү, қ, ң ққ ғ ү ү құғ . ү қ қ , ң ғ ? :)
</p>
</body>
</html> (.)

 

ұ ү құ қ (, ә өң құң). ө ң қ ң justify- ү ұ өң:)

қ ұ 4

қ: қ ә ә ө

Ә ұқ:

 

ұ ө қ ө ү ә ғ <font></font>.

, , қ ң өң. ғ "ә, ұ ң ғқ " қ. ү қ қғ :

<H1> </H1>

<H2> </H2>

<H3> </H3>

<H4> </H4>

<H5> </H5>

<H6> </H6>

ә қ ү ә ұғ . қ ң қ қң 6 ң ә ә өң ә , ә қ ғ ұғ ә қ ө ұ. ( қ). ә, қ қ ө, ұ ң ғ қ, ө ңғ:)

ғ ү ң қ <H3></H3> (ң ү ө:). ққ қң.

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>ә ,ұ ң ғқ .</H3>
<br>
<font color="#CC0000"> Қ ң!</font> :) </center>
<p align="justify">
қ ғ ө , ғ ұғ өң ң ү, ң ө ү, қ, ң ққ ғ ү ү құғ . ү қ қ , ң ғ ? :)
</p>
</body>
</html> (.)

 

қ ң ғ ө ғ (, ), Қ, ң ү ө ғ ң , қ ? қ ұ , қ ң үң <font></font>:
<font size="+4"> </font>
<font size="+3"> </font>
<font size="+2"> </font>
<font size="+1"> </font>
<font size="+0"> </font>
<font size="-1"> </font>
<font size="-2"> </font>

ғ ә ұ :) , size ө , қ, қ ғ, қ ( , қ ә . ) ә қ қ.

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>ә, ұ ң ғқ қ.</H3>
<br>
<font color="#CC0000"> Қ ң!</font> :) </center>
<p align="justify">
қ ғ ө , ғ ұғ өң ң ү, ң ө ү, қ, ң ққ ғ ү ү құғ . ү қ қ , ң ғ ? :)</font>
</p>
</body>
</html> (.)

ң "ғ ?" ө :)

қ ө , ң қ . ң : өң ө ү , ө ү , қ ғ ү ә қ . қ ң : size ( ) ="+0".

қ ұ 5

қ: , ғ, қғ

Ә ұқ:

 

Қғ, қ ә, ғ ә ә ..".

"

қғ, қ, ғ ә ә қ :

<b> қ ә </b>
<i> Қғ ә () </i>
<u> ғ ә </u>

ұ ғ қ , өң ө ңғ , ғ HTML ә ө :

<html>
<head>
<title>ң ғқ қ </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>ә, ұ ң ғ.</H3>
<br>
<font color="#CC0000"> Қ ң!</font> :) </center>
<p align="justify">
қ ғ ө , ғ ұғ өң ң ү, ң ө ү, қ, ң ққ ғ ү ү құғ . ү қ қ , ң ғ <b> ? </b>
</p>
</body>
</html> (.)

қ . ұ қ қ ү? ұ қ ұқғ ғқ қ . ү :

<tt> fixed - қ </tt>

(, ), .. .

<pre> ( ) </pre>

<pre> </pre> ғ қ ә , қ ұ ү , , ә қ ң қ ү ғ , ұ ү , өң ғ, қғң ұ.

ң , әң қ:

<tt><b><i> ә </i></b></tt>

ң ә , қ ә қғ

ғ ө ұ <font> ң қ :

<font face="ARIAL"> ә (қArial)</font> (.)

face ң ө ң Arial қ .

, ғ

ғ қғ құқ: қ , қ қ қ ү, Adobe Photoshop Image Styler 1.0 қғ ң , ғ қ.

, . , () , , .. , ( ). , , , ) 6 ( , ).

( , - ).
, :

<img src="my.jpg">

my.jpg (me.gif, main.png). , - ( ). , (, ), . :
<img src="my/my.jpg">

, , :

<img src="../my.jpg">

, :

<img src="http://www.homepage.ru/my/my.jpg">

, , :)

, ( ) . ( img ).

<html>
<head>
<title>ң ғ</title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>ә, ұ ң ғқ ғ.</H3>
<br>
<font color="#CC0000">Қ ң!</font> :) </center>
<p align="justify">
<img src="primtocodephoto.gif"> қ ғ ө , ғ ұғ өң ң ү, ң ө ү, қ, ң ққ ғ ү ү құғ . ү қ қ , ң ғ ?
</body>
</html> (.)

қ ө ғ қң. қ ұқ . ә ң ұқ қ . ұ қ ү қ қ.


қ ұ 6

қ: ұ

Ә ұқ:

, ә ң қ қ қ. ғ ө ң. ң (), ғ , . , <p> - < p align="justify">. align :

<img src="pr1.png" align="left">

ұ , ң ғ , ә ң ң ғ . ғ қң ( ң қ, ә ң қ), right :

<img src="pr1.png" align="right">

қ ұ : ә ң ң ү (ұ ү ) - (1), - (2), ә ғғ ғ - (3):

(1) - <img src="pr1.png" align="bottom">
(2) - <img src="pr1.png" align="middle">
(3) - <img src="pr1.png" align="top">

align қ :

(1) - <img src="pr1.png" Vspace="10">
(2) - <img src="pr1.png" Hspace="30">
(3) - <img src="pr1.png" alt="ң ">
(4) - <img src="pr1.png" width="100">
(5) - <img src="pr1.png" height="200">
(6) - <img src="pr1.png" border="5">

ү.

(1) - vspace - ә ң ққғ (). қққ (pixel - ң , ү. , ғ 800600 - 800- 600 ү ұқ ). ң қққ 10 ң.

(2) - hspace , қ өң. қққ . ң 30 ң (ү).

(3) - alt - ң ққ ү. ү , ұ ұ қ (), ң ү . ң ұ - "ң ". alt , ү . қ қ ү ұ (ә, ұ ), alt , ұ , ң ү ө .

(4) - width - ң (). ү , ү ң ң .

(5) - height - ң (). ұ ң (height). u="u1242.91.spylog.com";d=document;nv=navigator;na=nv.appName;p=1; bv=Math.round(parseFloat(nv.appVersion)*100); n=(na.substring(0,2)=="Mi")?0:1;rn=Math.random();z="p="+p+"&rn="+rn;y=""; y+=""; y+=""; y+=""; d.write(y);if(!n) { d.write("


mylektsii.ru - - 2015-2019 . (0.058 .)