- •Сучасні веб-технології
- •Термін «Інтернет»
- •Фізична модель Інтернету
- •Логічна модель Інтернету
- •World Wide Web
- •Взаємодія Клієнт – Web-сервер
- •Стандарт URL
- •Концепція
- •Технологічна карта концепцій Веб
- •Веб-технології
- •Що таке Web-сервер?
- ••Apache - вільний web-сервер з відкритим вихідним кодом, поширюється під сумісною з GPL
- •Еволюція Веб-серверів
- •Веб-розробка
- •Веб-розробка
- •Статичні HTML-сторінки
- •Веб-технології
- •Веб-технології
- •Веб-технології
- •Мета Web-дизайну
- •Процес створення Web- сайтов.
- •Поняття «HTML»
- •Деяка інформація про
- •Структура HTML- документу
- •Структура HTML-
- •Параметри тегу BODY
- •Параграфи
- •Шрифти
- •Кольори в HTML
- •Таблиця основних кольорів в HTML
- •Таблиця основних кольорів в HTML
- •Невпорядоковані списки
- •Впорядковані списки
- •Комментарі в HTML
- •XHTML
- •HTML 5
- •Литература
Параметри тегу BODY
•MARGINHEIGHT - визначає ширину (у пікселах) верхнього і нижнього полів документу. Працює лише в браузерах Netscape.
•TOPMARGIN - визначає ширину (у пікселах) верхнього і нижнього полів документу. Працює лише в браузерах Internet Explorer.
•MARGINWIDTH - визначає ширину (у пікселах) лівого і правого полів документа. Працює лише в браузерах Netscape.
•LEFTMARGIN - визначає ширину (у пікселах) лівого і правого полів документа. Працює лише в браузерах Internet Explorer.
•BACKGROUND - визначає зображення для "заливки" фону. Значення задається у вигляді повного URL або імені файлу з картинкою у форматі gif або jpg.
•BGCOLOR - визначає колір фону документа.
•TEXT - визначає колір тексту в документі.
•LINK - визначає колір гіперпосилань в документі.
•ALINK - визначає колір підсвічування гіперпосилань у момент натиснення.
•VLINK - визначає колір гіперпосилань на документи, які ви вже проглянули.
Тіло документу <BODY>
•<DIV> – блочний елемент
•<TABLE> – таблиця
<table border="0" cellpadding="4" cellspacing="0"> <tr>
<td>191</td>
<td>Mountain Tire Tube</td> </tr>
</table>
34
Тіло документу <BODY>
•<H1>,…, <H6> – заголовки
•Посилання (<A>)
<a href="index.html" title="На
головну">Головна<span /> </a>
35
Тіло документу <BODY>
•<P></P> – абзац
•Зображення (<IMG>)
<img src="images/ex.jpg" alt="Картинка" />
•Інші елементи:
–<NOINDEX>
–<SPAN>
–Сущності – © (©)
36
Параграфи
<P ALIGN="center">Це відцентрований параграф.<BR>
Текст розміщується в центрі вікна браузера</P>
<P ALIGN="right">А це параграф, що вирівняний з правого краю.</P>
Блок:
<DIV ALIGN="center">
...Текст, таблиці, зображення. По центру. </DIV>
Шрифти
<BASEFONT SIZE="3">
...
Текст документу шрифтом 3 розміру
...
<FONT SIZE="+1">
Трохи збільшуємо шрифт
</FONT>
...
Продовжуємо шрифтом 3 розміру
...
<FONT FACE="Arial, Helvetica, Sans Serif" SIZE="5"> Вставка тексту збільшеним шрифтом Arial </FONT>
<FONT FACE=”Symbol”>W</FONT> |
|
Теги <LINK>
•<LINK REL="parent" HREF="http://astro.pu.ru/index.html">
•<LINK REL="StyleSheet" href="../css/ie.css" type="text/css">
•<LINK REV=MADE HREF="mailto:jukka.korpela@hut.fi">
Кольори в HTML
•#CCFF80
•rgb(204,255,128)
•darkolivegreen