Теоретичні відомості.

В попередньому занятті ми вивчили структуру WEB-сторінки (шаблон). При написанні сторінок слід дотримуватись правила: роботу завжди починати з базового шаблона, а потім вставляти в нього інші елементи.

Це правило позбавить вас від проблем з пропуском елементів шаблону, які завжди виникають якщо його не дотримуватись.

Настав час додати до відомих нам тегів елементи оформлення тексту.

По-перше зазначимо, що при використанні текстових тегів їх можна об’єднувати. Тобто, якщо необхідно вивести текст жирним курсивом – необхідно застосувати два теги:

<b><i> text </i></b>

Зверніть увагу на порядок запису тегів – тег відкритий першим закривається останнім, зміна порядку неприпустима:

<b><i> text </b></i> - такий порядок є помилковим

Додамо ще один тег:

<hr /> - виводить горизонтальну лінію

Одним з видів оформлення тексту є виведення списків (наприклад список групи, список товарів, тощо…). Списки можна поділити на два типи: впорядковані (нумеровані) і невпорядковані (ненумеровані). Перед кодним елементом впорядкованого списку стоїть його порядковий номер, а перед елементами невпорядкованого списку ставить мітка у вигляді жирної крапки (кнопки). Для виведення списків використовують наступні теги:

<ul> - unordered list – невпорядкований список

<ol> - ordered list – впорядкований список

Для опису елементів списку використовується тег:

<li> - list item – елемент списку

Приклади запису списків:

<ul> --- невпорядкований список відкрито

<li> А </li> --- елемент А

<li> Б </li> --- елемент Б

<li> В </li> --- елемент В

</ul> --- список закрито

Так само описується впорядкований список, тільки замість <ul> використовується <ol>, все інше залишається без змін.

Списки матимуть такий вигляд:

для невпорядкованого

· А

· Б

· В

для впорядкованого

1. А

2. Б

3. В

Завдання1:

Написати сторінку на якій розмістити заголовок «Контингент учнів», підзаголовок «учні групи». Далі вивести список з п’яти прізвищ у вигляді впорядкованого списку, потім підкреслююча риска і невпорядкований список тих самих прізвищ.

Дата добавления: 2015-10-02