HTML-элемент абзаца

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

Пример

Простой элемент «Абзац» показан в следующем примере.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
    <p>This is a paragraph.</p>
  
</body>
</html>

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

CSS по умолчанию для абзаца

По умолчанию для абзаца установлены следующие свойства CSS.

Копировать

display: block;
margin-block-start: 1em;
margin-block-end: 1em;

Встроенный стиль для абзаца HTML

Мы можем изменить стиль абзаца с помощью встроенного стиля, используя атрибут style.

В следующей программе мы установили красный цвет и черный цвет фона для элемента «Абзац».

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
  <p style="color:red;background:black;">This is a paragraph.</p>
  
</body>
</html>

Применить CSS к абзацу

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

<!DOCTYPE html>
<html>
<head>
  
  <style>
    p {
      color:red;
      background:black;
    }
  </style>
  
</head>
<body>
 
  <p>This is a paragraph.</p>
  
</body>
</html>

Заключение

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