HTML-абзац | Руководства по веб-разработке

Введение

HTML-абзацы важны, когда вы хотите добавить текстовый контент на свой веб-сайт. В этом пошаговом практическом занятии вы научитесь создавать HTML-абзац с использованием тега p.

Примечание: Вы можете практиковать программирование в index.html и изучить Как писать HTML в Visual Studio Code. Нажмите кнопку "Запустить в браузере" в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем можно обновить вкладку Web 8080, чтобы просмотреть веб-страницу.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") html/TextContentandFormattingGroup -.-> html/para_br("Paragraphs and Line Breaks") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") subgraph Lab Skills html/basic_elems -.-> lab-70813{{"Создайте HTML-абзацы в Visual Studio Code"}} html/text_head -.-> lab-70813{{"Создайте HTML-абзацы в Visual Studio Code"}} html/para_br -.-> lab-70813{{"Создайте HTML-абзацы в Visual Studio Code"}} html/doc_flow -.-> lab-70813{{"Создайте HTML-абзацы в Visual Studio Code"}} end

Создайте тег абзаца

Сначала создайте HTML-файл с именем index.html. Вы можете использовать любой редактор кода по своему выбору.

Создайте тег абзаца, добавив следующий код в раздел body вашего HTML-файла.

<p>This is a HTML paragraph.</p>

Добавьте текст в абзац

Добавьте некоторый текст в абзац, изменив код из шага 2 на следующий:

<p>Hello, my name is John. I am a software developer.</p>

Добавьте несколько абзацев

Добавьте несколько абзацев в ваш HTML-файл, повторив шаг 2 и шаг 3 с разным текстовым содержанием. Ваш конечный код должен выглядеть примерно так:

<body>
  <p>Hello, my name is John. I am a software developer.</p>
  <p>I love coding and creating beautiful websites.</p>
  <p>HTML and CSS are my favorite programming languages.</p>
</body>

Резюме

Поздравляем! Вы успешно научились создавать и добавлять текстовый контент в HTML-абзацы. Это важный навык при создании веб-сайтов. Продолжайте практиковаться и изучать HTML-теги, чтобы создавать динамичные и привлекательные веб-страницы.