آموزش و يادگيري تگ p در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <p> آشنا مي‌شويم. اين تگ براي تعريف پاراگراف‌ها در صفحات وب استفاده مي‌شود و يکي از پرکاربردترين تگ‌هاي متني HTML است.

تگ p در HTML چيست؟

تگ <p> يک بلوک متني ايجاد مي‌کند و مرورگر به‌طور خودکار قبل و بعد از آن فاصله (margin) ايجاد مي‌کند تا متن قابل خواندن باشد. براي نوشتن متن‌هاي پاراگرافي و توضيحات متني، از اين تگ استفاده مي‌کنيم.

مثال ساده از تگ p

<p>اين يک پاراگراف ساده در HTML است.</p>

<p>اين پاراگراف دوم است که بعد از پاراگراف اول قرار مي‌گيرد.</p>

در اين مثال، دو پاراگراف جداگانه ايجاد شده‌اند که مرورگر به‌صورت خودکار فاصله بين آن‌ها قرار مي‌دهد.

ويژگي‌هاي مهم تگ p

مثال با استفاده از CSS

<style>
  p {
    text-align: justify;
    color: #333;
    line-height: 1.6;
  }
</style>

<p>اين يک پاراگراف با استايل CSS است که متن آن تراز شده و خوانايي بالاتري دارد.</p>

استفاده از CSS براي استايل‌دهي به پاراگراف‌ها بسيار توصيه مي‌شود تا طراحي سايت حرفه‌اي‌تر شود.

نکات مهم درباره p

• تگ <p> هميشه يک بلوک متني جدا ايجاد مي‌کند.
• براي تراز و ظاهر متن از CSS استفاده کنيد و از ويژگي‌هاي منسوخ HTML خودداري کنيد.
• تگ <p> نمي‌تواند تگ‌هاي بلاکي مانند <div> يا <ul> را درون خود داشته باشد.

براي يادگيري کامل نوشتار و مديريت متن‌ها در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.