Quotation এর বাংলা অর্থ উদ্ধৃতি এবং Citation বাংলা অর্থ দৃষ্টান্তরুপ। বলতে গেলে দুটোই একই বিষয়। Quotation এবং Citation এইচটিএমএল এর বিশেষ কিছু এলিমেন্ট। এবং কিছু কিছু ক্ষেত্রে খুবই জরুরী। যেমনঃ- আমি চাচ্ছি এমন একটি শব্দ যেটা চিহ্নিত হয়ে থাকবে। যার উপর মাউস নিয়ে গেলে সেই শব্দটির সংক্ষিপ্ত বিবরণ দেখা যাবে। মাঝে মাঝে কিছু বাক্যের দুই পাশে কোটেশন চিহ্ন দিতে হয়। অনেক গুলো লেখার মাঝে এরকম দু'একটি লেখাকে চিহ্নিত করে অন্য লেখা গুলোর অংশ থেকে আলাদা করার প্রয়োজন হতে পারে। এমন সমাধান ও এইচটিএমএলে রয়েছে।
কোথাও একটি দরখাস্ত লেখার দরকার হয়েছে। তো দরখাস্ত লেখার নিয়মটা সাধারণ অনুচ্ছেদের মত হয় না। ডানে বামে বা প্রয়জনীয় কোন একটি জায়গায় খানিকটা জায়গা খালি রাখতে হয়। দরখাস্ত লিখার নিয়ম আমরা সবাই জানি। একটি দরখাস্ত স্বনিয়মে লিখতে চাইলে হয়তো সিএসএস ব্যবহার করতে হবে। কিন্তু এইচটিএমএলে সেই সমাধান সহজে রয়েছে। Quotation এবং Citation এর এলিমেন্ট গুলো অধিকাংশ অনুচ্ছেদের মাধ্যমে ব্যবহার হয়ে থাকে। বিস্তারিত কোন সংবাদ বা অনুচ্ছেদকে ইচ্ছে মত সাজানোর জন্য এই এলিমেন্ট গুলো অধিকতর ব্যবহৃত হয়। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।

বিশেষ কোন শব্দকে চিহ্নিত করা হয়। যার উপর মাউস নিলে সেই শব্দের সংক্ষিপ্ত বিবরণ দেখানো হয়। অথবা এই শব্দ সংক্ষেপ ব্রাউজার অথবা সার্চ-ইঞ্জিন ও অনুবাদকারী সফটওয়্যারকে অনেক গুরুত্বপূর্ণ তথ্য প্রদান করে।
যেমনঃ → আমাদের দেশ বাংলাদেশ। আমরা আমাদের দেশকে নিয়ে গর্ব করি।

ঠিকানার স্টাইলে ঠিকানা লেখার জন্য ব্যবহার করা হয়। যেমনঃ-

টেক্সট এর ডিরেকশন বা দিক পরিবর্তন করা জন্য ব্যবহার করা হয়। অর্থাৎ টেক্সটকে উল্টা ভাবে উপস্থাপন করা হয়।
যেমনঃ → এই টেক্সট ডান দিক থেকে বাঁ দিকে উল্টা হয়ে যাবে

কোন একটি কাজের টাইটেল দেওয়ার জন্য এই ট্যাগ ব্যবহার করা হয়।
যেমনঃ → পোকা" হুমায়ূন আহমেদেরএকটি জনপ্রিয় বাংলা উপন্যাস।

এই এলিমেন্ট দিয়ে সাধারণত ব্যাক্যের দুই পাশে একটি কোটেশন মার্ক দিয়ে ব্যাক্যটাকে চিহ্নিত করা হয়।
যেমনঃ → ওয়েব ডিজাইন কেন শিখব কারণঃ-
ওয়েব ডিজাইন বর্তমান সময়ের একটি চাহিদাপূর্ণ কর্ম