ВойтиПопробовать бесплатно

Рабочий лист на тему:

HTML веб-сайттарын әзірлеу

Информатика10 класс15 заданий
РаспределениеМножественный выборИстина / Ложь

Типы заданий

РаспределениеМножественный выборИстина / Ложь
HTML веб-сайттарын әзірлеу

10 класс · дифференцированный

Ф.И.
Класс

Разберём основные элементы HTML и потренируемся проектировать структуру веб-страницы — от простых тегов до связного макета сайта.

№1 · РАСПРЕДЕЛЕНИЕ

6 ЭЛЕМЕНТОВ · 1 БАЛЛ

1. HTML тегтері мен атрибуттары

Элементтерді екі санатқа бөліңіз: HTML тегі және атрибуты.

Слова для распределения: <ul>, title, <table>, id, class, <h1>

Тег

Атрибут

№2 · МНОЖЕСТВЕННЫЙ ВЫБОР

1 СҰРАҚ · 1 ҰПАЙ

2. HTML құжатында сілтеме жасау

Веб-бетте басқа құжатқа немесе ресурсқа өтетін гиперсілтеме жасау үшін қолданылатын HTML тегін анықтаңыз. Бір дұрыс жауапты таңдаңыз.

  • `<table>` тегі гиперсілтеме жасайды.
  • `<img>` тегі гиперсілтеме жасайды.
  • `<a>` тегі гиперсілтеме жасайды.
  • `<form>` тегі гиперсілтеме жасайды.

№3 · ИСТИНА / ЛОЖЬ

4 УТВЕРЖДЕНИЯ · 1 БАЛЛ

3. HTML тілінің негізгі ұғымдары

HTML және оның элементтерінің қызметіне сүйеніп, әр тұжырымның ақиқат немесе жалған екенін анықтаңыз.

  1. HTML гипермәтінді белгілеу тілі болып табылады.
  2. <title> элементі веб-беттің негізгі мазмұнын көрсетеді.
  3. Гиперсілтемені <a> элементі арқылы жасауға болады.
  4. src атрибуты әдетте сурет файлының мекенжайын көрсетеді.

№4 · ТОПТАСТЫРУ

6 ЭЛЕМЕНТ · 1 ҰПАЙ

4. HTML құжатының құрылымы

HTML құжатының элементтерін екі бөлікке бөліп орналастырыңыз: қызметтік бөлік және веб-бет мазмұны.

Слова для распределения: <head>, <body>, <h1>, <p>, <title>, <meta>

Қызметтік бөлік

Веб-бет мазмұны

№5 · МНОЖЕСТВЕННЫЙ ВЫБОР

1 ВОПРОС · 1 БАЛЛ

5. Бет тақырыбы

Браузер қойындысында көрсетілетін веб-бет атауын қай HTML элементі анықтайды?

  • <caption>
  • <h1>
  • <header>
  • <title>

№6 · ИСТИНА / ЛОЖЬ

4 ТҰЖЫРЫМ · 1 БАЛЛ

6. HTML элементтерінің қызметі

HTML элементтерінің қызметі туралы әр тұжырымның ақиқат немесе жалған екенін анықтаңыз.

  1. <a> элементі гиперсілтеме жасау үшін қолданылады.
  2. <ol> элементі нөмірленбеген тізім жасайды.
  3. <img> элементі веб-бетке кескін орналастыру үшін қолданылады.
  4. <br> элементі жаңа абзац құру үшін қолданылады.

№7 · РАСПРЕДЕЛЕНИЕ

8 ЭЛЕМЕНТОВ · 2 БАЛЛА

7. Сілтемелер мен кескіндер

Жазбаларды мақсатына қарай бөліңіз: гиперсілтеме жасау немесе кескінді кірістіру.

Слова для распределения: alt, href, <img src="photo.jpg">, Бөлімге өту, <a href="page.html">, src

Гиперсілтеме

Кескін

№8 · МНОЖЕСТВЕННЫЙ ВЫБОР

1 ВОПРОС · 2 БАЛЛА

8. Сурет атрибуттары

Сурет элементінің негізгі атрибуттары дұрыс көрсетілген нұсқаны таңдаңыз.

  • <image src="logo.png" text="Сайт логотипі">
  • <img href="logo.png" title="Сайт логотипі">
  • <img src="logo.png" alt="Сайт логотипі">
  • <img link="logo.png" description="Сайт логотипі">

+8 заданий в этом листе

Зарегистрируйтесь — и соберите свой рабочий лист по этой теме за минуту: заданий столько, сколько нужно.

№9 · ИСТИНА / ЛОЖЬ

4 УТВЕРЖДЕНИЯ · 2 БАЛЛА

9. HTML-дегі кестелер мен суреттер

HTML құжатындағы кестелер мен суреттерді орналастыруға қатысты тұжырымдардың ақиқат немесе жалған екенін анықтаңыз.

  1. <table> тегі HTML құжатында кесте құру үшін қолданылады.
  2. Кестедегі жол <tr> тегімен белгіленеді.
  3. Суретті HTML бетіне енгізу үшін <img> тегінде міндетті түрде жабылатын </img> тегі жазылады.
  4. <img> тегінің src атрибуты сурет файлының орналасқан жерін көрсетуі мүмкін.

№10 · ЖІКТЕУ

8 ЭЛЕМЕНТ · 2 ҰПАЙ

10. HTML элементтерінің қызметі

HTML элементтерін қызметіне қарай екі топқа бөліңіз: бет құрылымын ұйымдастыратын элементтер және мазмұнды белгілейтін элементтер.

Слова для распределения: <h1>, <nav>, <article>, <section>, <aside>, <main>, <p>, <footer>

Бет құрылымын ұйымдастыратын элементтер

Мазмұнды белгілейтін элементтер

№11 · КӨПТАҢДАУЛЫ ТЕСТ

1 СҰРАҚ · 2 БАЛЛ

11. HTML құжатының негізгі қаңқасы

HTML құжатының негізгі құрылымын дұрыс көрсететін нұсқаны таңдаңыз.

  • <html>, <!DOCTYPE html>, <body>, <head>
  • <!DOCTYPE html>, <html>, <head>, <body>
  • <!DOCTYPE html>, <head>, <html>, <body>
  • <head>, <body>, <!DOCTYPE html>, <html>

№12 · АҚИҚАТ / ЖАЛҒАН

4 ТҰЖЫРЫМ · 2 ҰПАЙ

12. HTML семантикалық элементтері

HTML құжатындағы семантикалық элементтер мен олардың веб-бет құрылымындағы қызметі туралы тұжырымдардың ақиқат немесе жалған екенін анықтаңыз.

  1. <header> элементі веб-беттің немесе оның бір бөлігінің кіріспе ақпаратын белгілеу үшін қолданылады.
  2. <section> элементі мағыналық жағынан байланысты мазмұнды жеке бөлім ретінде ұйымдастыруға мүмкіндік береді.
  3. <footer> элементі тек суреттерді орналастыру үшін қолданылады.
  4. Семантикалық HTML элементтері құжат құрылымын браузерге және арнайы мүмкіндіктерді пайдаланатын қолданушыларға түсініктірек етеді.

№13 · ЖІКТЕУ

8 ЭЛЕМЕНТ · 3 ҰПАЙ

13. HTML кодындағы синтаксистік қателер

HTML фрагменттерін екі санатқа бөліңіз: синтаксистік жағынан дұрыс жазба және қате жазба. Тегтердің жұпталуына, атрибуттардың жазылуына және тырнақшаға мұқият назар аударыңыз.

Слова для распределения: <a href="about.html" target="_blank">Біз туралы</a>, <ul><li>Бірінші тармақ<li>Екінші тармақ</ul>, <img src="logo.png" alt="Компания логотипі">, <section id="news"><h2>Жаңалықтар</section></h2>, <ul><li>Бірінші тармақ</li><li>Екінші тармақ</li></ul>, <img src="logo.png" alt="Компания логотипі">, <a href="about.html target="_blank">Біз туралы</a>, <section id="news"><h2>Жаңалықтар</h2></section>

Дұрыс HTML жазбасы

Қате HTML жазбасы

№14 · МНОЖЕСТВЕННЫЙ ВЫБОР

1 ВОПРОС · 3 БАЛЛА

14. Семантикалық HTML құрылымын таңдау

Мақала бетінде тақырып, навигация мәзірі, негізгі мазмұн, бүйірлік қосымша ақпарат және төменгі колонтитул бар. Қолжетімділік пен құжат құрылымын ескере отырып, осы бөліктердің мағынасын ең дәл көрсететін HTML5 разметкасын таңдаңыз.

  • <head>...</head><menu>...</menu><content>...</content><sidebar>...</sidebar><bottom>...</bottom>
  • <header>...</header><nav>...</nav><article>...</article><main>...</main><footer>...</footer>
  • <title>...</title><navigation>...</navigation><section-main>...</section-main><aside>...</aside><footer>...</footer>
  • <header>...</header><nav>...</nav><main>...</main><aside>...</aside><footer>...</footer>

№15 · ИСТИНА / ЛОЖЬ

4 УТВЕРЖДЕНИЕ · 3 БАЛЛА

15. HTML-құжат құрылымының сапасын бағалау

Дайын HTML-беттің сапасы туралы тұжырымдардың ақиқат немесе жалған екенін анықтаңыз. Құжат құрылымын, семантикалық элементтердің қолданылуын және веб-қолжетімділік талаптарын ескеріңіз.

  1. HTML-құжатта негізгі мазмұнды білдіретін бір ғана <main> элементін қолдану семантикалық құрылымды айқындауға көмектеседі.
  2. Сілтемеге апаратын мекенжайды көрсету үшін <a> элементінде міндетті түрде src атрибуты жазылады.
  3. Мағыналы мәтіні жоқ белгіше-сілтеме экранды оқу құралын пайдаланатын адамға түсініксіз болуы мүмкін, сондықтан оған қолжетімді атау қажет.
  4. HTML5 құжатында <header>, <nav>, <main> және <footer> элементтерінің ретін кез келген жағдайда өзгертуге болмайды, өйткені браузер тек осы қатаң реттілікті қабылдайды.

Создайте уникальный лист по своей теме

  • Любая тема, любой уровень
  • 20+ типов заданий
  • 100% уникальный контент
  • Со страницей ответов
  • Защита от списывания
  • Готово за 1 минуту

Похожие рабочие листы

Другие темы по информатике для 10 класса

Условие фаноБезопасный интернетРабота с масками в программе Adobe PhotoshopТип real в PascalКодирование текста, изображений и звукаСеть Интернет. Адресация. Разделение IP-сети на подсетиИнформация, данные и знания. Информационные процессы в природе, технике и обществеЕдиницы измерения количества информации. Алфавитный подход к оценке количества информацииПрограммное обеспечение компьютера. Операции с файлами и папкамиИнформация, данные и знания; Равномерные и неравномерные коды. Условие Фано; Универсальность дискретного представления информации. Двоичное кодирование; Связь размера алфавита и информационного весаЛогические элементы компьютераИнформация и информационная грамотность

Чем удобны рабочие листы Нейрум

  • По действующей программеТемы и задания совпадают со школьной программой 1–11 классов. Открыли — дали классу, без правок.
  • Готово к печати, с ответамиPDF в формате A4 и ключ ответов на отдельной странице. Скачали, распечатали, раздали — без правок в Word.
  • Свой лист за минутуНе нашли нужный? ИИ-конструктор соберёт лист по вашей теме, классу и типам заданий.

Вопросы и ответы

Как скачать рабочий лист «HTML веб-сайттарын әзірлеу»?

Зарегистрируйтесь бесплатно — лист сохранится в личном кабинете, откуда его можно скачать в PDF и распечатать.

Сколько заданий в листе и какие они?

В листе 15 заданий: распределение, множественный выбор, истина / Ложь.

Соответствует ли лист ФГОС?

Да, задания ориентированы на школьную программу по информатике для 10 класса по ФГОС.

Можно ли изменить задания под свой класс?

Да. После регистрации лист открывается в конструкторе: задания можно заменить, перегенерировать или добавить новые.