Урок 2. Html заголовок сторінки - які заголовки сторінок бувають в html
Продовжуємо вивчення HTML. У цьому уроці ми розглянемо HTML заголовки сторінок, які заголовки бувають, як ними правильно користуватися і коли вони можуть застосовуватися. А також розберемо параграфи, щоб Ви вже могли наповнити свою сторінку текстом, але, головне, зробити це правильно.
Якщо Ви не вивчили першу статтю, то знайти її можна тут:
Теорія і практика - Частини та заголовки HTML сторінки
Сьогодні ми поговоримо про параграфах і заголовках. Почнемо з простого - з параграфів і де вони застосовуються.
Параграфи на сторінці
Я зараз приведу приклад коду, в якому буде присутній тег параграфа.
HTML КОД12345678 | lt;htmlgt;lt;headgt;lt;titlegt; Моя перша html сторінкаlt;/titlegt;lt;/headgt;lt;bodygt;lt;pgt; Початок навчання технології htmllt;/pgt;lt;/bodygt;lt;/htmlgt; |
Основну структуру Ви вже пам`ятаєте з першого уроку. Там розбирали основи і дивилися, що ж таке HTML. Тому зосередимо свою увагу на тому, що знаходиться між тегами .
Коли Ви пишете будь-який текст на сторінці, будь це просто абзац або невелика пояснює рядок під зображенням, необхідно цей текст поміщати всередину тега.
У наступних уроках Ви побачите процес оформлення даних абзаців. Зараз Ви повинні зрозуміти те, що не можна розміщувати тег на сторінці без будь-якого тега. Тому що в подальшому буде складно застосувати якісь індивідуальні стилі саме для цієї ділянки тексту.
Спробуйте написати кілька абзаців. Деякі абзаци візьміть в тег, а деякі залиште без нього. І Ви відразу побачите різницю. Тому що якщо Ви напишете абзац всередині цього тега, то у нього відразу ж з`являться відступи. А зараз перейдемо вже в HTML заголовкам сторінки.
HTML заголовки на сторінці
В HTML документі присутній семантика. Я не кажу про технології HTML5 і його нових тегах. Тут лише розберемо самі базові, щоб Ви швидко змогли освоїти ази HTML. Семантика означає те, що не треба заголовки, абзаци, таблиці і так далі, створювати за допомогою одного і того ж тега. Це можна зробити, але технологія HTML більш різноманітна і для різних ситуацій передбачені відповідні теги. А Вам лише необхідно освоїти основні теги, щоб вільно працювати з HTML кодом.
Це невелике введення я написав до того, що для параграфів необхідно використовувати вже відомий Вам тег. А ось для заголовків використовуються теги, які починаються з англійської літери "H".
Ось весь список заголовків, які Ви можете використовувати:
Деякі з даних тегів використовуються набагато частіше. Це такі теги як h1, h2 або h3. Якщо хтось вже знайомий з CSS, то розуміє, що заголовок HTML заголовок сторінки h3 можна стилізувати таким чином, що він буде зовні схожий і на h1 або h2. Але значення, які вони носять, хоча б для SEO оптимізації, кардинально відрізняються. Як правило, ці цифри, всередині тегів, слід розуміти як рівень важливості того чи іншого HTML заголовка. Тому необхідно дуже ретельно опрацьовувати дані елементи і тоді пошукові системи стануть помічати Ваші статті.
Поки ми не дійшли до CSS, Ви побачите стилі заголовків, які задані за замовчуванням в браузерах. Якщо Ви вставите один за одним дані теги і всередині напишіть який-небудь текст, то побачите наступне:
Для пошукових роботів також важливо використання заголовків на сторінці. Є певні правила, які Ви можете прочитати в нашій книзі - PDF книга по розкрутці сайту.
Після того, як всі вивчили, відразу ж йдемо в код і пробуємо написати все своїми руками. Саме так швидше за все освоюється будь-яку мову програмування. Але технологія HTML набагато легше будь-якої мови програмування, тому тут зможе розібратися кожен. Таким чином Ви краще запам`ятаєте теги.
Відео урок - HTML заголовок сторінки? (Практика)
Наочне відео на прикладі роботи з даними тегами:
Домашнє завдання
Д / З: в якості прикладу напишіть невеличкий текст, який буде складатися з 5-7 абзаців і 2-3 різноманітних заголовків.