Embedded Files
Списки
Список — це набір впорядкованих абзаців тексту, відмічених спеціальними знаками (марковані списки) або цифрами (нумеровані списки). З таким способом подання інформації вив же знайомились під час вивчення текстового редактора, та там ми просто тиснули на потрібні кнопки, а зараз нам самим доведеться все описати програмно.
Для того, щоб розпочати маркований список достатньо в тілі програми вказати подвійний тег <ul> та через подвійні теги <li> описати елементи.
У тегу маркування існує один вагомий параметр type (котрий означає тип маркера та може набувати значень:
· disc – значення параметру type для відображення маркованого списку (зафарбований кружечок)
· circle – значення параметру type для відображення маркованого списку (круг з виколотою серединою)
· square – значення параметру type для відображення маркованого списку (зафарбований квадрат)
Нумеровані списки розпочинаються тегом <ol>. Порядкові елементи також описуються <li> та параметр type може набувати значень:
· A – значення параметру type для відображення нумерованого списку (нумерування латинськими великими літерами)
· a – значення параметру type для відображення нумерованого списку (нумерування латинськими малими літерами)
· I – значення параметру type для відображення нумерованого списку (нумерування великими римськими цифрами)
· i – значення параметру type для відображення нумерованого списку (нумерування малими (прописними) римськими цифрами)
· 1 – значення параметру type для відображення нумерованого списку (нумерування арабськими цифрами)
У нумерованих списків є ще один потрібний параметр start котрий вказує на порядковий номер початкового елементу.
Під час опису елементів нумерованого списку можна змінити порядок за допомогою параметру value вказавши необхідний номер.
Таблиці
Таблиці є більш складною формою організації даних з точки зору програмного опису і тег <table> оголошує початок таблиці. Під час побудови таблиці використовується досить значний спектр тегів, параметрів та їх значень
Часто для структурованого представлення інформації використовуються таблиці. Вони створюються тегами <table> (таблиця), <tr> (рядки таблиці), <th> (комірки заголовку таблиці), <td> (звичайні комірки таблиці) і виглядають наступним чином:
<table border="1">
<tr border="1">
<td > рядок 1 стовпець 1 </td >
<td > рядок 1 стовпець 2 </td >
<td > рядок 1 стовпець 3 </td >
</tr >
<tr border="1">
<td colspan=2 > рядок займає 2 стовпці </td >
<td rowspan=2 > рядок 2 і 3, стовпець 3 </td >
</tr >
<tr border="1">
<td > рядок 3 стовпець 1 </td >
<td > рядок 3 стовпець 2 </td >
</tr >
</table >
Як бачимо - мова HTML надає можливість об'єднання комірок таблиці:
тег <td colspan= > поєднує стовпці, а тег <td rowspan= > - рядки.
Тег таблиці <table> має наступні параметри:
bgcolor - колір таблиці
border= - ширина рамки таблиці (0-невидима рамка)
width= - ширина таблиці (в пікселях або у відсотках)
height= - висота таблиці (в пікселях або у відсотках)
align="center \ right \ left" - спосіб вирівнення таблиці по центру \ по правому \ по лівому краю
Схожі параметри мають теги <td> та <tr> :
bgcolor - колір комірки / всього рядка
background=*.* - колір комірки
width= - ширина комірки (в пікселях або у відсотках)
height= - висота комірки (в пікселях або у відсотках)
align="center \ right \ left" - спосіб вирівнення вмісту комірок: по центру \ по правому \ по лівому краю
valign="top \ bottom \ middle" - спосіб вирівнення вмісту комірок по вертикалі: згори \ внизу \ посередині
nowrap - блокує автоматичне перенесення слів в межах комірки
colspan= - кількість стовпців комірки
rowspan= - кількість рядків комірки
Виконайте завдання результат покажіть вчителю
Google Sites
Report abuse