400 000+ дайын материалды
1 жыл бойы шексіз жүктеңіз

ҚМЖ, БЖБ, ТЖБ, презентациялар және авторлық материалдар

4 990₸/ 1 жыл

🔥Арнайы баға ·10.12.2026 дейін

Одан кейін - 29 990 ₸

Бір рет төлейсіз · Автотөлем жоқ

Тақырып бойынша 11 материал табылды

HTML тілінде зертханалқ жұмыстар жинағы

Информатика Авторлық бағдарлама 11 сынып

Материал туралы қысқаша түсінік

жоғары сынып оқушылар мен 1-2 курс колледж студенттеріне арналған тапсырмалар және оқытушыларға методикалық көмек

Материалдың қысқаша нұсқасы

Практикалық жұмыс № 1

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html>

<head>

<title>Примеры оформления текста:выравнивание абзацев</title>

</head>

<h1 align=center>Примеры оформления текста:<BK>выравнивание абзацев</h1>

По умолчанию- выравнивания по левому краю.

Значение CENTER центрирование всех строк абзаца,

в том числе при наличии принудительных разрывов строки.

Значение RIGHT-выравнивание по правому краю.

Значение LEFT -выравнивание по левому краю

(так же, как и по умолчанию).

©Ф.И.О

</body>

</html>

Практикалық жұмыс № 2

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html>

<head>

<title>Примеры оформления текста:заголовки и подзаголовки</title>

</head>

<body>

<h1 align=center>Основной заголовок(H1)по центру</h1>

<h2 align=right>Подзаголовок(H2)по правому краю</h2>

<h3>Подзаголовок(H3),выравнивание по умолчанию</h3>

<h4 align=center>Подзаголовок(H4)по центру</h4>

<h5 align=left>Подзаголовок(H5)по левому краю</h5>

<h6 align=right>Подзаголовок(H6)по правому краю</h6>

©Ф.И.О

</body>

</html>

Практикалық жұмыс № 3

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html><head><title>Примеры оформления текста:использование тэга

<FONT&gt:</title></head>

<body>

<h1 align=center>Примеры оформления текста: использование тэга</h1>

ШPИ<font

size=+1>ФT

PAЗ<font

size=+3>HОГО

PAЗ<font

size=+3>MEPA

--пример действия тэга

ШРИФТ

РАЗНОГО

ЦВЕТА

--пример действия тэга

ШРИФТ

РАЗНОГО

НАЧЕРТАНИЯ

--пример действия тэга

©Ф.И.О

</body>

</html>

Практикалық жұмыс № 4

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html>

<head>

<title>Примеры оформления текста: начертание шрифта</title>

</head>

<body>

<h1 align=center>Примеры оформления текста; начертание шрифта</h1>

Полужирный,курсивныйшрифт,

полужирный курсив,

подчеркнутый,<s>"зачеркнутый"</s>,нижнийиверхний

индексы

©Ф.И.О

</body>

</html>

Практикалық жұмыс № 5

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html>

<head>

<title>Пример размещения иллюстрации отдельно от текста</title>

</head>

<H1 align=center>День учителя</H1>

Пусть вспыхнут в сердцах и глазах

Всплески осеннего золота.

Будьте смелее в мечтах,

Будьте талантливы,молоды!

Пусть лишь от чарки хмельной

Вас посещает бессоница.

Учительской верой большой

Пусть сердце ребячье наполнится.

Пусть будет пасмурным день-

Задрный дух сохраните,

Поверьте в себя и детей

И... счасливы будете, УЧИТЕЛЬ!

©Ф.И.О

<a href="5 lab">nazad</a>

</body>

</html>

Практикалық жұмыс № 6

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html>

<head>

<title>Пример таблицы</title>

</head>

<h2 align=center>Пример таблицы</h2>

<td width=10%>1 ячейка</td>

<td width=20%>2 ячейка</td>

<td width=10%>3 ячейка</td>

<td width=30%>4 ячейка</td>

<td>5 ячейка</td>

</tr>

<td width=10%>6 ячейка</td>

<td width=20%>7 ячейка</td>

<td width=10%>8 ячейка</td>

<td width=30%>9 ячейка</td>

<td>10 ячейка</td>

</tr>

<tr>

<td width=10% align=center>11 ячейка

<td width=20% align=center>12 ячейка

<td width=10% align=center>13 ячейка

<td width=30%>14 ячейка</td>

<td>15 ячейка</td>

</tr>

</table>

©Ф.И.О

</body>

</html>

Практикалық жұмыс № 7

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html><head><title>Пример таблицы</title></head>

<body>

<h2 align=center><fon>Пример таблицы: объединение ячеек</h2>

<TD colspan=4>Вся строка как одна ячейка</TD>

</tr>

<TD> отдельная ячейка</TD>

<TD>отдельная ячейка</TD>

<TD>отдельная ячейка</TD>

<TD>отдельная ячейка</TD>

</tr>

<TD colspan=2 rowspan= 2>ячейка 2х2</TD>

<TD colspan=2>2 ячейки по ширине </TD>

</tr>

<!--пропуск двух контейнеров TD, так как их место занимает

объединенная ячейка в начале предыдущей строки-->

<TD>отдельная ячейка</TD>

<TD rowspan=2>2 ячейки по высоте</TD>

</tr>

<TD>отдельная ячейка</TD>

</tr>

</table>

©Ф.И.О </body></html>

Практикалық жұмыс № 8

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<htmk><head><title>Primer spiskov</head></title>

<body bgcolor=orange><h3 align=center>Primer spiskov</h3>

<table>

<td width=50% align=center>Markirovannii spisok:</td>

<td align=center> Numerovannii spisok</td>

</tr

<tr>

<ul type=disc><li>january

<li>february

<li>march </ul></td>

<td>

<li>ponedel'nik

<li>vtornic

<li>sreda</ol></td>

</tr>

</table>

Spisok s neskol'kimi urovniama vlozhennosti:</td>

</tr>

</table>

<li>Vvedenie

<li>Naznachenie iazika HTML

<li>Komandi(tegi) HTML

<li>Formatirovanie texta

<li>zhirnost';

<li>naklon;

<li>podcherkivanie;

<li>indexi;

<li>nizhni;

<li>verxnie;

</ul>

<li>cvet.

</ul>

<li>Rabota s abzacami

</ol>

<li>Disain stranici

<li>Razmeshenei saita na servere

</ol>

</td></tr></table>

<a href="8 lab" >nazad</a>

Практикалық жұмыс № 9

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html><head><title>Пример цифрогого видео и звукогого фрагмента </title></head>

<body>

<h2 align=center> Пример цифрогого видео и звукогого фрагмента (teg <EMBED>)</h2>

<Td width=50% align=center><EMBED src=*****.mid> Zvukovoi fragment (format MIDI)

</Td>

<Td align=center><EMBED src=*****.avi> Video fragment(format AVI)</Td>

</tr>

</Table>

<a href="6 lab" >nazad</a>

</body>

</html>

Практикалық жұмыс № 10

Тапсырма: Төменде көрсетілген кодты «Блокнот» стандартты бағдарламасында орындаңыз. Нәтижесін суретпен салыстырыңыз.

<html><head><title>Пример создания гиперссылок</title>

</head>

Пример создания гиперссылок

</body>

</html>

Материалды Word форматында жүктеп аласыз

Тарифке кіреді

34 ұстаз жүктеп алған

22 мамыр

2871

Бұл материалды қолданушы жариялаған. UstazTilegi материалдың мазмұны мен авторлық құқықтарына жауап бермейді. Авторлық құқық бұзылған жағдайда шағым қалдыра аласыз

"Ұстаз" платформасында тіркелген пәндік олимпиадалар

Аттестацияға жарамды екенін көру үшін "Ұстаз" платформасында "Жарыстар, олимпиадалар тізімінен "Ustaz tilegi" деп іздесеңіз шығады

Ұстаздарға арналған олимпиадалар

Оқушыларға арналған олимпиадалар

Тәрбиешілерге арналған олимпиадалар

Қазақстандағы ең үлкен материалдар базасынан іздеу

Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз

Осы тақырыпта
көрнекілік керек па?

10 000 астам көрнекіліктерді жинап қойдық.

Көрнекілік бөліміне өтіп тақырыбын жазып жүктеп алыңыз!