Слайд 2
![WEB ҚҰЖАТ ЖАСАУ HyperText Markup Language (HTML) - гипермәтінді белгілеу](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-1.jpg)
WEB ҚҰЖАТ ЖАСАУ
HyperText Markup Language (HTML) - гипермәтінді белгілеу тілі
- World Wide Web ортасында жарияланатын гипермәтіндік құжаттарды жазуға арналған тіл.
Слайд 3
![Гипермәтіндік құжатта (HTML-құжатта) символдық информация болады. Оның бір бөлігі -](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-2.jpg)
Гипермәтіндік құжатта (HTML-құжатта) символдық информация болады.
Оның бір бөлігі - мәліметтік мәтін, яғни
құжат мазмұнын құрайтын мәтін.
Екіншісі – тәгтер (markup tags) немесе белгілер (белгі жалаушалары деп те айтады) – құжат фрагменттерін белгілеу үшін және оның экранда бейнеленуін басқаруға арналған HTML тілінің арнайы элементтері, яғни командалары.
Слайд 4
![HTML-құжаттарды сақтайтын файлдардың типтері .htm немесе .html болады. Броузер тәгтерді](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-3.jpg)
HTML-құжаттарды сақтайтын файлдардың типтері .htm немесе .html болады.
Броузер тәгтерді анықтап,
олардың ішіндегі файл мәліметтерін компьютер экранында бейнелеу үшін қолданылады.
Слайд 5
![Тәгтер арқылы: құжат тақырыбын ерекшелеуге, символдардың түсін, мөлшерін және сызылымын](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-4.jpg)
Тәгтер арқылы:
құжат тақырыбын ерекшелеуге,
символдардың түсін, мөлшерін және
сызылымын (начертание) өзгертуге,
мәтін ішіне графикалық бейнелер мен кестелер енгізуге,
гиперсілтемелер жасауға болады.
Слайд 6
![Гипермәтіннің жай мәтінге қара-ғанда негізгі ерекшелігі - құжат ішіне HTML](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-5.jpg)
Гипермәтіннің жай мәтінге қара-ғанда негізгі ерекшелігі - құжат ішіне HTML тілінің
арнайы элементтері болып табылатын гиперсілтемелер қосуға болады, сол гиперсілтемелерді шерту арқылы басқа құжаттарға жеңіл көшуге болады.
Слайд 7
![Тәгтерді жазу кезінде бас әріп пен кіші әріп бірдей болып](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-6.jpg)
Тәгтерді жазу кезінде бас әріп пен кіші әріп бірдей болып саналады.
Көбінесе тәгтер екеуден жазылады, олардың алғашқысы - ашылу тәгі (start tag) және екіншісі - жабылу тәгі (end tag) болып саналады.
HTML тілінің барлық тәгтері " < " символынан басталып, " > " символымен аяқталады.
Слайд 8
![Ашылу тәгінің синтаксисі (жазылу ережесі): Жабылу тәгінің ашылу тәгінен айырмасы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-7.jpg)
Ашылу тәгінің синтаксисі (жазылу ережесі):
<тәг_аты [атрибуттары]>
Жабылу тәгінің ашылу тәгінен айырмасы
- тек оның алдында көлбеу сызықтың жазылуы:
тәг_аты>
Жабылу тәгінің атрибуттары болмайды.
Слайд 9
![Тәг атрибуттарының форматы: [аты="мәні"] Атрибут көрсетілмесе, оның алдын ала келісілген мәні (значение по умолчанию) пайдаланылады.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-8.jpg)
Тәг атрибуттарының форматы:
[аты="мәні"]
Атрибут көрсетілмесе, оның алдын ала келісілген мәні
(значение по умолчанию) пайдаланылады.
Слайд 10
![HTML ЭЛЕМЕНТТЕРІ Элементтер блоктық және мәтіндік болып бөлінеді. Блоктық элементтер](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-9.jpg)
HTML ЭЛЕМЕНТТЕРІ
Элементтер блоктық және мәтіндік болып бөлінеді.
Блоктық элементтер абзац деңгейіндегі
мәтінге жатады, ал мәтіндік элементтер жеке сөз тіркестерінің немесе одан да кіші мәтін бөлігінің қасиеттерін сипаттайды.
Слайд 11
![HTML-ҚҰЖАТ ҚҰРЫЛЫМЫ HTML тәгтерінің ең негізгісі - , ол құжатты](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/204650/slide-10.jpg)
HTML-ҚҰЖАТ ҚҰРЫЛЫМЫ
HTML тәгтерінің ең негізгісі - , ол құжатты ашады, ал
тәгі құжаттың соңында тұрады. Осы екеуінің аралығында орналасқан жолдар біртұтас гипермәтіндік құжат құрайды.