- •Створення простої web-сторінки
- •Вступ в мову html
- •Структура html-документа
- •Встановлення кольору тексту
- •Встановлення кольору фону
- •Параграф
- •Створення заголовка
- •Питання для самоконтролю
- •Графіка I посилання на web-сторінці Вставка малюнків
- •Посилання
- •Відступи
- •Комплексна лабораторна робота "створення html-файла"
- •Оформления таблиць
- •Вирівнювання вмicту комірок
- •Форматування комірок
- •Підсумкова лабораторна робота "власна web-сторінка"
- •Список літератури
Вирівнювання вмicту комірок
Щоб вирівняти вміст комірок таблиці по горизонталі, треба вище наведений текст редагувати таким чином:
<table> <tr>
<td height ="35" width="50" bgcolor="#FFCC33"> <center> 1х1 </center> </tr>
<td width="50" bgcolor="#336699"> <center> 1х2 </center> </tr>
<td width="50" bgcolor="#EFCC33" > <center>1х3</center> </tr> </tr> <tr>
<td height ="35" width="50" bgcolor="#336699"> <center>,2xl</tr>
<td width="50" bgcolor="#FFCC33"> <center> 2х2 </center> </tr>
<td width="50" bgcolor="#336699"> <center> 2х3 </center> </tr> </tr> <table>
В кожній комірці таблиці може знаходитись текст, малюнки i навігь вкладені таблиці. Їх вміст форматусться за допомогою вже відомих тегів. Кожна комірка таблиці є ніби окрема кімната, тому теги для центрування в попередньому прикладі довелось писати для кожної комірки.
Вирівнювання по вертикалі виконуеться за допомогою атрибута valign="middle" (top, bottom) - посередині комірки (зверху, знизу).
Щоб вирівняти вміст комірок таблиці по вертикалі треба вище наведений текст редагувати таким чином:
<table>
<tr>
<td height ="35" width="50" bgcolor="#FFCC33" valign="top" >
<center> 1х1 </center></tr>
<td width="50" bgcolor="#336699"> <center> 1х2 </center> </tr>
<td width="50" bgcolor="#FFCC33" valign="bottom" > <center> 1х3
</center> </tr>
</tr>
<tr>
<td height ="35" width="50" bgcolor="#336699" valign="bottom" >
<center> 2xl</tr>
<td width="50" bgcolor="#FFCC33"> <center> 2х2 </center> </tr>
<td width="50" bgcolor="#336699" valign="top" > <center> 2х3
</center> </tr>
</tr>
<table>
Тут параметр valign встановлено не для всіх комірок, щоб можна було побачити різницю у вирівнюванні вмісту комірок.
Форматування комірок
Параметр colspan визначае кількість стовпчиків, параметр rowspan визначае кількість рядків, на які простягається дана комірка.
Підсумкова лабораторна робота "власна web-сторінка"
Створити власну Web-сторінку. Як взірець можна взяти любий особистий сайт,знайдений Вами у Internet
Розробити дизайн сайту, розмістити інформацію на Web-сторінці. Застосувати на cmopінці шрифты різного типу, розміру i кольору.
Розмістити на стортщ довшьні фотокартки i малюнки.
Створити на головній сторінці посилання на додаткові сторінки.
На додаткових сторінках розмістити відомості про cебе, друзів тощо.
Зберегти Web-сторінку у власній nanці.
Список літератури
Шестопалов Є.А. Internet для початківця. Посібник з інформатики, Книга 8. 2003 – 96 с.
Петюшкин А. Книга Профессиональное программирование HTML в Web-дизайне, "БХВ-Петербург", 2004 г., 400 с
Сергеев А. Книга HTML и XML. Профессиональная работа, "Вильямс", 2004 г., 880 с
Петюшкин А. Книга HTML в Web-дизайне, "БХВ-Петербург", 2004 г., 400 с
Дригалкин В. Книга HTML в примерах. Как создать свой Web-сайт. Самоучитель, "Вильямс", 2003 г., 192 с.