Перші теги

10.1 Заголовки (h1—h6)

Заголовки в HTML використовуються для структуризації контенту і створення ієрархії заголовків на сторінці. Існує шість рівнів заголовків, де <h1> є найважливішим, а <h6> — найменш важливим.

• <h1> — Найважливіший і найбільший заголовок. Зазвичай використовується для головного заголовка сторінки
• <h2> — Використовується для підзаголовків, що йдуть після <h1>
• <h3> — Рівень заголовка нижче <h2>
• <h4> — Рівень заголовка нижче <h3>
• <h5> — Рівень заголовка нижче <h4>
• <h6> — Найменш важливий і найменший заголовок

Приклад:

    
      <h1>Головний заголовок сторінки</h1>
      <h2>Підзаголовок рівня 2</h2>
      <h3>Підзаголовок рівня 3</h3>
    
  

10.2 Оформлення тексту

Параграфи (p)

Тег <p> використовується для створення параграфів тексту. Параграфи допомагають розділити текст на логічні блоки, покращуючи читабельність і сприйняття інформації.

Приклад:

    
      <p>Це перший параграф тексту. Він містить певну кількість інформації.</p>
      <p>Це другий параграф тексту. Він відокремлений від першого параграфа.</p>
    
  

Жирний текст (b)

Тег <b> використовується для виділення тексту жирним шрифтом. Це дозволяє підкреслити важливість певних слів або фраз.

    
      <p>Це <b>важливий</b> текст.</p>
    
  

Курсивний текст (i)

Тег <i> використовується для виділення тексту курсивом (нахилом). Він часто застосовується для позначення термінів, назв книжок, іноземних слів і т.д.

Приклад:

    
      <p>Це <i>термін</i>, який виділено курсивом.</p>
    
  

10.3 Картинки

Тег <img> використовується для вставки зображень на веб-сторінку. Це одиночний тег, тобто він не має закриваючого тегу. Важливі атрибути:

• src — вказує шлях до зображення
• alt — описує зображення, що корисно для пошукових систем і для випадків, коли зображення не можна завантажити

Приклад:

    
      <img data-max-width="800" data-id="bea7aa1e-6b3b-4e51-be7c-e7ba5470e71c" src="https://cdn.javarush.com/images/article/bea7aa1e-6b3b-4e51-be7c-e7ba5470e71c/800.jpeg" alt="example image">
    
  

    
      <img src="cat.jpg" alt="Опис зображення">
    
  

10.4 Посилання

Тег <a> використовується для створення гіперпосилань. Основний атрибут цього тегу:

• href — вказує URL (адресу) сторінки або ресурсу, на який веде посилання.
• target — визначає, де відкриватиметься посилання (наприклад, _blank для нової вкладки).

Приклад:

    
      <a href="https://www.example.com" target="_blank">Перейти на Example.com</a>