HTML құжатының құрылымы, 10 сынып

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

Блокнотты ашқаннан кейін қарапайым HTML-құжатының құрылымын төмендегі түрде блокнотқа жазып сақтаймыз.

<HTML>

<HEAD>

<META http-equiv=”Content-Type” content= “text/html; charset=windows-1251>

<TITLE>

Қарапайым HTML-құжаты

</TITLE>

</HEAD>

<BODY>

Қазақ халқының өмірде ән мен күйдің алатын орны ерекше. Олар ұлтымыздың жансерігі, рухани тірегі. Асқаралы асқақ тау, сарқыраған асау арна, жайқалған ағаштары бар қасетті Қарғалы жерінен рухани тіректің табылмауы мүмкін емес. Осындай керемет өңірде өмірге келген дара тұлға, музыка өнерінің үркер жұлдызы- ӘСЕТ БЕЙСЕУОВ

</BODY>

</HTML>

Сақталғаннан кейін браузерді ашқанда көрінетіні (Сурет-5)

(Сурет-5)

BODY элементі

Егер <BODY> төмендегі атрибуттарды жазбасақ мәтін түсі қара, өң түсі ақ болады. Сондықтан төмендегі атрибуттарды жазу арқылы парақтың түсін, мәтін түстерін өзгерте аламыз.

BODY төмендегі атрибуттарды қабылдайды:

bgcolor - өң түсі / цвет фона

background - өңдік сурет/ URL фонового изображения

text - мәтін түсі /цвет текста

link - кірілмеген гиперсілтеме түсі /цвет не посещённой гиперссылки

vlink - кірілген гиперсілтеме түсі /цвет посещённой гиперссылки

alink - таңдалған гиперсілтеме түсі /цвет выбранной гиперссылки (при наведении на неё указателя)

Мысалы мына түрде жазамыз

<BODY bgcolor =green text=blue>

Сонда парақ түсі жасыл, мәтін түсі көк болады.

Түстер идинтификаторы

Әр түрлі түстер берілген (Сурет-6)

(Сурет-6)

Мәтіннің астын сызу, өлшемі

Мәтінді жазуда төмендегі атрибуттар қолданылады:

B - жартылай қалың сызылған

I -курсивпен сызылған

U - асты сызылған мәтін

S - үсті сызылған мітін

BIG - үлкейтілген қаріп өлшемі

SMALL - кішірейтілген қаріп өлшемі

SUP - жоғарғы индекс

SUB - төменгі индекс

TT - моноширлі қаріп

BLINK - жыпылықтаған қаріп

Бағдарлама түрінде блокнотқа жазылуы мынадай болады:

<HTML>

<HEAD>

<META http-equiv=”Content-Type” content= “text/html; charset=windows-1251>

<TITLE> Мысал </TITLE>

</HEAD>

<BODY bgcolor=#CCFFFF>

<font color="#000080">

<B> <font size="6">жартылай қарайтылған мәтін</font></B><font size="6"><BR>

<I> курсивпен жазылған мәтін</I><BR>

<U> асты сызылған мәтін</U><BR>

<S> үсті сызылған мәтін </S><BR>

</font>

<BIG> <font size="6">қаріптің үлкейтілген өлшемі</font></BIG><font size="6"><BR>

</font>

<SMALL> <font size="6">қаріптің кішірейтілген өлшемі</font></SMALL><font size="6"><BR>

<SUP>жоғарғы индекс</SUP>текст <SUB> төменгі индекс</SUB><BR>

<TT> моноширлі мәтін </TT><BR>

<B><I> <U> асты сызылған, жартылай қарайтылған мәтін</U></I></B><BR>

</font>

</BODY>

</HTML>

Сақталғаннан кейін Internet Explorer браузерінде ашып көрсек суретте көрсетілгендей болып шығады. (Сурет-6)

(Сурет-6)

Маркерлі тізім

Ақпаратты реттеп жазу үшін маркерлі және нөмірлі тізімнің атқаратын ролі зор.

Маркерлі тізім жұп тег арқылы беріледі мынадай

<UL>.....</UL>

Тізімнің элементтері <LI> арқылы басталып жазылады,

жабу тегі міндетті емес </LI>

Мыс:

<UL>

<LI> тізімнің бірінші элементі

<LI>тізімнің екінші элементі

</UL>

type атрибуты арқылы маркерлі тізімнің типтерін көрсетуге болады:

circle - боялмаған шеңбер /круг без заливки

disc- боялған шеңбер /круг с заливкой (используется по умолчанию)

sguare – квадрат