Атрибут background. Даний атрибут задає фонове зображення для таблиць. Застосуємо до тегів table і td. Його значенням є url файла з фоновим зображенням.
Використання таблиць у дизайні сторінки. Таблиці зручні тим, що при бажанні можна зробити їхні межі невидимими. Це дозволяє за допомогою тега <ТАВLЕ> красиво розміщати на сторінці текст і графіку. Поки що тег <ТАВLЕ> залишається єдиним потужним засобом форматування в HTML. Дизайнери Web-сторінок сьогодні так же вільно використовують "порожній простір", що й творці друкованих сторінок. Таблиці найкраще допомагають відійти від ієрархічного розміщення тексту на Web-сторінках.
Якщо браузер підтримує таблиці, він звичайно правильно відображує найцікавіші ефекти (рис.8.2), отримані з їхньою допомогою.
Рисунок 8.2 – Використання таблиць у дизайні
<HTML>
<BODY>
<CENTER>
<TABLE CELLPADDING="10" CELLSPACING="0"
BORDER="16">
<TR>
<TD ALIGN="center">
<H2> Інтернет-Університет Інформаційних Технологій </H2>
<H3> Ласкаво просимо!</H3>
<TABLE BORDER WIDTH="100%">
<TR>
<TD ALIGN="center"><I> Навчальний курс "Основи Web-технологій"</I></TD> </TR> </TABLE> </TD> </TR>
</TABLE> </CENTER>
</BODY> </HTML>
РЕКОМЕНДОВАНА ЛІТЕРАТУРА
1.ДСТУ-3008-95 Документация, отчеты в сфере науки и техники. Структура и правила оформления.
2. Невлюдов І.Ш. Основи виробництва електронних апаратів: Підручник.– Харків: “Компанія СМІТ”, 2005. – 592 с.
3. Невлюдов І.Ш., Бережна М.А. Комп’ютерні технології автоматизованого виробництва: Навч. посібн. – Харків: “Компанія СМІТ”, 2007.– 308 с.
4. Карпухін А.В., Бредіхін В.М., Міщеряков Ю.В. Основи Інтернет-технологій. Навч. посібн. – Харків: ООО «Компанія СМІТ», 2009. – 384с.
5. Методи та засоби Інтернет-технологій: Навч. Посібн. / В.В. Самсонов, А.Л. Єрохін. – Харків: “Компанія СМІТ”, 2008. – 264с.
6.Згуровський М. Вступ до комп'ютерних інформаційних технологій. Навч. посіб. МОНЦ, НТЦ, “КПИ”, 2000. – 250с.
7. Попов В. Практикум по Інтернет-технологиям: Учебный курс. – СПб.: Питер, 2002. –480с.
8. Стауфер Т. Создание Web-страниц. – СПб.: Питер, 2003. – 448с.
9.Дунаєв С. Інтернет-технології. –Харків: “Компанія СМІТ”,1997. – 288с.
10. Основы Web-технологий / П.Б. Храмцов, С.А. Брик, A.M. Русак, А.И. Сурин / Под редакцией П.Б. Храмцова. — М.: ИНТУИТ.РУ "Интернет-Университет Информационных Технологий", 2003. – 512 с.
11. Михеева Е.В. Информационные технологии в профессиональной деятельности: Учебн. пособие для студентов. –М.: Издательский центр «Академия».–2008г. – 384с.
12. Михеева Е.В. Практикумпо информационным технологиям в профессиональной деятельности: Учебн.пособие для студентов. –М.: Издательский центр «Академия».–2005г. – 256с.
Додаток А
Основні теги мови HTML
|
Тег HTML |
Функція |
|
1 |
2 |
|
<html></html> |
Вказує програмі перегляду сторінок, що це HTML-документ. |
|
<head></head> |
Визначає місце, де міститься різна інформація, що не відображується в тілі документа. Тут розташовується тег назви документа й теги для пошукових машин. |
|
<body></body> |
Визначає видиму частину документа. |
|
<title></title> |
Поміщає назву документа в зміст програми перегляду сторінок. |
|
<pre></pre> |
Обрамляє попередньо відформатований текст. |
|
<h1></h1> |
Створює найбільший заголовок. |
|
<h6></h6> |
Створює найменший заголовок. |
|
<b></b> |
Створює жирний текст. |
|
<i></i> |
Створює похилий текст. |
|
<tt></tt> |
Створює текст, що імітує стиль друкарської машинки. |
|
<cite></cite> |
Використовується для цитат, зазвичай це похилий текст. |
|
<em></em> |
Використовується для виділення з тексту слова (похилий або жирний текст). |
|
<strong></strong> |
Використовується для виділення найбільш важливих частин тексту (похилий або жирний текст). |
|
<font size=...></font> |
Встановлює розмір тексту в межах від 1 до 7. |
|
<font color=...></font> |
Встановлює колір тексту, використовуючи значення кольору у вигляді RRGGBB. |
|
<a href="URL"></a> |
Створює гіперпосилання на інші документи або частину поточного документа. |
|
<a href="mailto:EMAIL"> </a> |
Створює гіперпосилання виклику поштової програми для написання листа авторові документа. |
|
<a name="NAME"></a> |
Відзначає частина тексту як мету для гіперпосилань у документі. |
|
<a href="#NAME"></a> |
Створює гіперпосилання на частину поточного документа. |
|
<p> |
Створює новий параграф. |
|
<p align=...> |
Вирівнює параграф щодо однієї зі сторін документа, значення: left, right, або center. |
|
<br> |
Вставляє переведення рядка. |
|
<blockquote> </blockquote> |
Створює відступи по обидва боки тексту. |
|
<dl></dl> |
Створює список визначень. |
|
<dt> |
Визначає кожний з термінів списку. |
|
<dd> |
Описує кожне визначення. |
|
<ol></ol> |
Створює нумерований список. |
|
<li> |
Визначає кожний елемент списку й призначає номер. |
|
<ul></ul> |
Створює ненумерований список. |
|
<li> |
Випереджає кожний елемент списку й додає кружок або квадратик. |
|
<div align=...> |
Важливий тег, що використовується для форматування великих блоків тексту HTML-документа, також використовується в таблицях стилів. |
|
<img src="..."> |
Додає зображення в HTML-документ. |
|
<table></table> |
Створює таблицю. |
|
<tr></tr> |
Визначає рядок у таблиці. |
|
<td></td> |
Визначає окрему комірку у таблиці. |
|
<th></th> |
Визначає заголовок таблиці (нормальна комірка з відцентрованим жирним текстом). |
|
<frameset></frameset> |
Випереджає тег <body> у документі, що містить кадри. |
|
<frameset rows="..., ..."> |
Визначає рядки в таблиці кадрів, висота яких задана кількістю пікселів або в процентному співвідношенні до висоти таблиці кадрів. |
|
<frameset cols="..., ..."> |
Визначає колонки в таблиці кадрів, ширина яких задана кількістю пікселів або в процентному співвідношенні до ширини таблиці кадрів. |
|
<frame> |
Визначає одиничний кадр або область у таблиці кадрів. |
|
<noframes></noframes> |
Визначає, що буде показано у вікні браузера, якщо він не підтримує кадри. |