HTML тэгтер тобы

Пән: Информатика, Программалау, Мәліметтер қоры
Жұмыс түрі: Материал
Тегін: Антиплагиат
Көлемі: 10 бет
Таңдаулыға:

Жоспар

Кіріспе

1. HTML тэгтер тобы

2. HTML құжатының контейнерлері

3. META ТЕГІ

4. Міндетті тэгтер

5. Сыңарсыз тэгтер

Қорытынды

Пайдаланған әдебиеттер тізімі

Кіріспе

Барлық ақпарат WWW байттарының негізгі элементі болып келетін Web беті ретінде бейнеленеді.

Web-беттер мультимедия технологиясын қолдап, өзінде әр түрлі ақпараттар түрін біріктіреді. Олар: мәтін, графика, дыбыс, анимация және бейне. Көп жағдайда сол немесе басқа Web-беттердің желідегі жетістігі саналы және әдемі жасалуына байланыстыы.

Қолданушыылар стильді безендендірілген, анимация және графикамен тым қамтылмаған, тез жүктелетін Web-броузер терезесінде дұрыс бейнеленетін Web беттерін қолдану ұнамды.

Web-бетті тэгтер құру оңай емес, бәрақ әр бір адам өзін дизайнер рөліне өойғысы келетін шығар. Мен де бұл жағдайдан тыс қалмадым, сондықтан өзімнің курстық жұмысым үшін осы тақырыпты таңдап алдым.

Өзімнің курстық жұмысымда Web-бетті тэгтер құру үшін не білу және істей алу қажет екендігін, оны құру үшін қандай программаларды қамтамсыз ету және Web-бетті қалай тиімді қолдануды мүмкіндігінше түсінуге тырыстым.

1. HTML тэгтер тобы

Барлық HTML тэгтерін олардың қызметі мен істеу аймағына қарай келесі топтарға бөлуге болады:

Құжат құрылымын анықтаушы;
Гипермәтін блоктарын безендіру (параграфтар, тізімдер, кестелер, бейнелер) ;
Гипермәтіндік сілтемелер;
Диалог ұйымдастыратын формалар;
Программалардың шақырылуы;

Гипермәтіндік торап құрылымы гипермәтіндік сілтемелермен беріледі. Гипермәтіндік сілтемелер дегеніміз - басқа HTML құжатының немесе INTERNET ақпарат қорының адресі.

Гипермәтіндік сілтемелерді жазу үшін WWW жүйесінде арнайы форма құрылған болатын. Оның атауы - UNIVERSAL RESOURCE LOCATOR. Осыған мысал ретінде төмендегіні келтіруге болады:

Этот текст содержит <A HREF="http://polyn. net. kiae. su/altai/index. html"> гипертекстовую ссылку</A>

Жоғарыда келтірілген мысалда HTML-да якор (anchor) деп аталатын “А” тэгі URL түрінде сілтемені жазу үшін “HREF” (HYPERTEXT REFERENCE) атрибутын қолданады. Бұл жоғарыда көрсетілген сілтеме “http” протоколы арқылы “polyn. net. kiae. su” серверінің “altai” директориясында орналасқан “index. html” құжатына көрсетіп тұр.

HTML-дағы гипермәтіндік сілтемелер екі түрге бөлінеді: контексті және жалпы гипермәтіндік сілтемелер. Контексті гипермәтіндік сілтемелер деп құжатқа енгізілген (ішіне енгізілген) сілтемелерді айтамыз. Ал жалпы гипермәтіндік сілтемелерге бүкіл құжатпен байланысы бар және құжаттың кез-келген бөлігін көрсету мүмкіншілігі бар сілтемелер жатады.

HTML құжаты құрылымы бір-біріне енгізілген контейнерлерді қолдануға мүмкіндік береді. Алайда, құжаттың өзі де <HTML> тэгімен басталып </HTML> тэгімен жабылатын үлкен бір контейнер болып табылады:

<HTML> Содержание документа </HTML>

<HTML> контейнер немесе гипермәтіндік құжаттың өзі екі енгізілген контейнерлерден тұрады: құжат басы - <HEAD> және құжат денесі - <BODY>.

Мысал ретінде қарапайым бір құжатты қарастырайық:

<HTML>

<HEAD>

<TITLE>Қарапайым құжат</TITLE>

</HEAD>

<BODY text=#ff BACKGROUND=#f0f0f0 ><H1>Пример простого документа</H1>

<HR>Формы HTML-документов

<UL>

<LI>Классическая

<LI>Фреймовая

</UL>

<HR>

</BODY>

</HTML>

1-сурет. Қарапайым құжат

2. HTML құжатының контейнерлері

Құжатттың әрбір құрама бөліктерінде өзіне тән контейнерлер тобы бар. Құжаттың денесінде қоланылатын контейнерлер құжаттың тақырыбында (басында) немесе FRAMESET (фрейм) контейнерінде қолданылмайды.

Құжаттың HTML-HEAD бас контейнері

Құжат басының атрибуттары болмайды. Құжат басы тэгтерінің негізгі міндеттері - бүкіл құжаттың көріну параметрлерін баяндау. Мұндай параметрлерге құжатты көрсету стилін, жалпы базалық гипермәтіндік сілтеме адресін, жалпы гипермәтіндік сілтемелерді, идентификаторды, құжат атын және т. б. жатқызуға болады. Төменде тек қана жиі кездесетін контейнерлер берілген.

TITLE

Ең жиі қолданылатын құжат басы тэгі - құжат аты болып табылады. TITLE-дің жазылу тәртібі келесідей:

<ТIТLЕ> Название документа </ТIТLЕ>

TITLE тэгінің құрамы құжат аты өрісінде көрсетіледі.

BASE

BASE тэгі URL формасындағы гипермәтіндік сілтеме формасымен байланысты. Себебі, URL спецификациясы құжаттардың екі формасын анықтайды: толық және толық емес URL адрес формасын қолдануға болады. Бірақ толық емес спецификация формасын қолдану үшін оны бір нәрсеге базалау керек, яғни толық емес URL формасынан толық URL формасын құру үшін базалық адресін беру керек. BASE тэгі осы базаны анықтауға мүмкіндік береді. Солайша, егер құжат басынана келесі қатар берілетін болса:

<BASE HREF="http://polyn. net. kiae. su/>

онда гипермәтіндік сілтеме түрі:

<A HREF="/altai/index. html">

келесі түрге дейін кеңейтіледі:

<A HREF=”http://polyn. net. kiae. su/altai/index. html”>

Бұл басқа да құжат тэгтерінің импорттаушыларына да әсер етеді. Графикалық бейне құжатында келесі команда бойынша көрсетілсе:

<IMG SRC="/gif/test. gif">

онда ол келесі адрес бойынша ізделінеді:

<IMG SRC=' http://polyn. net. kiae. su/gif/test. gif'>

BASE тэгі құрамы қолданушы интерфейсімен тура көрсетілмейді.

ISINDEX

HTML құжатын басты сөздер бойынша іздеу мүмкіншілігі құжат басы ISINDEX тэгімен анықталады. Бұл тэг HTML тілінің алғашқы версияларында ешқандай қосымша атрибуттары болмаған. Егер сервер басты сөздер боынша сұрау істесе, онда ол автоматты түрде құжат басына ISINDEX тэгін қоятын. Басты сөздер тізімін клиент құжат адресіне “?” символы болған жағдайда іздеуіш қызметін атқаратын сервер HTML тілінің жаңа версияларында сұрауыш өңдейтін программаны көрсетуге және “SEARCH ISINDEX” стандартымен бірге фразаны беріге болады:

<ISINDEX HREF= "http://polyn. net. kiae. su/cgi-bin/search" PROMPT="Enter Keywords:">

Көрсетілген мысалда HREF атрибуты сұрауыш өңдейтін программа адресін анықтайды, ал PROMPT атрибуты - шақыру мазмұнын.

3. META ТЕГІ

META тэгі HTML спецификациясында жоқ конструкцияларды құжат басында анықтауға арналған. Үш атрибуты бар: NAME, CONTENT, HTTP-EQUIV. Бұл тэгтің күрделілігі - бұл тэг арқылы енгізілетін конструкцияны интерпретациялау үшін сервердің немесе қолданушы интерфейстің конструкцияны қолдана білу және шифрын оқи білу мүмкіншілігі болуы қажет. Мұндай жұмыс түрі үшін программа SGML конструкцияларын интерпретациялауы қажет. Бірақ ол ешбір интерфейсті программада қамтылмаған. Практика жүзінде бұл тэгті тек құжаттың басына HTTP-EQUIV атрибуты арқылы анықталған HTTP ақпараттар протоколы бойынша енгізу арқылы ғана жүзеге асыруға болады. Ол келесі түрде болады:

<META HTTP-EQUIV="Keywords" CONTENT="Plasma, Nuclear Physics">

Мұндай қолданымнан соң HTTP пакетінің басына келесі қатарлар қосылады: Keywords: Plasma, Nuclear, Physics. Мысалға, бұл почта арқылы жіберу кезінде өте ыңғайлы.

META контейнерінің ең тиімді қолданылымын демонстрациялық роликтерді құру үшін пайдаланады. Мұндай жағдайда көрсетілетін беттің өзгеруі Refresh (яғни, құжат өңделу уақытында) параметрінде құрылады. Құжат басына META контейнерінің келесі түрі жазылады:

<META HTTP-EQUIV="Refresh": CONTENT=“0, URL=next. html”>

бұл құжат басында шығатын HTTP протоколының хабарламасымен бірдей болып табылады. Ол келесі түрдегідей болады:

Refresh = 0; URL=next. html <LF>

Бұл негізінен құжаттың браузер қосылғаннан кейін ауысқандығын білдіреді. Сонымен қатар жаңа құжат ретінде URL параметріндегі құжат қолданылады.

4. Міндетті тэгтер

Міндетті тэгтер қатарына жоғарыда айтылып кеткен <HTML>, <HEAD>, <TITLE>, <P> тэгтері жатады. Сонымен қатар айта кететін тэгтердің бірі - <Hi> тэгі (мұндағы і=1. . 6) . Бұл тэг тақырыптың алты түрлі жағдайын көрсетеді. Ең бірінші түрі - ең ірісі (үлкені), ал алтыншысы, әрине, ең кішісі болып келеді. Мысал ретінде:

<html>

<head>

<title>МЫСАЛ 2</title>

</head>

</body>

</html>

2-сурет. Тақырып көлемі түрлері

5. Сыңарсыз тэгтер

Сыңарсыз тэгтер HTML тілінің екі негізгі тәртібіне бағынбайтындар: біреулері жабушы тэгтерді қажет етпейді, ал кейбіреулері (&-үлестірулері деп аталатын) тек қана кіші әріптермен жазылуы керек.

<BR>

Бұл белгі абзацты бұзбай, жаңа жолдан бастау қажет болғанда қолданылады. Әсіресе өлең шумақтарын жазғанда ыңғайлы.

<html>

<head>

<title>МЫСАЛ 3</title>

</head>

<body>

<P><b>Однажды в студеную зимнюю пору<BR>

Сижу за решеткой в темнице сырой. <BR>

Гляжу - поднимается медленно в гору<BR>

Вскормленный в неволе орел молодой. </P>

<P>И шествуя важно, в спокойствии чинном, <BR>

Мой грустный товарищ, махая крылом, <BR>

В больших сапогах, в полушубке овчинном, <BR>

Кровавую пищу клюет под окном. </P>

</body> </html>

1-сурет. Жаңа жол және абзац.

<HR>

Бұл тэг көлденең сызықты сызғанда қолданылады. Тэг қосымша SIZE (сызық қалыңдығын пикселмен анықтайды) және WIDTH (сызық ұзындығын пикселмен немесе экран бетіне шаққандағы пайыз бойынша анықтайды) атрибуттарын қабылдайды. Келесі мысалда кейбір сызықтар түрі көрсетілген:

<title>МЫСАЛ 4</title></head><body>

<H1>Коллекция горизонтальных линий</H1>

</body> </html>