Цього разу ми розглянемо гіперпосиланя або посиланя або лінки або російську кальку ссилки. Без них наш інтернет був би дуже маленьким, адже посилання формують структуру інтернету.

В цьому уроці ми розглянемо ще декілька дуже часто використовуваних тегів. Це теги для описання списків, цитат та вставки зображень. Почнемо з списків.

Теорія

Тепер розглянемо заголовки. Заголовки ще з книжок стали гарним засобом структуризації інфоромації. Вони дозволять розділити текст на логічні частини, структурувати інформацію. Гарно розставлені заголовки виділяють блоки тексту так, що читач може легко знайти те, що йому потрібно, а не читати всю статтю.

Заголовки в HTML визначаються тегами h1, h2, h3, h4, h5, h6. Найголовнішим є тег h1, який як радять SEO-спеціалісти повинен бути лише один на сторінці. Далі теги йдуть в порядку спадання важливості/пріоритету.

Структура документу

З попереднього уроку ви дізнались про теги, а зараз ми ознайомимось з структурою звичайної html сторінки. Вона потрібна для того, щоб брузер знав більше про нашу сторінку та кращого структурування контенту. Це допоможе пошуковим системам краще індексувати ваш сайт, а також вам не заплутатись у ньому.

Давайте знову заглянемо в код цього сайту. Для цього натисніть Ctrl+U (Ctrl+Alt+U для Safari), або клікніть правою кнопкою мишки де-небудь та оберіть пункт "Переглянути код" чи "Джерело".

Підготовка

Якщо ви ознайомились з попередньою частиною, то у вас вже середовище розробки. Наприклад, я буду використовувати PHPStorm. Прийшов час написати ваш Hello, world!

Спочатку створіть папку на своєму комп'ютері де вам заманеться, це немає значення. Там ви будете зберігати свої html сторінки.