Веб-сторінка являє собою створений
мовою HTML документ, відображений у вікні браузера.
HTML не є мовою програмування.
html-документ (html-файл) є текстовим документом, тому
створити його можна в будь-якому текстовому редакторі.
Тег — це записана в кутових дужках < > позначка
мови HTML, яку опрацьовує браузер.
Приклад загальної структури HTML-документа:
<html>
<head>
<title>Назва</title>
</head>
<body>
<p> Твій текст</p>
</body>
</html>
У html-документі розмір і регістр
символів, якими записано теги, не мають значення. Розмір і накреслення
символів, що відображаються у вікні браузера, визначаються розміткою
гіпертекстового документа.
Тегами мови HTML визначають вигляд об’єктів, зокрема текстових
фрагментів, на веб-сторінці.
Теги бувають парними (контейнери) і непарними. Парний тег
складається з відкриваючого і закриваючого тегів. Закриваючий тег починається
символом «/»
Теги з помилками або такі, що не підтримуються
використовуваним браузером, ігноруються.
Тег може містити атрибути —
параметри, значення яких впливають на дію тега. Атрибути записуються після
відкриваючого тега.
Зазвичай значення атрибутів беруть у лапки.
Основні
теги,які використовуються при створенні сайту:
<html>
</ html> Тег
HTML вказує початок і кінець HTML документа.
<head> </ head> Тег
HEAD (заголовок HTML-документа) містить інформацію, що відноситься до документа
в цілому.
<body> </ body> Тег
BODY охоплює ту частину HTML-документа (текст, зображення та елементи
формування), яка буде видно користувачеві.
<title> </ title> Тег
TITLE встановлює заголовок HTML-документа, що виводиться в рядку заголовка
вікна броузера.
<body bgcolor=?> Атрибут
BGCOLOR встановлює колір фону HTML-документа. Колір може бути вказаний за
допомогою назви або коду.
<body text=?> Атрибут
TEXT встановлює колір для всього тексту HTML-документа. Колір може бути
вказаний за допомогою назви або коду.
<body link=?> Атрибут
LINK встановлює колір всіх посилань HTML-документа, які ще не були
активізовані.
<body vlink=?> Атрибут
VLINK встановлює колір всіх посилань HTML-документа, які вже були одного разу
активізовані.
Теги
елементів тексту
<h1>
</h1> Тег
H1 визначає заголовок першого рівня (найбільші літери у заголовку). Всього є шість
рівнів заголовків.
<h6> </ h6> Тег
H6 визначає заголовок шостого рівня (найдрібніші букви в
заголовку).
<i> </ i> Тег
I встановлює відображення тексту курсивом.
<strong> </ strong> Тег
STRONG встановлює відображення тексту в жирному накресленні.
<font size=?> </ font> Атрибут
SIZE тега FONT встановлює відносний розмір шрифту. Список можливих значень
складається з позитивних і негативних чисел від 0 до 7.
<font color=?> </ font> Атрибут
COLOR тега FONT встановлює колір тексту.
<p> </ p> Тег
P встановлює початок і кінець абзацу.
<p align=?> Атрибут ALIGN тега P встановлює режим вирівнювання тексту: ліворуч (LEFT), вправо (RIGHT) або по центру (CENTER).
<br> Тег BR встановлює перенесення рядка
(навіть якщо текст триває за тегом).
<ol> </ ol> Тег
OL («ordered list» — впорядкований список) встановлює режим послідовної
нумерації елементів, розміщених усередині списку.
<ul> </ ul> Тег
UL («unordered list» — невпорядкований список) встановлює режим відображення
тексту у вигляді маркованого списку.
<li> </ li> Тег
LI встановлює режим відображення тексту у вигляді пункту списку. Такий список
може бути неврегульованим, упорядкованим або маркованим.
<div align=?> Тег
DIV використовується для структурування та форматування тексту. Атрибут ALIGN
тега DIV встановлює режим вирівнювання тексту. Можливо вирівнювання вліво
(LEFT), вправо (RIGHT) або по центру (CENTER).
Теги
графічних елементів
<img
src=»name»> Тег
IMG встановлює режим відображення графічного файлу.
<img src=»name» align=?> Атрибут
ALIGN тега IMG встановлює режим вирівнювання зазначеного зображення у
відведеному йому просторі. Можливо вирівнювання вліво (LEFT), вправо (RIGHT),
по центру (CENTER), вниз (BOTTOM), вгору (TOP), посередині (MIDDLE).
<img
src=»name» border=?> Атрибут
BORDER тега IMG встановлює режим відображення рамки навколо зазначеного
зображення.
Теги
для створення таблиць
<table>
</ table> Тег
TABLE встановлює початок і кінець таблиці. Всі теги, що визначають структуру
таблиці, повинні розташовуватися між тегами TABLE.
<tr> </ tr> Тег
TR визначає рядок таблиці.
<td> </ td> Тег
TD визначає колонку таблиці. Текст, укладений між тегами TD («table data» —
табличні дані), відображається всередині одного осередку.
<th> </ th> Тег
TH встановлює режим відображення тексту у вигляді заголовка таблиці.
<table border=?> Атрибут
BORDER тега TABLE встановлює ширину рамки таблиці в пікселах.
<table width=?> Атрибут
WIDTH тега TABLE встановлює ширину таблиці в пікселах або у відсотках від
ширини області перегляду.
Теги
для створення фреймів
<frameset>
</ frameset> Тег
FRAMESET встановлює область екрану, яка повинна використовуватися броузером для
відображення кадрів.
<frame name=»name»> Атрибут
NAME встановлює ім’я вікна FRAME, що складається з букв і цифр, на яке може
посилатися гіперпосилання в іншому HTML-документі.
<frame scrolling=VALUE> Атрибут
SCROLLING тега FRAME встановлює, чи відображати всередині кадру смуги
прокручування. (Можливі значення атрибута: YES, NO або AUTO).
<frame noresize> Атрибут
NORESIZE тега FRAME встановлює режим, при якому розміри описуваного кадру не
можуть бути змінені користувачем.