آموزش و یادگیری تگ body در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <blockquote> آشنا مي‌شويم. اين تگ براي درج **نقل قول‌هاي طولاني** يا پاراگراف‌هاي نقل شده از منابع ديگر استفاده مي‌شود.

تگ blockquote در HTML چيست؟

تگ <blockquote><q> که براي نقل قول کوتاه داخل متن به کار مي‌رود، blockquote يک بلوک مستقل ايجاد مي‌کند.

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

<blockquote>
  زندگي مانند دوچرخه سواري است. براي حفظ تعادل، بايد در حرکت بماني.
  <footer>— آلبرت اينشتين</footer>
</blockquote>

در اين مثال، متن داخل تگ <blockquote><footer> مشخص شده است.

استفاده از صفت cite

براي اشاره به منبع يا URL منبع نقل قول مي‌توان از صفت cite استفاده کرد:

<blockquote cite="https://example.com/inspiration">
  زندگي مانند دوچرخه سواري است. براي حفظ تعادل، بايد در حرکت بماني.
</blockquote>

اين صفت فقط براي ارائه اطلاعات منبع استفاده مي‌شود و به صورت خودکار در صفحه نمايش داده نمي‌شود.

نکات حرفه‌اي

• از <blockquote>
• براي نقل قول‌هاي کوتاه داخل جمله، از تگ <q> استفاده کنيد.
• مي‌توانيد با CSS استايل بلوک را تغيير دهيد، مثل حاشيه، رنگ پس‌زمينه يا تورفتگي.

مثال با CSS

<style>
blockquote {
  border-left: 4px solid #2196f3;
  padding-left: 10px;
  color: #555;
  font-style: italic;
}
</style>

<blockquote>
  اين يک نقل قول زيبا است.
</blockquote>

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

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