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

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

In deze les zitten 24 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 50 min

Onderdelen in deze les

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

Slide 1 - Quizvraag

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

Slide 2 - Quizvraag

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

Slide 3 - Quizvraag

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

Slide 4 - Quizvraag

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

Slide 5 - Quizvraag

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

Slide 6 - Quizvraag

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

Slide 7 - Quizvraag

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

Slide 8 - Quizvraag

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

Slide 9 - Quizvraag

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

Slide 10 - Quizvraag

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

Slide 11 - Open vraag

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

Slide 12 - Tekstslide

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

Slide 13 - Tekstslide

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

Slide 14 - Tekstslide

Slide 15 - Tekstslide

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

Slide 16 - Tekstslide

Slide 17 - Tekstslide

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

Slide 18 - Open vraag

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

Slide 19 - Open vraag

Slide 20 - Tekstslide

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

Slide 22 - Tekstslide

Slide 23 - Tekstslide


0100

Slide 24 - Poll