10 cынып кестелер

веб бетің басы және соны
A
<html> </html>
B
<title> </title>
C
<body> </body>
D
<align> </align>
1 / 24
next
Slide 1: Quiz
1Primary EducationAge 10

This lesson contains 24 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 50 min

Items in this lesson

веб бетің басы және соны
A
<html> </html>
B
<title> </title>
C
<body> </body>
D
<align> </align>

Slide 1 - Quiz

веб бетің cипатамасы
A
<html> </html>
B
<title> </title>
C
<body> </body>
D
<head> </head>

Slide 2 - Quiz

веб бетің мазмұны
A
<html> </html>
B
<title> </title>
C
<body> </body>
D
<head> </head>

Slide 3 - Quiz

Жаңа жолға өту
A
<BR> </br>
B
<title> </title>
C
<body> </body>
D
<head> </head>

Slide 4 - Quiz

веб бетке атау беру
A
<BR> </br>
B
<title> </title>
C
<body> </body>
D
<head> </head>

Slide 5 - Quiz

Cырғыма жол орналастыру тегі
A
<BR> </br>
B
<MARQUEE> </MARQUEE>
C
<body> </body>
D
<head> </head>

Slide 6 - Quiz

фон түсін өзгерту атрибуты
A
<BR> </br>
B
<MARQUEE> </MARQUEE>
C
<bgcolor>
D
<head> </head>

Slide 7 - Quiz

тізім құру тегі
A
<UL> </UL>
B
<MARQUEE> </MARQUEE>
C
<bgcolor>
D
<head> </head>

Slide 8 - Quiz

қаріпті өзгерту тегі
A
<UL> </UL>
B
<MARQUEE> </MARQUEE>
C
<bgcolor>
D
<font> </font>

Slide 9 - Quiz

HTML коды жазылады
A
блокнотта
B
pythonда
C
вордта
D
слайдта

Slide 10 - Quiz

Кестелік процессордағы
кестенің негізгі элементтері

Slide 11 - Open question

HTML-де кесте құру 
Сабақ тақырыбы:

Slide 12 - Slide

Кестелер HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан тұратын тікбұрышты тор. 
Кестелер
 HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан тұратын тікбұрышты тор. 
Кесте негізгі үш бөліктен тұрады:
  1. кесте атауынан;
  2. бағандар тақырыбынан;
  3. ұяшықтардан;
Кесте жолдар бойымен толтырылады (солдан оңға қарай жол бойымен және келесі жолға көшу арқылы). Әрбір ұяшық толтырылған болуы тиіс.

Slide 13 - Slide

HTML-де кесте құру <table>, </table> – дескрипторларының көмегімен
орындалады. Кесте ішіндегі мәлімет арнаулы тегтер көмегімен белгіленеді
(тақырыбы, қатар және ұяшықтар саны). Осы тегтер арасында бір рет қана
<caption>, </caption> – кестенің тақырыбын білдіретін тегтер кездесуі
мүмкін:
1) <td>, </td> – қатардағы ұяшық мәндерін анықтайтын дескриптор;
2) <th>, </th> – кестедегі баған мен қатар тақырыптарын анықтайтын дескриптор;
3) <tr>, </tr> – кестенің қатар санын анықтайтын дескриптор;
(<td>-бірнеше ұяшықты), (<th>-кестенің тақырыбын білдіреді).

Slide 14 - Slide

Slide 15 - Slide

Атрибуттар
Үнсіздік
бойынша
Қолданылуы
Мағынасы
align
left
Кестенің барлық
дескрипторларына қолданылады.
Мүмкін
мәндері: Left, right, center және char 
bdcolor
Кестенің барлық
дескрипторларына қолданылад
Кесте фонының түсін
білдіреді.
border
0
<table>
Пиксель бойынша кесте шегарасы.
cellpadding
0
<td>, <th>
Ұяшықтағы мән мен шегара арасындағы арақашықтық
Сellspacing
0
HTML тілінде web-беттерге деректерді кесте түрінде ұсынуға мүмкіндік
беретін атрибуттар бар. Кестенің стилін өзгертетін атрибуттар тізімі 1-кестеде берілген.
1-кесте   HTML-де кестені өзгертетін атрибуттар тізімі

Slide 16 - Slide

Slide 17 - Slide

<table>, </table> тегінің қызметі

Slide 18 - Open question

<caption>, </caption> тегінің қызметі

Slide 19 - Open question

Slide 20 - Slide

2-тапсырма. 4 қатар және 2 бағаннан тұратын түстер кестесін құрыңдар.
Кестедегі қоршаудың ені – 1 пиксель. Блокнот программасында төменде
көрсетілген тегтерді жазып, «index5.html» атымен сақтаңдар. Қазақ
қаріптері web-бетте дұрыс көрінуі үшін сақтау терезесінің Кодировка
жолағынан Юникодты таңдау керек (2-сурет).
2-тапсырма. 4 қатар және 2 бағаннан тұратын түстер кестесін құрыңдар.
Кестедегі қоршаудың ені – 1 пиксель. Блокнот программасында төменде
көрсетілген тегтерді жазып, «index5.html» атымен сақтаңдар.
<html><head>
<title>Кесте түстері</title></head>
<body bgcolor=white>
<table width="30%" border=1>
<tr>
<h2> түстер-cmyk</h2>
<td width="50%">cyan</td>
<td width="50%" bgcolor=cyan>&nbsp;</td></tr>
<tr>
<td width="50%">magenta</td>
<td width="50%" bgcolor=magenta>&nbsp;</td></tr>
<tr>
<td width="50%">yellow</td>
<td width="50%" bgcolor=yellow>&nbsp;</td></tr>
<tr>
<td width="50%">blaсk</td>
<td width="50%" bgcolor=black>&nbsp;</td></tr>
</table></body></html>

Slide 21 - Slide

Slide 22 - Slide

Slide 23 - Slide


0100

Slide 24 - Poll