№1 зертханалық жұмыс

Зертханалық жұмыс №1. 
Негізгі тегтер. Мәтінді енгізу. Font элементтері. 
Тегтер, атрибуттар. Міндетті тегтер. Жұп емес тегтер. Түсті кодтау. Мәтінге 
түс беру. Қаріпті форматтау. Безендіру стильдері. Физикалық және логикалық стильдер. 
Тақырып. Параграф. Абзац. Сызықтар. Жолдар. Escape (&) – тізбектелуі. Арнайы 
символдар. Пікірлер. 
Жұмыстың мақсаты: 
– HTML-да қарапайым Web-бетті жасап үйрену; 
– Негізгі тегтермен жұмыс. Web-бетті браузерде ашу. Мәтіндерді енгізу. Font тегінің 
атрибуттарымен жұмыс жасауды үйрену. 
Тапсырма: 
1. Блокнотты ашыңыз және еркін тақырыпта бірнеше абзацтан тұратын HTML – 
кодты жазыңыз. Бұл құжатты 1.html кеңейтілумен D:\Web-1к папкасына сақтаңыз. 
Нәтижесі D:\Web-1к\1.html. Сақталған файл браузерде 
(Google Chrome, Opera, Mozilla Firefox 
немесе басқа) 
автоматты түрде жүктеледі. 
 
 
 
 
 
Автоматика және ақпараттық технологиялар институты 
6B06102 – Computer Science мамандығы 
*Түстер коды кестемен Microsoft Teams пәннің папкасында сақталынған. 
– тегі көпфункциональді 
1) Мәтіннің түсі беріңіз
2) Мәтіннің өлшемін беріңіз мәтін
3) Мәтіннің түрін беріңіз (ARIAL/Verdana/Tahoma) 
мәтін
5. Құжат денесіне түс беру  
*Түстер коды кестемен Microsoft Teams пәннің папкасында сақталынған. 
6. Параграф. Мәтіннің орнын көрсетіңіз. 
мәтін

мәтін
мәтін
мәтін
мәтін
7. Тақырыпшаның өлшемін беріңіз 

 тақырыптың аты

 

 тақырыптың аты

 

 тақырыптың аты

 

 тақырыптың аты

 

 тақырыптың аты

 

 тақырыптың аты

 
8. Мәтінді безендіріңіз 
 Қалың мәтін  
 Қалың мәтін  
 Курсивті мәтін  
 Курсивті мәтін  
 Асты сызылған мәтін  
 fixed – фиксирленген қаріп  
мәтін (пробелдер) мәтін 
9. Сызықтар. Жұп емес тегтерді беріңіз 
– мәтінді келесі қатарға түсіру тегі 
– абзац 
Web-бетте сызықтарды беріңіз: 

---

 (center немесе left) 
 (сызықтың ені процентте/пиксельде) 
(сызықтың қалыңдығы) 
 (қайтару) 
(тек қана IE сызықтың түсі)
10. Арнайы символдарды қолданыңыз: 
(1) - < – < 
(2) - > – > 
(3) - " – " 
(4) -   – пробел
(5) - & – & 
Негізгі әдебиет: 1 [20-39, 76-96]; 2 [21-40]; 3 [13-32]; 4 [8-30]. 
Қосымша әдебиет: 1 [21-50]; 2 [15-30].
Бақылау сұрақтары: 
1. HTML-дағы міндетті тегтерді айтыңыз? 
2. Мәтінді бездендіруге қандай тегтер қызмет етеді? 
3. Font тегі қандай қызмет атқарады? 
4. Escape – тізбегі қалай жазылады?