 |
|
Інструкція до виконання практичного завдання
1. Створіть документ під назвою ROZKLAD.html, що містить таблицю з розкладом уроків:
<TABLE border>
<TR><TH> ПОНЕДІЛОК < /TH>
<TR><TD> Математика< /TD> <TD> 8 </TD></TR>
<TR><TD> Хімія < /TD> <TD> 9 </TD></TR>
<TR><TD> Фізика < /TD> <TD> 12</TD></TR>
і т.д..
</TABLE>
2. Проаналізуйте результат.
Зверніть увагу, що перший рядок таблиці (заголовок) відрізняється написанням – це результат роботи тега <TH>.
Крім того, ширина стовпців таблиці дорівнює максимальній довжині тексту у комірках. Таблиця вирівняна по лівому краю вікна браузера, а її вміст відображається гарнітурою Times New Roman. Текст у комірках заголовка вирівнюється по центру, а в інших комірках – по лівій межі. Щоб змінити ці установки за замовчуванням, використовують різні атрибути.
Атрибути елемента TABLE:
Width – задає ширину таблиці. Його значення виражається у пікселях або відсотках. Приклад:<TABLE Width =”40%”>
Align – задає вирівнювання таблиці у документі, може набувати значень left, center, right.
Border – задає вивід рамок таблиці. <TABLE border=5> - задає рамку товщиною в 5 пікселів для зовнішньої рамки, внутрішні рамки дорівнюватимуть, як і раніше, 1 пікселю.
3. Змініть вигляд таблиці у створеному файлі.
Атрибути елементів рядків і стовпців
Width, height –установлюють розміри комірок рядка: ширину і висоту. Ці атрибути можуть використовуватись у тегах <TR><TD>.
Align – вирівнюють вміст у комірках і вводиться в теги<TR> або<TD>. Як ви вважаєте, яки значень може набувати цей атрибут. Учні назвуть: left, center, right. Крім того існує можливість вирівнювання по ширині за допомогою атрибута “justify”.
Valign – вирівнювання вмісту по вертикалі. Цей атрибут застосовується з такими значеннями: top( вирівнювання по верхньому краю комірки), bottom (по нижньому краю), middle (центрування по вертикалі). Приклад застосування: <TR Valign =” middle”>.
Вигляд таблиці був би привабливішим, якби ви застосували колір у таблицях.
Колір у таблицях
Bgcolor- колір фону таблиці. Залежно від того, до якого тегу цей атрибут застосовується <TR>,<TH>,<TD>,<TABLE>
Bordercolor – колір рамок таблиці. Якщо цей атрибут вставити у тег <TABLE>, то він діятиме, коли в таблиці є рамки, тобто за наявності атрибута Border. Якщо ж потрібно задати колір лише визначених комірок, атрибут Bordercolor розташовуємо в тегах <TR>,<TH>,<TD>. Наприклад, тег г<TR Bordercolor=”FF0000” > задає червоні межі всіх комірок рядка.
4.Представити список учнів класу і їх дні народження у вигляді таблиці
Урок №5
Тема: Поняття про структуру веб-сайту. Фрейми, теги й атрибути фреймів. Використання посилань у фреймах. Практична робота «Розробка веб-сайтів з використанням фреймів»
Мета:познайомити учнів з видами гіперпосилань; формувати навички створення гіперпосилань між HTML-документами та в межах одного HTML-документа;
розвивати логічне мислення, творчий підхід до роботи;
виховувати культуру спілкування, культуру представлення інформації.
Використане обладнання: комп’ютер; дошка;
Хід уроку.