HTML-элемент заголовка 2

Тег HTML-заголовка 2 <h2> используется для определения заголовка типа 2 в HTML-документе.

Пример

Простой элемент Заголовок 2 показан в следующем примере.

<!DOCTYPE html>
<html>
    <body>
        <h2>Hello World</h2>
    </body>
</html>

Примечание: элемент HTML Heading 2 начинается с тега <h2> и заканчивается конечным тегом </h2> .

CSS по умолчанию для HTML <h2>

По умолчанию для элемента Heading 2 установлены следующие свойства CSS.

Копировать

display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;

Встроенный стиль для элемента HTML-заголовка 2

Мы можем изменить стиль элемента «Заголовок 2» с помощью встроенного стиля, используя атрибут style.

В следующем примере мы установили красный цвет для элемента «Заголовок 2».

<!DOCTYPE html>
<html>
    <body>
        <h2 style="color:red;">Hello World</h2>
    </body>
</html>

Применить CSS к элементу HTML-заголовка 2

Мы можем применить CSS ко всем элементам заголовка 2, используя тег h2 .

<!DOCTYPE html>
<html>
    <head>
        <style>
            h2 {
              color:red;
            }
          </style>
    </head>
    <body>
        <h2>Hello World</h2>
    </body>
</html>

Заключение

В этом уроке по HTML мы изучили тег HTML <h2> и рассмотрели различные примеры, охватывающие определение элемента HTML Heading 2 и его стилизацию.