Урок № 29. Інструктаж з БЖД. Списки.
Урок № 29. Інструктаж з БЖД. Списки.
Цілі:
навчальна: сформувати знання та вміння про створення сайту засобами онлайн-системи конструювання сайтів;
розвивальна: розвивати логічне мислення;
виховна: виховувати інформаційну культуру, дбайливе ставлення до комп’ютерної техніки.
Тип уроку: Комбінований.
Актуалізація опорних знань
Вивчення нового матеріалу
Інструкційна картка
Опрацьовані теги, їх параметри та значення:
<ul> - тег початку маркованого списку (має закриваючий тег)
<li> - тег опису одного елементу списку (має закриваючий тег)
<ol> - тег початку нумерованого списку (має закриваючий тег)
type – параметр встановлення графічного способу відображення елементу списку:
disc – значення параметру type для відображення маркованого списку (зафарбований кружечок)
circle – значення параметру type для відображення маркованого списку (круг з виколотою серединою)
square – значення параметру type для відображення маркованого списку (зафарбований квадрат)
A – значення параметру type для відображення нумерованого списку (нумерування латинськими великими літерами)
a – значення параметру type для відображення нумерованого списку (нумерування латинськими малими літерами)
I – значення параметру type для відображення нумерованого списку (нумерування великими римськими цифрами)
i – значення параметру type для відображення нумерованого списку (нумерування малими (прописними) римськими цифрами)
1 – значення параметру type для відображення нумерованого списку (нумерування арабськими цифрами)
start – параметр нумерованого списку котрий задає початкове значення нумерації в списку
value – параметр нумерованого списку котрий задає значення конкретного елементу в списку
table – тег, що оголошує початок таблиці
border – параметр котрий задає товщину ліній таблиці, рядка чи комірки відповідно до його використання.
width – параметр котрий задає ширину таблиці, рядка чи комірки відповідно до його використання.
height – параметр котрий задає висоту таблиці, рядка чи комірки відповідно до його використання.
caption – заголовок таблиці
tbody – тег, що оголошує початок основного тіла таблиці
tr – тег рядка
td – тег комірки
align – параметр горизонтального вирівнювання
left — по лівому краю (за замовчуванням)
right — по правому краю
center — по центру
justify — по ширині
valign – параметр вертикального вирівнювання
top — по верхньому краю
middle — по центру
bottom — по нижньому краю
baseline — по базовій лінії
colspan – параметр горизонтального об’єднання комірок (значення відображається в цифрах та вказує на кількість об’єднаних комірок)
rowspan – параметр вертикального об’єднання комірок (значення відображається в цифрах та вказує на кількість об’єднаних комірок)
Завдання
Створити на робочому столі папку та назвати її власним прізвищем та ім’ям.
У власні папці створити два html документа та назвати «Список», «Таблиця».
У документі «Список.html» реалізувати наступний список:
У документі «Таблиця.html» виконайте перетворення поданого списку в таблицю.
Домашнє завдання
Опрацювати вивчений матеріал. Розробити веб-сторінку «Мої плани на літо» використовуючи таблиці та маркований список.