
HTML – це мова Інтернету. Веб-сторінки, які ви переглядаєте на своєму комп’ютері чи телефоні, включаючи цей, написані мовою розмітки гіпертексту, використовуючи так звані «теги HTML». Ви можете сприймати HTML як «код, який контролює структуру веб-сторінки. Зрештою, коли ви вивчаєте будь-яку нову мову, ви починаєте з простих фраз і будуєте звідти. Навчання про HTML не відрізняється. Ви почнете з вдосконалення загальних тегів HTML. Це еквівалент вивчення «простих фраз» розмовною мовою. Ці фрази стають основою, на якій ви будуєте свої знання та мовлення, як і теги HTML – це основа, на якій ви будете будувати свої навички веб-розробки.
Змістовий покажчик
Формат тегу HTML
Ви можете розпізнати HTML-тег, оскільки він оточений символами <і> на початку та в кінці тегу. Між цими двома символами буде інший текст, який визначає, який тип тегу HTML пишеться. Наприклад, якщо ви знаєте, що «hr» означає горизонтальне правило (або рядок), ви б написали це для тегу HTML:
Ви щойно написали HTML-тег, який малює горизонтальне правило на веб-сторінці. Більшість тегів HTML поставляються парами. Вони розміщуються на початку та в кінці розділу тексту, щоб диктувати вміст, який вони будуть містити. Ці пари тегів складають елементи HTML. Коли ви це дізнаєтесь і – це відкриваючі та закриваючі теги, щоб зробити текст жирним, ви починаєте розуміти, як теги HTML впливають на вигляд тексту на веб-сторінці.
Це речення буде відображатися жирним шрифтом через приховані теги HTML.
Завершальний сильний тег (що означає «сильний наголос і який за замовчуванням робить текст напівжирним) ідентичний початковому сильному тегу, за винятком того, що він включає в тег косу риску. Це формат, якого дотримується більшість тегів HTML Відкриваючий тег та закриваючі теги однакові, з додаванням косої риски у замикаючій, що йде після першого символу «<".
Комбінації тегів HTML
Теги HTML часто використовуються в поєднанні. Відкриваючі та закриваючі теги для тексту з наголосом (курсивом) є і . Додавання курсиву до одного слова у прикладі цілком напівжирного речення призводить до того, що слово з’являється як жирним, так і курсивом на веб-сторінці.
Це речення з’явиться у всіх сміливий через приховані теги HTML.
Кожного разу, коли кілька елементів тегів використовуються разом в елементі веб-сторінки, причому деякі теги з’являються всередині інших, вони називаються вкладеними тегами HTML. Ви повинні пам’ятати, що вкладені теги, які є тегами в інших, повинні бути закриті, перш ніж їх теги, що містять, можуть бути закриті. Подивіться на цей приклад:
Це текст, який є підкреслено з конкретної причини.
Ви повинні помітити, що тег відкривається всередині
, що означає, що його потрібно закрити до появи закриваючого тегу. Подумайте про вкладені теги, як коробки всередині інших вікон. Внутрішні бокси повинні бути закриті перед їх зовнішніми приміщеннями.
Теги HTML та веб-сторінки
У дійсному HTML є десятки тегів HTML. Деякі теги HTML диктують дуже поширені основні елементи, такі як абзаци, тоді як інші є більш складними та додають більше функціональних можливостей, як теги посилань або «прив’язки». Список HTML-тегів дає знімок багатьох функцій, які теги можуть виконувати на веб-сторінці за допомогою тегів. Є також деякі теги, які потрібні для всіх веб-сторінок. Створюючи свою першу сторінку, ви будете використовувати список HTML-тегів, який не дуже допоможе, поки не пройдете підручник з HTML, але після цього ви можете використовувати HTML-теги для створення власної веб-сторінки. Одне зауваження, не перевантажуйте кількістю можливих тегів HTML. Незважаючи на те, що можна використати сотні можливих тегів, реальність така, що ви, швидше за все, будете використовувати лише кілька з них знову і знову. Насправді є деякі теги HTML, які ми жодного разу не використовували жодного разу за десятиліття веб-дизайну!
Застарілі теги
HTML5 – це поточний стандарт розмітки. Деякі теги, які використовувались у попередніх версіях HTML, тепер обробляються таблицями стилів у HTML5. Застарілі теги HTML були вилучені зі специфікацій HTML. Краще не використовувати будь-які застарілі теги.