تگ blockquote در HTML

کاربرد تگ blockquote در html چیست و چگونه میتوان از این تگ در html استفاده کرد؟ در ادامه قصد داریم با آموزش کامل و کاربردی تگ blockquote شما را در میزفا میزبانی کنیم. همراه ما باشید.

با یکی دیگر از مباحث آموزشی طراحی سایت با HTML در خدمت شما عزیزان هستیم ، در جلسه گذشته به معرفی تگ font پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ blockquote در HTML که به منظور ایجاد نقل قول در HTML به کار می‌روند آشنا نماییم.

معرفی تگ blockquote

از تگ blockquote در HTML برای نمایش نقل قول استفاده می‌شود این تگ یک عنصر block level یا بلاکی است و درصورتی که یک نقل قول طولانی و بلاکی داشته باشیم می توانیم از این تگ استفاده نماییم .
متن درون تگ با یک تورفتگی نمایش داده می شود . برای درک بهتر کاربرد تگ در طراحی سایت به مثال زیر توجه کنید :
در این مثال از صفت عمومی dir برای راست چین کردن متن استفاده نموده ایم.

<p dir="rtl">سایت میزفا :</p>
<blockquote dir="rtl">
         طراحی سایت بسیار آسان است.
</blockquote>

سبک نگارش تگ blockquote

تمامی مرورگرها به صورت پیش فرض تگ blockquote را با سبک نگارش و یا استایل زیر نمایش می‌دهند که البته شما می‌توانید با استفاده از CSS این سبک نگارش را تغییر دهید .

blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

نکات تکمیلی تگ blockquote

تگ blockquote توسط تمامی مرورگرها پشتیبانی می‌شوند.

پایانترم

سوال:

یک نمونه کد نقل قول برامون ارسال کنید. (مثلا یک جمله از دکتر حسابی)

رنگ آن را بنفش قرار بدید.

سایز متن را برابر ۲۵ پیکسل.

عنوان گوینده نقل قول را نیز در انتها قرار داده و رنگش را برابر قرمز، سایز ۲۰ پیکسل و به شکل ایتالیک نمایش دهید. (توجه داشته باشید داخل تگ نقل قول قرار گرفته باشد.)

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

نتیجه گیری

خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در نظرات میزفا مطرح کنید.