Visual Studio Code で HTML の段落を作成する

HTMLBeginner
オンラインで実践に進む

はじめに

ウェブサイトにテキストコンテンツを追加したい場合、HTML の段落は重要です。この手順に従う実験では、p タグを使用して HTML の段落を作成する方法を学びます。

注:index.html でコーディングを練習し、Visual Studio Code で HTML を書く方法 を学ぶことができます。画面右下の「Go Live」をクリックして、ポート 8080 でウェブサービスを実行します。その後、Web 8080 タブを更新して、ウェブページをプレビューできます。

これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この 初級 レベルの実験の完了率は 92%です。学習者から 100% の好評価を得ています。

段落タグを作成する

まず、index.html という名前の HTML ファイルを作成します。好きなコードエディタを使って構いません。

HTML ファイルの body セクションに次のコードブロックを追加することで段落タグを作成します。

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

段落にテキストを追加する

手順 2 のコードブロックを次のように変更することで、段落にいくつかのテキストを追加します。

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

複数の段落を追加する

異なるテキストコンテンツで手順 2 と手順 3 を繰り返すことで、HTML ファイルに複数の段落を追加します。最終的なコードブロックは次のようになるはずです。

<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 タグを探求して、ダイナミックで魅力的なウェブページを作成しましょう。