Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Конспект лекций по информатике (2010-2011)(Лекц....doc
Скачиваний:
75
Добавлен:
04.11.2018
Размер:
20 Mб
Скачать

Список елементів html

(Мета-теги)

БАЗИСНІ ЕЛЕМЕНТИ

Тип документа

<HTML></HTML>

(початок і кінець файлу)

Ім’я документа

<TITLE></TITLE>

(повинно бути в заголовку)

Заголовок

<HEAD></HEAD>

(опис документа, наприклад його ім’я)

Тіло

<BODY></BODY>

(вміст сторінки)

ВИЗНАЧЕННЯ СТРУКТУРИ

Заголовок

<H?> </H?>

(стандарт визначає 6 рівнів)

із вирівнюванням

<H?ALIGN=LEFT|CENTER|RIGHT></H?>

Секція

<DIV></DIV>

із вирівнюванням

<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>

Цитата

<BLOCKQUOTE></BLOCKQUOTE>

(звичайно виділяється відступом)

Виділення

<EM></EM>

(звичайно зображається курсивом)

Додаткове виділення

<STRONG></STRONG>

(звичайно зображається жирним шрифтом)

Відсилання, цитата

<CITE></CITE>

(звичайно курсив)

Код

<CODE></CODE>

(для лістингів коду)

Приклад висновку

<SAMP></SAMP>

Введення з клавіатури

<KBD></KBD>

Змінна

<VAR></VAR>

Визначення

<DFN></DFN>

(часто не підтримується)

Адреса автора

<ADDRESS></ADDRESS>

Великий шрифт

<BIG></BIG>

Маленький шрифт

<SMALL></SMALL>

СПИСКИ

 

Неврегульований

<UL><LI></UL>

(<LI> перед кожним елементом)

 

Компактний

<UL COMPACT></UL>

 

 

Тип мітки

<UL TYPE=DISC|CIRCLE|SQUARE>

(для всього списку)

<LI TYPE=DISC|CIRCLE|SQUARE>

(цей і подальші)

 

Нумерований

<OL><LI></OL>

(<LI> перед кожним елементом)

 

Компактний

<OL COMPACT></OL>

 

 

Тип нумерації

<OL TYPE=A|a|I|i|1>

(для всього списку)

<LI TYPE=A|a|I|i|1>

(цей і подальші)

 

Перший номер

<OL START=?>

(для всього списку)

<LI VALUE=?>

(цей і подальші)

 

Список визначень

<DL><DT><DD></DL>

(<DT>=термін, <DD>= визначення)

 

Компактний

<DL COMPACT></DL>

 

 

Меню

<MENU><LI></MENU>

(<LI> перед кожним елементом)

 

Компактне

<MENU COMPACT></MENU>

 

 

Каталог

<DIR><LI></DIR>

(<LI> перед кожним елементом)

 

Компактний

<DIR COMPACT></DIR>

 

ТАБЛИЦІ

Визначити таблицю

<TABLE></TABLE>

 

Окантовка таблиці

<table border=?></TABLE>

 

Окантовка таблиці

<TABLE CELLSPACING=?>

 

Відстань між осередками

<TABLE CELLPADDING=?>

 

Доповнення осередків

<TABLE WIDTH=?>

(у точках)

Ширина у відсотках

<TABLE WIDTH="%">

(відсотки від ширини сторінки)

Рядок таблиці

<TR></TR>

 

Вирівнювання

<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Комірка таблиці

<TD></TD>

(повинна бути усередині рядка)

Вирівнювання

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Без зміни рядка

<TD NOWRAP>

 

Розтягання по колонці

<TD COLSPAN=?>

 

Розтягання по рядку

<TD ROWSPAN=?>

 

Бажана ширина

<TD WIDTH=?>

(у точках)

Ширина в процентах

<TD WIDTH="%">

(відсотки від ширини сторінки)

Колір комірки

<TD BGCOLOR="#$$$$$$">

 

Заголовок таблиці

<TH></TH>

(як дані, але жирний шрифт і центрівка)

Вирівнювання

<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Без зміни рядка

<TH NOWRAP>

 

Розтягання по колонці

<TH COLSPAN=?>

 

Розтягання по рядку

<TH ROWSPAN=?>

 

Бажана ширина

<TH WIDTH=?>

(у точках)

Ширина в відсотках

<TH WIDTH="%">

(відсотки від ширини таблиці)

Колір комірки

<TH BGCOLOR="#$$$$$$">

 

Заголовок таблиці

<CAPTION></CAPTION>

 

Вирівнювання

<CAPTION ALIGN=TOP|BOTTOM>

(зверху/знизу таблиці)

Самостійна робота №09 – Основи WEB-дизайну

Комп’ютерна графіка. Мультимедіа. Анімація. Типи графіки, яка використовується у бізнесі. Графічні послуги локальних мереж. Мови та специфікації для створенння Web-сторінок. Типи редакторів, що використовуються для при створенні та модифікації Web-сторінок. Ситнасксис тегів та атрибутів у мові розмітки гіпертексту HTML. Особливості використання мови ХHTML у Web-сторінках. Основні види посилань та символи визначені в мовах HTML й ХHTML [2, с. 584-591].

Питання для самоконтролю

  1. Абзаци розмітки HTML.

  2. Гіпертекст. Гіпертекстова технологія, броузери розмітки HTML.

  3. Гіпертекстові редактори.

  4. Графічні редактори розмітки HTML.

  5. Заголовки розділів документів розмітки HTML.

  6. Мова HTML - Hyper Text Markup Language.

  7. Мова гіпертекстової розмітки HTML.

  8. Основні елементи мови HTML, теги.

  9. Основні поняття WEB-дизайну.

  10. Створення WEB-документів на мові гіпертекстової розмітки HTML.

  11. Структурні елементи WEB-документа.

  12. Текстові блоки розмітки HTML.

  13. Технології та інструменти ВЕБ-дизайну

  14. Що таке URL (Uniform Resource Locator)?

  15. HTML документи: запис, створення, редагування та зберігання.

  16. WEB-вузол (WEB-сайт).

  17. Web-документ.