Первые теги

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>
    
  

1

Задача

Модуль 1: Web Core, 2 уровень, 9 лекция

Недоступна

Заголовки h1 - h6

Заголовки h1 - h6

Открыть

1

Задача

Модуль 1: Web Core, 2 уровень, 9 лекция

Недоступна

Параграфы и текстовое оформление

Параграфы и текстовое оформление

Открыть