HTML елементи: одиночні та парні теги (що відкриває та закриває тег). HTML елементи: одиночні та парні теги (що відкриває та закриває тег) Одинарні теги HTML
HTML є звичайним текстовий файлз розширенням. htm (html). Для створення найпростішої сторінкиспочатку, коли ви тільки тренуєтеся потрібно лише блокнот. Відкрийте блокнот та напишіть текст.
Кожен елемент HTML є тегом, обрамленим дужками. Будь-який файл, сторінка html починається з тега та закінчується тегом .
Ось цей тег просто вказує браузеру (це програма, в якій ви переглядаєте інтернет сторінки) що даний документє HTML-документом розмітки.
Тег - означає початок html-документа, а - тег, що закривається, означає кінець html документа.
У цих тегах є ще кілька важливих тегів. Відразу за тегом йдуть теги, що означають заголовок сторінки та тіло сторінки.
Моя перша сторінка HTML
Тег означає назву заголовка вікна під час виведення цієї сторінки.
Тепер ви можете створити новий текстовий документв блокноті, скопіювати текст, представлений вище і зберегти його як Сторінка1.html і запустити в браузері, ви побачите в заголовку вікна браузера назву сторінки з , і пусту сторінку, т.я. ми в тілі сторінки в тегах нічого не виводимо.
Отже, наведений вище текст буде для нас базовим каркасом будь-якої веб-сторінки.
Парні та непарні теги!, , Ось це якраз парні теги – ті теги, які йдуть парою тег та його закриття, що закриває тег із символом /. Для парних тегів – значення, що міститься між початком тега та його закінченням – це і є дія тега. Дія буде поширюватися до тих пір, поки не буде знайдено тег із символом /.
Непарні теги – у них немає тега, що закриває. Далі ми наведемо приклади таких тегів.
- Заголовок html сторінкикуди включаються ключові словадля пошукових систем, різні скрипти, і т.д.
- Безпосередньо тіло html-документа.
Непарний тег.
Примітка: У більшості випадків зараз при побудові сайтів використовують підпрограми, плагіни і т.д. – для більш швидкого створеннясайтів, але для того, щоб застосовувати та використовувати такі підпрограми та шаблони – все ж таки необхідне мінімальне знання даних сесій.
HTML-теги – основа мови HTML. Теги використовуються для розмежування початку та кінця елементів у розмітці.
Кожен HTML-документ складається з дерева HTML-елементів та тексту. Кожен HTML-елемент позначається початковим (відкриває) і кінцевим (закриває) тегом. Теги, що відкриває і закриває, містять ім'я тега.
Усі HTML-елементи поділяються на п'ять типів:
- порожні елементи - , ,
, , , ,, , , , , , , , ;
- елементи з неформатованим текстом - ;
- елементи, що виводять неформатований текст - ;
- елементи з іншого простору імен MathML і SVG;
- Звичайні елементи — решта елементів.
У таблиці наведено повний списокелементів, що підтримуються HTML4 та HTML5. Експериментальні та застарілі теги виключені. Елементи, додані до специфікації HTML5, виділені бірюзовим кольором.
Повний перелік HTML-елементівВикористовується для додавання коментарів. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Оголошує тип документа та надає основну інформацію для браузера – його мову та версія. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Створює гіпертекстові посилання. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Визначає текст як абревіатуру чи акронім. Пояснюючий текст задається за допомогою атрибуту title. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Задає контактні дані автора/власника документа чи статті. Відображається у браузері курсивом. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Є гіперпосиланням з текстом, що відповідає певній області на карті-зображенні або активну область усередині карти-зображення. Завжди вкладений усередину тега. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Розділ контенту, який утворює незалежну частину документа чи сайту, наприклад, стаття у журналі, запис у блозі, коментар. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Це контент сторінки, який має непряме відношення до основного контенту сторінки/сайту. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Завантажує звуковий вміст на веб-сторінку. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Задає напівжирне зображення уривка тексту, не надаючи акценту або важливості виділеному. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Задає базову адресу (URL), щодо якої обчислюються всі відносні адреси. Це допоможе уникнути проблем при перенесенні сторінки в інше місце, оскільки всі посилання працюватимуть, як і раніше. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Ізолює уривок тексту, написаний мовою, де читання тексту відбувається справа наліво, від решти тексту. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Відображає текст у напрямку, вказаному в атрибуті dir, перевизначаючи поточний напрямок написання тексту. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Виділяє текст як цитату, використовується для опису великих цитат. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Представляє тіло документа (вміст, що не стосується метаданих документа). | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Перенесення тексту на новий рядок. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Створює інтерактивну кнопку. Всередині тега можна помістити вміст тексту або зображення. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Полотно-контейнер для динамічного відображення зображень, таких як прості зображення, діаграми, графіки тощо. Для малювання використовується скриптова мова JavaScript. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Додає підпис до таблиці. Вставляється відразу після тега
|