Өз бетінше үйренуге арналған сұрақтар мен тапсырмалар:

1. Келесі тақырыптарды қосымша қарастырыңыз: Сілтемелердің типтері. Сілтемелерді жазу ережелері. Локальді және глобальді сілтемелер.

2. Тізімдерге келтірілген мысалдарды негізге ала отырып әр тізім тақырыпшасына анкерлер жасау арқылы ағымдағы web-бетінің ішінде сілтемелерді ұйымдастырыңыз.

3. Сілтемелерді басқа web-бетінің тақырыптарына жасаңыз.

№4 Зертханалық жұмыс

Тақырыбы: Тізімдер және олардың түрлері.

Мақсаты: Web-беттерінде тізімдерді әртүрлі стильдермен безендіруді үйрету.

Тізімдердің (lists) HTML тіліне енгізілуінің басты себебі – мәтіндік редакторлардың тізімдерімен жұмыс істеу мүмкіндіктерінің мол болуы әсерінен деп айтуға болады. Тізім құрғанда оның жолдарын нөмірлеу немесе белгілеуді біртіндеп орындау қажет етілмей, бұл жұмысты программа өз міндетіне алады. Егер тізім жаңа жолмен толықтырылатын немесе оның бірі қысқартылатын болса, онда нөмірлеу реттілігі де автоматты түрде түзетіледі. Тізім нөмірленбей, тек белгіленетін кездерде әрбір жол алдына маркерлеу белгілері: сызықшалар, дөңгелекшелер, тіктөртбұрыштар, ромбылар және де басқа да таңбалар қойылады. Осының нәтижесінде тізім оқуға ыңғайлы сипатқа ие болады.

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

Тізім тэгтерінің ең қарапайым түрі - нөмірленбеген белгілеу тізімі <UL>(unored list)

Нөмірленбеген тізімдер: <UL> … </UL>

<UL> және </UL> сыртқы тэгтерінің арасында орналасқан мәтін жолдары белгіленген тізім ретінде қабылданады. Мұнда әрбір белгіленетін мәтін жолын <L1> ішкі тэгімен бастап отыру керек. Сонымен номерленбейтін тізімнің жазылу үлгісі мен оның экранға шығатын жұмыс нәтижесі мынадай.

<

тізімнің 1 жолы

тізімнің 2 жолы

...

тізімнің соңғы жолы

UL>

<lІ> тізімнің 1 жолы

<lІ> тізімнің 2 жолы

…

<lІ> тізімнің соңғы жолы

</UL>

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

<UL>

Бақыт:

Серік;

Назым;

Алма.

<lІ> Бақыт;

<lІ> Серік;

<lІ> Назым;

<lІ> Алма.

</UL>

Нөмірленген тізімдер: <OL>… </OL>

Нөмiрленген тізімдер алдыңғы тізім сияқты құрылады, тек әрбір жол алдына нөмір қойылады. Мысалы, жоғарыдағы программа жолдарын тек сыртқы тэгті <OL> (ordered list – реттелген тізім) өзгертіп былай жазсақ, оң жақта көрсетілген тізім экранға шығады:

<

1. Бақыт:

2. Серік;

3. Назым;

4. Алма.

OL>

<LI> Бақыт;

<LI>Серік;

<LI>Назым;

<LI>Алма.

<

1. тізімнің 1 жолы

2. тізімнің 2 жолы

3. тізімнің 3 жолы

4. …

/OL>

<OL type= “1”>

<lІ> тізімнің 1 жолы

<lІ> тізімнің 2 жолы

<lІ> тізімнің 3 жолы

</OL>

Нөмірленген тізімнің әрбір жолы реттелген тәртіп бойынша араб немесе рим сандарымен, әйтпесе латын алфавитінің әріптерімен таңбаланады. Ол таңбаларды өзгерту type=“…” атрибутымен көрсетіледі, атрибут жазылмаса, нөмірлер реттелген араб цифрларымен көрсетіледі.

Нөмірлеу таңбаларын анықтайтын type атрибутының мүмкін мәндері келесі кестеде көрсетілген.