تگ blockquote در HTML

معرفی تگ blockqoute
معرفی تگ blockqoute

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

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

معرفی تگ blockquote

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

<p dir="rtl">سایت میزفا :</p>
<blockquote dir="rtl">
         طراحی سایت بسیار آسان است.
</blockquote>
نتیجه کد تگ blockqoute
نتیجه کد بالا

سبک نگارش تگ blockquote

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

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

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

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

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

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

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

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

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

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

[/box]

نتیجه گیری

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

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

8 نظر

8 پاسخ

    1. سلام فرهان درست گفتی ولی تمرین بروزرسانی شده، لطفا تمرین جدید رو برامون ارسال کن.

    1. سلام علی اکبر، این رو باید داخل Style های CSS خودت ایجاد کنی.

    1. سلام محمد، پاسخت درسته و هدیه‌ات را دریافت می‌کنی. فقط لطفا از این به بعد جواب را به صورت عکس برامون بفرست.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=