З чого складається сторінка HTML?

Основні знання мови HTML потрібні абсолютно всім вебмайстрам та блогерам. Якщо не розбиратися в тому, з чого складається сторінка HTML, ви можете відчувати труднощі при оптимізації, монетизації та оформленні свого ресурсу. Крім цього, при виникненні різних проблем, ви просто не будете знати, як їх вирішити.

На повноцінне навчання гіпертексту HTML вам буде потрібно витратити досить багато часу, але це не буде зайвим. Основа сайтобудування – це вивчення HTML, ви повинні розуміти з яких складових частин складається кожна сторінка вашого ресурсу. Якщо вам здається це занадто складним, давайте розглянемо невеликий приклад.

Як вивчити HTML?

Приклад, який ми вам представимо, допоможе вам розібратися в самих простих елементах сторінки, розповісти про всі особливості гіпертекстової розмітки в одній статті неможливо, тому ми постараємося розповісти вам хоча б трохи, щоб вам було простіше почати.

Для прикладу ми взяли код звичайної сторінки в HTML:

html

Для зручності ми відзначили кожну сходинку цифрою і тепер пояснимо, навіщо вона потрібна на сторінці:

  • Вказується тип документа, якщо будете використовувати HTML 5, тип прописувати не потрібно.
  • Далі встановлюється тег (html), що відкриває код HTML сторінки.
  • Тег head призначений для вказівки всередині нього додаткових елементів сторінки.
  • Тут вказується тип кодування сторінки.
  • Вставляється опис сторінки, яке буде відображатися в снипете пошукових систем. Якщо не додавати цей тег, замість опису буде представлятися частина тексту зі сторінки.
  • Вказуються ключові слова для сторінки (дуже важливий тег, обов’язково його використовувати).
  • На сьомій сходинці прописується заголовок сторінки (її назва).
  • Тег head можна закрити і приступити до створення сторінки.
  • Тепер починається тіло самої сторінки, яку будуть бачити користувачі. Для цього встановлюється тег body.
  • Заголовок статті прописується в ув’язненні спеціальними тегами.
  • Тег

    позначає новий рядок, тому кожен абзац укладено в нього.

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