نقل قول ها در HTML

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

نقل قول می تواند بخش بزرگ یا کوچکی از متن، اشاره به یک نام یا برند باشد.

<blockqoute></blockqoute> نقل قول بلند <q></q> نقل قول کوتاه <abbr></abbr> کلمات مخفف و خلاصه <address></address> اطلاعات شرکت یا فرد

تگ blockquote

از تگ blockqoute برای افزودن بخشی از منبع دیگر استفاده می شود.

این تگ برای نقل قول از صفحات داخلی سایت یا سایت های دیگر استفاده می شود.

نکته: این تگ شامل یک ویژگی اختیاری به نام cite است. این ویژگی آدرس منبع نقل قول را دریافت می کند.

<blockquote cite="https://pnldev.com/fa/tutorial/html/ol-tag-html">
    تگ ol در HTML<br>
    این لیست ها به صورت منظم و شماره گذاری شده هستند.<br>
    برای نمایش این لیست ها از تگ ol استفاده می شود که مخفف  ordered list است.<br>
    برای نمایش آیتم ها در لیست باید از تگ li استفاده کنیم که مخفف list item است.
</blockquote>

نکته: این تگ با مقداری تورفتگی (margin) نمایش داده می شود.

تگ q

تگ q یک نقل قول کوتاه را تعریف می کند.

تگ q در دو طرف متن علامت نقل قول اضافه می کند.

نکته: این تگ شامل یک ویژگی اختیاری به نام cite است. این ویژگی آدرس منبع نقل قول را دریافت می کند.

<q cite="https://pnldev.com/fa/tutorial/html/elements-html">
    اِلِمان ها همه چیز را در HTML می سازند.
</q>

نکته: تگ q یک نقل قول کوتاه و blockqoute یک نقل قول بلند را تعریف می کند.

تگ abbr

با استفاده از تگ abbr می توانیم یک کلمه مخفف را تعریف کنیم.

نکته: مخفف ها از کنار هم قرار گرفتن حروف اول کلمات یک متن بدست می‌آیند.

<p>
    با کمک زبان
    <abbr title="HyperText Markup Language">HTML</abbr>
    ساختار صفحات وب را ایجاد می کنیم.
</p>

نکته: این تگ دارای ویژگی title است که متن اصلی کلمه مخفف شده را می‌پذیرد.

تگ address

تگ address اطلاعات یک فرد یا برند را تعریف می کند.

این اطلاعات می تواند شامل آدرس اینترنتی , شماره تلفن و .... باشد.

این تگ متن درون خود را به صورت مورب نشان می دهد.

<address>
    www.pnldev.com<br>
    ایمیل: <a href="info@pnldev.com">info@pnldev.com</a>.<br> 
    آدرس: کرج، گلشهر<br>
</address>

خلاصه درس

در این درس با مباحث زیر آشنا شدید:

  • تگ های مربوط به کوتیشن ها
  • برخی از نکات درباره این تگ ها

تمرین

کلمه HTML را به صورت مخفف نمایش دهید.

<p> HTML : hyper text markup language</p>
مشاهده پاسخ
توسعه دهندگان
احسان اسلامی