Әдістемелік нұсқау HyperText Markup Language (HTML) – WEB ортасында гипертекстік құжаттарды жасауға арналған стандартты тіл. HTML-құжат кез келген пішімделмейтін текстік редакторда көруге және редакциялауға болатын қарапайым текстік файл болып табылады.
HTML-құжаттарды WEB-броузерлердің түрлі типтері арқылы көруге болады. HTML қолдану шрифтерді, сызықтарды және түрлі графикалық элементтерді қолданып кез келген оны көру жүйесінде көрсету үшін құжаттарды пішімдеуге мүмкіндік береді. Көптеген құжаттар тақырып, параграф және тізімдер сияқты стандартты элементтерден тұрады.
HTML-дің тегтерін қолдана отырып сіз браузерге өз құжатыңызды экранда қалай көргіңіз келетіні жайлы ақпарат бересіз.
HTML-құжаттарды кез келген мәтіндік редактор немесе арнайы HTML-редакторлар мен конвертерлер арқылы жасауға болады. Біз Блокнот мәтіндік редакторында жасап үйренеміз.
HTML-тегтер
Барлық HTML тегтері "<" символынан басталып, ">" символына аяқталады. Бастау (стартовый) тегі және аяқтау (завершающий) тегі болады.
Мысал ретінде бастау тегі мен аяқтау тегінің арасына орналасқан, құжат тақырыбын сипаттайтын тақырып тегін келтірейік:
Құжат тақырыбы
Аяқтау тегі бастау тегіне ұқсас, айырмашылығы тек бұрышты жақша ішіндегі мәтін алдында слэштің ( / ) болуында. Бұл мысалда тегі WEB-броузерге тақырып пішімінің (формат) қолданғанын, ал тегі мәтін тақырыбының аяқталғанын білдіреді.
Жұп тегтер
Тегтер
Курсив
қою шрифт
асты сызылған текст
жоғары индекс
Бұл
төменгі индекс
Бұл
үлкен шрифт
кіші шрифт
Бұл
сызылғаншрифт
Бұл
Жұп емес тегтер
Тегтер
абзац басы
жаңа жол
Кестелерді бейнелеу үшін HTML тегтерінің бірнеше түрі қолданылады
Кестенің қосымша қасиеттері. Мәтіндік ұяшықтары бар типтік кесте
сол жақпен туралау
ALIGN=LEFT
ортаға туралау
ALIGN=CENTER
оң жаққа туралау
ALIGN=RIGHT
Кестенің ені, пиксель арқылы
WIDTH
Тапсырманы орындау Тексті пішімдеу (форматтау) тегтерін қолданып 3.1-суреттегідей HTML –құжат жасау
3.1-сурет. HTML құжат үлгісі
Блокнот текстік редакторын ашып, бос құжатты Тапсырма1.html деген атпен сақтаңыз.
Құжаттағы алғашқы тег тегі болу керек. Бұл тег WEB-броузерге құжаттың HTML қолданылып жасағанын хабарлайды. Сондықтан құжаттың бірінші жолына деп теріңіз.
Терезенің тақырыбын енгізу үшін мына жолдарды теріңіз:
Енді құжаттың денесін, яғни HTML құжатта не көрсетілетінін енгіземіз.Ол үшін мына жолдарды теріңіз:
мұндағы BGCOLOR=yellow құжаттың фоны – сары, ал TEXT=blue шығатын текстің түсі көк болатынын анықтайды.
Ары қарай тағы да теріңіз: