Html-құжатының жалпы құрылымы


Жұмыс түрі: Материал
Тегін: Антиплагиат
Көлемі: 8 бет
Таңдаулыға:
HTML-құжатының жалпы құрылымы
HTML (ағылшын сөзі HyperText Markup Language «гипермәтінді белгілеу тілі») - дүниежүзілік құжаттардың стандартты гипермәтіндік тілі. Web-парақшалардың көбі HTML (немесе XHTML) тілі арқылы құрылады. HTML тілі браузерлермен анықталады және ыңғайлы құжат ретінде көрсетіледі. HTML тiлi SGML-дiң (Standard Generalized Markup Language) қосымшасы болып табылады жəне əлемдiк ISO стандартына сəйкес келедi.
HTML тiлiнің негізін 1986-1991 жылдар аралығында британдық ғалым Tim Berners-Lee қалады. Бұл тiл web мамандары емес, адамдардың арасында ғылыми жəне техникалық құжаттарды алмасу үшiн құрылған. HTML арқылы қарапайым, бірақ әдемі өңделген құжатты құруға болады. құжаттың құрылымын жеңілдетумен қатар, HTML тілінде гипермәтінді қолдау енгізілген, кейіннен мультимедиялық мүмкіндіктер қосылды.
HTML құжаттарын жасау үшін мəтіндік редакторларды (мысалы, блокнот), мəтіндік процессорларды (Word) жəне визуалдық HTML редакторларын қолданады. Қарапайым блокнотта арнайы стандартты ұстана отырып, HTML кодты мəтіндік файлында жазып қойып, қатқыл дискіде . txt деген кеңейтуді . html немесе . htm құжат ретінде сақтаса, толық web-парақша алынады. Web-парақшаны ашу үшін желімен байланыста болу қажетті емес.
HTML тілі:
- мәтінді форматтауға;
- ол жердегі функционалдық элементтерді (батырмаларды, кестелерді және т. б. ) ажыратуға;
- интернеттің басқа ресурстарына сілтемелер құруға (гипермәтіндер) ;
- бейнеленетін парақшаға әр түрлі сыртқы нысандарды (кескін, дыбыс жазу және т. б. ) қоюға;
- парақшаға программалау (мысалы, JavaScript) тілінде жазылған программалық кодтарды қосуға мүмкіндік береді.
HTML құжаттарды форматтауға нақты және дәл атрибуттарды бермейді. Құжаттың нақты түрін тек қана Интернет пайдаланушының компьютерінде программа-браузері анықтайды.
HTML-дің негізгі компоненттері:
- Тег (tag) . HTML тегі - бұл web-браузерге абзацты құру немесе кескінді қою сияқты белгілі бір есепті орындауға команда беретін компонент.
- Контейнер. Жұпталған тегконтейнердеп аталады. Олар екі бөліктен тұрады: ашылатын және жабылатын тегтер.
- Атрибут(немесеаргумент) . HTML атрибуты тегті өзгертеді. Мысалы, тегтің ішінде абзацты немесе кескінді тегістеуге болады.
- Мән. Мән атрибуттарға меншіктеледі және енгізілетін өзгерістерді анықтайды. Мысалы, егер тег үшін тегістеу атрибуты пайдаланылса, онда осы атрибуттың мәнін көрсетуге болады. типте бола алады, сонымен қатар мәні пиксельмен анықталатын кескіннің енін немесе биіктігін анықтайтын сандық типте де болуы мүмкін.
Тегтер - мәтінді белгілеу құралы болып табылады. Тегтер бас əріппен де кіші əріппен де жазыла береді. Барлық тегтер бірдей форматты: “<” белгімен басталады және “>” белгімен аяқталады. Олар жұптарымен (<html>-ашылатын және </html>-жабылатын тегтер) де, жалғыз да болады.
HTML программасы <HTML> тегімен басталып </HTML> тегімен аяқталады. Аяқталу мен басталу тегтерінің айырмашылығы - аяқтау тегінде «/» слэш таңбасының қойылуында.
<HTML>
. . . (бұл жерде программаның басқа тегтері болады)
</HTML>
HTML - программасы екі негізгі бөлімнен тұрады: атауынан және денесінен. Атауы <HEAD> және </HEAD> тегтер жұбымен шектеледі, ал денесі <BODY> және </BODY> тегтер жұбымен шектеледі.
Нәтижесінде программа мына түрде жазылады:
<HTML>
<HEAD>
. . . (атауы)
</HEAD>
<BODY>
. . . (программа денесінің басқа тегтері)
</BODY>
</HTML>
Сонымен қатар, браузер терезесінің атауында орналасатын әрбір HTML- программаның атауы болады. Браузер терезесінің атауы <TITLE> және </TITLE> екі тегтің көмегімен құрылады және <HEAD> және </HEAD> тегтерінің арасында орналасады.
<HTML>
<HEAD>
<TITLE> HTML негіздері </TITLE> ;
</HEAD>
<BODY>
. . . (программа денесінің басқа тегтері)
</BODY>
</HTML>
HTML-программаларды жазған кезде, браузердегі құжатты жүктегенде көрінбейтін, мәтіндерді түсіндіретін - түсініктеме қою қажет болады. Осы мақсатта <!> тегі пайдаланылады. <! және > символдарының арасында орналасқанның бәрі түсініктеме болып есептеледі де браузерде бейнеленбейді.
Блокнот мәтіндік редакторына төмендегі файлды енгіземіз:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. 01 Transitional//EN"
"http://www. w3. org/TR/html4/loose. dtd">
<html>
<head>
<title> Менің бірінші парақшам! </title>
</head>
<body>
<!-Алғашқы сөйлемді жазамын!-->
Алғашқы парақшамды құрдым!!!
</body>
</html>
Осы программа мәтінін html құжаты ретінде сақтаймыз.
HTML тіліндегі форма - пайдаланушыға жүйемен кейіннен өңдеу үшін ақпаратты енгізуге мүмкіндік беретін құжат бөлімі. HTML-дағы форма FORM элементінің көмегімен беріледі және қарапайым элементтерді белгілеуге қосымша басқару элементтері, таңба және т. б. белгілерді қамтиды.
Басқару элементтері пайдаланушының формамен өзара әрекеттесуі үшін қызмет атқарады. NAME атрибуты берілген форманың ішіндегі басқару элементінің атын анықтайды.
Форманың әрбір элементімен бастапқы және ағымдық мән байланысты. Бастапқы мән value атрибутымен (textarea, object мәндерінен басқа) берілуі мүмкін. Элементтерге сәйкес мәндер пайдаланушының немесе скрипттердің формамен өзара әрекеттесуінде өзгеруі мүмкін. Форманы тазарту барысында элементтер жаңа бастапқы мәнді қабылдайды.
HTML-құжатының негізгі басқару элементтері, атрибуттары
HTML-да келесі басқару элементтері анықталған:
- батырма:submit, image, reset, жәнеbuttonэлементі;
- чекбокс (жалауша) :checkboxтипі;
- радиобатырма:radioтипі;
- мәзір:selectэлементі ;
- мәтін жолы:textтипі, сонымен қатарtextareaэлементі;
- пароль: password типі;
- жасырын өріс:hiddenтипі;
- файл:fileтипі;
- объект:objectэлементі;
Кейбір HTML нұсқаларында келесі
- datalistэлементі - мәтін жолдарын автотолтыру нұсқасын бейнелейтін;
- outputэлементі - басқа өрістер негізінде есептеу нәтижелері үшін;
- keygenэлементі - аутентификациялау механизмінде пайдаланылатын кілттер жұбын генерациялау қосымша элементтер анықталады:.
Форма ішінде басқару элементтері орналасқан FORM элементінің көмегімен беріледі. HTML-ге ортақ атрибуттардан өзге FORM элементінде келесі атрибуттар болуы мүмкін:
- action(амал) - форма өңдеуші URI қамтитын міндетті атрибут;
- method(форманы жөнелту әдісі) - GET (үнсіздік бойынша) немесе POST мәндерін қабылдайтын атрибут;
- enctype(ішіндегісі үшін кодтау типі) - үнсіздік бойынша application/x-www-form-urlencoded (барлық кезде GET әдісі үшін), бірақ негізінен multipart/form-data қолданылады;
- accept- файлдарды жүктеу үшін MIME-типіндегі тізімдер;
- name- форма аты;
- onsubmit- «форма жіберілді» оқиғасының өңдеушісі;
- onreset- «форма тазартылды» оқиғасының өңдеушісі;
- accept-charsetқолданылатын символдар жиынының тізімі.
Формаларды жөнелтудің екі формасы бар: GET және POST. GET әдісін, мысалы, іздеу сияқты қосымша амалдар орындалмайтын жағдайда серверде формаларды өңдеу кезіндегі жағдайда пайдалану ұсынылады. Кері жағдайда POST әдісін пайдалану талап етіледі.
Парақшалар браузердегі құжаттардың қылығына, құрылу тәсіліне қарай статикалық және динамикалық болып бөлінеді.
Пайдаланушының браузеріндегі құжатқа байланысты:
- статикалық html парақшалар;
- динамикалық html парақшалар болып бөлінеді.
Статикалық парақша - пайдаланушының әрекетінен тәуелсіз барлық кезде біркелкі көрінетінін білдіреді. HTML түріндегі серверде орналасқан парақшалар статикалық парақшалар болып табылады. Динамикалық парақшалар пайдаланушының әрекетіне әсер етуі және өзгеруі мүмкін. Браузер сұранысы бойынша сол мезетте генерацияланатын парақшалар динамикалық парақшалар болып табылады.
Web парақшалардың динамикасын құру үшін кеңінен таралған тілі - JavaScript тілі пайдаланылады. Vbscript (visual basic script) тілі де web парақшалардың динамикасын құруға арналған, тек алдыңғы тілмен салыстырғанда сирек қолданылады.
Perl, SSI, PHP, ASP, Python, Java, Бинарлық код (Си немесе С++ программалары) программалау тілдерінің көмегімен «динамикалық» парақшаларды генерациялайтын скрипттерді жазуға болады. Бұл тілдердің әрқайсысының өзінің ерекшеліктері бар. Скрипттерді кез келген тілде жазуға болады. Ең бастысы олардың мықты және әлсіз жақтарын және тиімді пайдалана білу керек.
Қазір гибридті жүйе көп қолданыста. Соның ішінде AJAX (Asyncronous JavaScript And XML) жүйесі. Бұл технология скрипттарға JavaScript-те сервердегі қандай да бір скриптке қатынауға және серверден ақпарат алуға мүмкіндік береді.
Мысалы, сіз желіге қандай да бір кітапты салғыңыз келсін. Кітап жазылған, ол өзгерілмейді. Бұл жағдайда кітапты статикалық html құжат ретінде безендірген қолайлы және тиімдірек болып келеді.
Егер сайтта өзгеретін ақпарат болса, онда скриптті пайдаланған дұрыс. Скрипттің бір кемшілігі: олар өздерінің жұмыстары үшін серверден қосымша ресурстарды талап етеді. Егер html парақшаны серверден оқу және браузерге жіберу керек болса, онда скриптті алдымен жүктеу және орындау керек болады. Сонымен қатар, скрипттер өзгерілетін мәліметтер үшін көбінесе МҚБЖ-н пайдаланады, ал бұл өз алдына қосымша жүктеме береді.
Скрипт - программалау тілдерінің бірінде жазылған интернет үшін программа және сайттың сервистарының біреуін ұйымдастыру үшін арналған. Скриптті қолдану үшін программалау білімін қажет етпейді, жақсы скрипт инсталлятормен қамтамасыз етілген. Ол керек конфигурациялық файлды өзі құрады.
HTML құжаттарының тегтері
1-кесте. HTML тегтерінің анықтамалары
- Іс жүргізу
- Автоматтандыру, Техника
- Алғашқы әскери дайындық
- Астрономия
- Ауыл шаруашылығы
- Банк ісі
- Бизнесті бағалау
- Биология
- Бухгалтерлік іс
- Валеология
- Ветеринария
- География
- Геология, Геофизика, Геодезия
- Дін
- Ет, сүт, шарап өнімдері
- Жалпы тарих
- Жер кадастрі, Жылжымайтын мүлік
- Журналистика
- Информатика
- Кеден ісі
- Маркетинг
- Математика, Геометрия
- Медицина
- Мемлекеттік басқару
- Менеджмент
- Мұнай, Газ
- Мұрағат ісі
- Мәдениеттану
- ОБЖ (Основы безопасности жизнедеятельности)
- Педагогика
- Полиграфия
- Психология
- Салық
- Саясаттану
- Сақтандыру
- Сертификаттау, стандарттау
- Социология, Демография
- Спорт
- Статистика
- Тілтану, Филология
- Тарихи тұлғалар
- Тау-кен ісі
- Транспорт
- Туризм
- Физика
- Философия
- Халықаралық қатынастар
- Химия
- Экология, Қоршаған ортаны қорғау
- Экономика
- Экономикалық география
- Электротехника
- Қазақстан тарихы
- Қаржы
- Құрылыс
- Құқық, Криминалистика
- Әдебиет
- Өнер, музыка
- Өнеркәсіп, Өндіріс
Қазақ тілінде жазылған рефераттар, курстық жұмыстар, дипломдық жұмыстар бойынша біздің қор #1 болып табылады.

Ақпарат
Қосымша
Email: info@stud.kz