Програмування HTML для початківців

Атрибути для посилань і зображень

Посилання задається парним тегом <a> з атрибутом href, в якому прописується адресу, куди вона повинна вести. На сторінці можна розмістити посилання зі значенням атрибута href, в якому буде прописаний id елемента. Значення вказується через знак #: <a href=”#значение_id”>Назва посилання</a>. Такі посилання називаються якірними. З їх допомогою можна переміститися в певну область межах однієї сторінки. Для одиночного тег вставки зображення <img> обов’язковими атрибутами є src і alt. Перший задає шлях до картинки, а другий – її опис, який відображається браузером, якщо вона не завантажилася.

Найпростіша структура HTML-сторінки

Кожна сторінка, написана на мові програмування HTML, починається з декларації типу документа або «доктайпа». Вона використовується браузером для визначення версії HTML. У новій специфікації «доктайп» виглядає так: <!DOCTYPE html>. Раніше використовувалася більш складна запис. Далі на сторінці розташовуються як мінімум три основних тега:

  • <html> – контейнер для вмісту сторінки;
  • <head> – сховище інформації, яка полегшує браузеру працювати з даними;
  • <body> – сховище вмісту сторінки.

У тегу <head> перебуває <title> заголовок сторінки, який відображається у вкладках браузера, і сімейство тегів <meta> з різними атрибутами, в яких записується ім’я кодування, опис ключових слів і вмісту сторінки. Вся ця інформація необхідна браузеру і допомагає пошуковим системам знаходити потрібні сторінки, що відповідають запитам користувачів.