logo
Конспект лекцій з дисципліни

Список елементів 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>

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

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

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

  2. Авторський стиль редагування розмітки HTML.

  3. Адреси розмітки HTML.

  4. Вкладені списки розмітки HTML.

  5. Внутрішні малюнки розмітки HTML.

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

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

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

  9. З’єднання з іншими документами, гіпертекстові посилання.

  10. З’єднання з розділами поточного документа розмітки HTML.

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

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

  13. Зовнішні малюнки, звуки і мультиплікація розмітки HTML

  14. Інструменти WEB-дизайну.

  15. Логічні стилі розмітки HTML.

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

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

  18. Ненумеровані списки розмітки HTML.

  19. Нумеровані списки розмітки HTML

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

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

  22. Переривання строки розмітки HTML.

  23. Різні стилі усередині гіперпосилання розмітки HTML.

  24. Спеціальні символи розмітки HTML.

  25. Списки визначень розмітки HTML.

  26. Списки розмітки HTML.

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

  28. Створення ВЕБ-документів на мові HTML

  29. Стилі: логічні, фізичні стилі розмітки HTML.

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

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

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

  33. Фізичні стилі розмітки HTML.

  34. Форми розмітки HTML.

  35. Цитати розмітки HTML.

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

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

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

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