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

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

Cette leçon contient 24 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 50 min

Éléments de cette leçon

веб бетің басы және соны
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 - Question ouverte

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

Slide 12 - Diapositive

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

Slide 13 - Diapositive

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

Slide 14 - Diapositive

Slide 15 - Diapositive

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

Slide 16 - Diapositive

Slide 17 - Diapositive

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

Slide 18 - Question ouverte

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

Slide 19 - Question ouverte

Slide 20 - Diapositive

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 - Diapositive

Slide 22 - Diapositive

Slide 23 - Diapositive


0100

Slide 24 - Sondage