Инфоурок / Информатика / Конспекты / Сабақтың тақырыбы: HTML тілінің негіздері
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

ПРИЁМ ЗАЯВОК ТОЛЬКО ДО 21 ОКТЯБРЯ!

Конкурс "Законы экологии"

Сабақтың тақырыбы: HTML тілінің негіздері

библиотека
материалов

2.  2-мысалдың Браузердегі тџрі.

 

3. Харіптерді форматтау Тэгі



3-мысал: Web-беттердегі харіптерді форматтау



HTML-код

Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

Қазақстан Республикасының мемлекеттік елтаңбасы

Қазақстан Республикасының мемлекеттік ѕн ђраны


Қазақстан Республикасының мемлекеттік байрағы тіктљртбђрыш кљгілдір тџсті ортасында 32 сѕулелі кџн, оның астында самғап ђшқан дала бџркіті бейнеленген мата. Оның діңгек тђсында - ђлттық нақыштағы ою-љрнектердің тік жолағы бар.

Бейнеленген кџн,  сѕуле, бџркіт жѕне ою-љрнектер алтын тџсті. Байрақтың кљлденеңі оның ђзындығының 1:2-дей. 1:2.

FACE="Times New Roman" SIZE=3>

Қазақстан Республикасының елтаңбасыда шаңырақ кљгілдір фон џстінде, жан-жағына кџн сѕулесі тѕрізді шашыраған уықтар (тіреуіштер), жақтауында аңыздағы қанатты тђлпарлар  бейнелеген. Елтаңбаның тљменгі бљлігінде "Қазақстан" деген жазу бар.

Қазақстан Республикасының мемлекеттік елтаңбасы - алтын жѕне кљгілдір тџстермен бейнеленген.



4-сурет. 3-мысалдың Браузердегі тџрі.



5-сурет. Мѕліметтер тізімін безендіру тэгтері.



Тэг  Тағайындамасы  Тџсініктеме

Тізім индексіТэг индекстер тізімін береді

Нљмірленбеген тізімТізімді маркирленген тџрде береді

Ѕрбір элемент   тэгінен кейін тђрады.

Нљмірленген тізімТізімді нљмірленген тџрде береді.

Браузерде тізім элементтері 1-ден басталып, автоматты тџрде нљмірленеді. Ѕрбір элемент   тэгінен кейін орналасуы керек.

Анықтамалар тізімітэг анықтамалар  тізімін немесе тэг Т>  термин сљздігін шығару џшін.



4-мысал: Мѕліметтер тізімін нљмірленбеген тізім тџрінде беру.



HTML-коды

Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

  

Қазақстан Республикасының мемлекеттік  елтаңбасы

Қазақстан Республикасының мемлекеттік ѕн ђраны


Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

  

Қазақстан Республикасының мемлекеттік  елтаңбасы

Қазақстан Республикасының мемлекеттік ѕнђраны




6-сурет. 4-мысалдың Браузердегі тџрі.



Кестелер

    Кестелерді ѕртџрлі тэг-тер қалыптастырады. Кесте љзінің ішкі қђрылымы мен мазмђнын сипаттайтын  

тэг-терімен беріледі.  

    Кез келген кесте оның  ђяшықтарын сипаттайтын (Table Row) тэгімен берілетін жолдардан тђрады.

Ђяшықтар пішімі мен мазмђны

(Table Data) тэгінде, ал ђяшық тақырыпшалары (Table Header) тэгінде орналасады.



Кестелердің жалпы тџрі тљмендегідей:

ђяшық тақырыпшасы

ђяшық мазмђны

ђяшық мазмђны

ђяшық мазмђны

ђяшық мазмђны



5-мысал: Екі жол мен екі бағанадан тђратын кестені қђру, тақырыпша беру.



Тарихи кџнтізбе

Мезолит, Неолит, Б.Э.Д. II-III мың ж.

Жалпыланған мѕдениет білімі. Қазақстанның шекараларын   далалы Батыс Сібір аудандары, Алтай, Орталық Азияның Солтџстік аудандары қоршап тђр. Тайпалар білімі мен  тайпалар бірлестіктерінің жалпыланған туыстықтары.  Аңшылық, балық аулау,  тау істері, тігіншілік. Ауа-райына байланысты халықтың отырықшылыққа айналуы арта тџсті. Бђл алғашқы қауым тђрмыс тіршілігінің кљрінісі.

б.э.д.IV ғ. соңы - III-мың ж. басы.  Энеолит.

Љндірістік кџштің даму нѕтижесінде тау ғасырысының 200 тђрағының шолуы бойынша жергілікті негізде энеолитке љтті. Жылқыларды кљбейту џшін қолайлы климат шарттарының туындауына байланысты тђрғындар ірі қара мал шаруашылығына љтуге дайын болды. Орталық Қазақстанның мѕдениеттері Сібірмен, Оралмен, Орта Азиямен тығыз байланыста. Мал шаруашылығы, ат љсіру, ағаш љңдеу, балық аулау, аңшылық, жинау.



     Кестедегі бљлгіш сызықтардың қалыңдығы  

атрибуты BORDER, кљмегімен беріледі, ал ђяшық ішіндегі ақпараттарды кљлденеңінен туралау џшін ALIGN атрибуты қолданады.



 ALIGN=туралау >



Мысалы:



6-мысал: Кесте жақтауын жасау жѕне бет ортасына орналастыру:



Тарихи кџнтізбе

Мезолит, Неолит, XII-III тыс. до н.э.

Жалпыланған мѕдениет білімі. Қазақстанның шекараларын далалы Батыс Сібір аудандары, Алтай…



1-практикалық тапсырма Бос Web-бетін қђру (Жџктеу)

Жђмыстың орындалуы:

1. HTML-файлы қђрылуы џшін программаны жџктеңіз (мысалы, Блокнот)

2. HTML-кодын теріңіз:

Қазақстан Республикасының мемлекеттік рѕміздері

3. Файл-Басқаша сақтау

4. Файл типі: Барлық файлдар

5. Ат беру (мысалы, symbol1.htm немесе symbol1.html)-Сақтау

6. Браузерде кљру (мысалы, Internet Explorer)



2-практикалық тапсырма. Web-бетті тљмендегідей безендіріңіз (Жџктеу)

Жђмыстың орындалуы:

1. HTML-файлы қђрылуы џшін программаны жџктеңіз (мысалы, Блокнот)

2. HTML-кодына љзгерісті енгізіңіз

Қазақстан Республикасының мемлекеттік рѕміздері

Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

Қазақстан Республикасының мемлекеттік елтаңбасы

Қазақстан Республикасының мемлекеттік ѕн ђраны


Қазақстан Республикасының мемлекеттік байрағында тіктљртбђрыш кљгілдір тџсті мата ортасында 32 сѕулелі кџн, оның астында самғап ђшқан дала бџркіті бейнеленген. Оның діңгек тђсында - ђлттық нақыштағы ою-љрнектердің тік жолағы бар. Бейнеленген кџн,  сѕуле, бџркіт жѕне ою-љрнектер алтын тџсті. Байрақтың кљлденеңі оның ђзындығының 1:2-дей.

Қазақстан Республикасының мемлекеттік елтаңбасында кљгілдір фонның џстінде шаңырақ бейнеленген (киіз џйдің жарық тџсіретін жоғарғы бљлігі), оның жан-жағында кџн сѕулесі тѕрізді уықтар шашырап тђр, жақтауында аңыздағы қанатты тђлпар бейнеленген. Елтаңбаның тљменгі бљлігінде "Қазақстан" деген жазу бар.

Қазақстан Республикасының мемлекеттік елтаңбасы - алтын жѕне кљгілдір тџстермен бейнеленген.

3. Файл-Сақтау

4. Браузерде кљру(мысалы, Internet Explorer)



3-практикалық тапсырма. Web-бетіндегі мѕтін харіпін тљмендегідей пішімдеңіз (Жџктеу).

Жђмыстың орындалуы:

1. HTML-файлы қђрылуы џшін программаны жџктеңіз (мысалы, Блокнот)

2. HTML-кодына келесі љзгерістерді енгізіңіз:

Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

Қазақстан Республикасының мемлекеттік елтаңбасы

Қазақстан Республикасының мемлекеттік ѕн ђраны


Қазақстан   Республикасының мемлекеттік байрағында тіктљртбђрыш кљгілдір тџсті мата ортасында 32 сѕулелі кџн, оның астында самғап ђшқан дала бџркіті бейнеленген. Оның діңгек тђсында - ђлттық нақыштағы ою-љрнектердің тік жолағы бар. Бейнеленген кџн,  сѕуле, бџркіт жѕне ою-љрнектер алтын тџсті. Байрақтың кљлденеңі оның ђзындығының 1:2-дей.

Қазақстан Республикасының мемлекеттік елтаңбасында кљгілдір фонның џстінде шаңырақ бейнеленген (киіз џйдің жарық тџсіретін жоғарғы бљлігі), оның жан-жағында кџн сѕулесі тѕрізді уықтар шашырап тђр, жақтауында аңыздағы қанатты тђлпар бейнеленген. Елтаңбаның тљменгі бљлігінде "Қазақстан" деген жазу бар.

Қазақстан Республикасының мемлекеттік елтаңбасы - алтын жѕне кљгілдір тџстермен бейнеленген.

3. Файл-Сақтау

4. Браузерде кљру(мысалы, Internet Explorer)



4-практикалық тапсырма. Web-беттегі мѕтінді мѕліметтердің нљмірленбеген тізімі тџрінде кљрсету (Жџктеу).

Жђмыстың технологиясы:

1. HTML-файлы қђрылуы џшін программаны жџктеңіз (мысалы, Блокнот)

2. HTML-кодына келесі љзгерістерді енгізіңіз:

Қазақстан Республикасының мемлекеттік рѕміздері


Қазақстан Республикасының мемлекеттік байрағы

  

Қазақстан Республикасының мемлекеттік елтаңбасы

Қазақстан Республикасының мемлекеттік ѕн ђраны


3. Файл-Сақтау

4. Браузерде кљру(мысалы, Internet Explorer)



5-практикалық тапсырма: Екі жол жѕне екі бағанадан тђратын кесте қђр. Кесте ђяшықтарына атау бер.

Жђмыстың технологиясы:

1. HTML-файлы қђрылуы џшін программаны жџктеңіз (мысалы, Блокнот)

2. Ввести HTML-код:

Исторический календарь

Мезолит, Неолит, XII-III тыс. до н.э.

Жалпыланған мѕдениет білімі. Қазақстанның шекараларын далалы Батыс Сібір аудандары, Алтай…

Конец IV - начало III тысячелетия до н.э. Энеолит.

.

3. Файл-Сақтау

4. Браузерде кљру(мысалы, Internet Explorer)



Љз бетімен орындауға арналған тапсырмалар

1. Редакторды пайдаланбай Web-бетті қђр.

2. Web-бетке Қазақстан Республикасының ѕн ђранын жаз, оны гимн.doc файлы тѕрізді љңде. (файлды  басқаша сақтаңыз -gimn.htm)

3. Љзіңіздің Web-сайты џшін алғашқы бет қђрыңыз (автор жайлы жѕне сайтты қђру мақсаты туралы ақпарат жазыңыз).

4. Web-редакторды пайдаланып мѕтінді форматтау  мен ѕртџрлі типтегі тізімдерді қђру мџмкіндіктерін жариялайтын Web-бет жасаңыз.

4. Web-бетке файлдағы кестені орналастыр (мысалы, Тарих.doc).



Сђрақтар:

1. Web-бет дегеніміз не жѕне оның қђрамына қандай объектілер кіреді?

2. Web-сайт дегеніміз не жѕне оның қђрамына қандай объектілер кіреді?

3. HTML-файлдарының жетістіктерін атаңыз.

4. Web-бет қђру џшін қандай программалар бар?

5. Қандай тілдер Web-бет қђру мџмкіндігін бере алады?

6. HTML-файлда қандай тэг-тердің болуы шарт?

7. HTML-файлда қандай тэг-тер мѕтінді безендіру мџмкіндігін береді?



***********************************************************************************


Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 25 октября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

Общая информация

Номер материала: ДБ-382216

Похожие материалы