এসো বাংলা ভাষায় ওয়েবডিজাইন শিখি এইটিএমএল পার্ট-৭
//** আমি আপনাদের শেখাব বাংলায় কিভাবে ওয়েবডিজাইন করবেন । আমি আপনাদের কে সহজ ভাবে ও পেক্টিকেল ভাবে ওয়েবডিজাইন শিক্ষানোর চেষ্টা করব এবং ভিডিও এর মাধ্যমে । আশা করি সবাই ভাল ভাবে বুঝতে পারবেন। আমার কেনো ভুল হলে ক্ষমা করবেন। আর একটা কথা অবশ্যই প্রত্যেক দিন একটু সময় ব্যয় করে হলেও Practice করবেন তাহলে দেখবেন আরও সহজ হয়ে যাবে । **//
এইচটিএমএল এর কোটেশন (HTML Quotation and Citation Elements)
এইচটিএমএল <q> সংক্ষিপ্ত উদ্ধৃতি এর জন্য
সংক্ষিপ্ত উদ্ধৃতি এর জন্য এর জন্য <q> এলিমেন্ট ব্যবহার করা হয়। ব্রাউজার নিজে নিজে এই উদ্ধৃতির চিহ্ন বসিয়ে দেয়।
উদাহরণঃ
<p>WWF’s goal is to: <q>Build a future where people live in harmony with nature.</q></p>
ফলাফলঃ
WWF’s goal is to:
Build a future where people live in harmony with nature.
এইচটিএমএল <blockquote> বড় উদ্ধৃতি এর জন্য
বড় উদ্ধৃতর জন্য <blockquote> ব্যবহার করা হয়। ব্রাউজার সাধারণত <blockquote> এর ভিতরের অংশ প্রদর্শন করে।
উদাহরণ
<p>Here is a quote from WWF’s website:</p>
<blockquote cite=“http://www.worldwildlife.org/who/index.html”>
For 50 years, WWF has been protecting the future of nature.
The world’s leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
<blockquote cite=“http://www.worldwildlife.org/who/index.html”>
For 50 years, WWF has been protecting the future of nature.
The world’s leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
ফলাফলঃ
Here is a quote from WWF’s website:
সংক্ষিপ্ত রূপ প্রকাশের জন্য এইচটিএমএল <abbr> এর ব্যবহার
কোন কিছুর সংক্ষিপ্ত রূপ প্রকাশ করার জন্য এইচটিএমএল এর <abbr> ব্যবহার করা হয়। ব্রাউজারে উক্ত আন্ডার লাইন করা শব্দ/শব্দসমষ্টি এর উপর মাউস পয়েন্টার নিলে উক্ত শব্দ/শব্দসমষ্টিি এর সম্পর্কিত বিস্তারিত তথ্য প্রদান করে। ফলে এটি ব্রাউজার, অনুবাদ এবং search engine এর ক্ষেত্রে গুরুত্তপূর্ণ তথ্য দেয়।
উদাহরণ
<p>The <abbr title=“World Health Organization”>WHO</abbr> was founded in 1948.</p>
ফলাফলঃ
The WHO was founded in 1948.
যোগাযোগ এর ঠিকানা প্রকাশে এইচটিএমএল <address>
কোন আর্টিকেল এর মালিক এর যোগাযোগ এর তথ্য দেওয়ার ক্ষেত্রে আমরা <address> ব্যবহার করব। সাধারনত এটি ইতালিক আকারে দেখায়। প্রায় প্রত্যেক ব্রাউজার কোন লেখার শুরুতে এবং শেষে লাইন ব্রেক যুক্ত করে
উদাহরণঃ
<address>
Written by Jon Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
ফলাফলঃ
Written by Jon Doe.Visit us at:Example.comBox 564, DisneylandUSA
কাজের শিরোনাম লেখার জন্য <cite>
কোন কাজের শিরোনাম দেওয়ার ক্ষেত্রে আমরা <cite> ব্যবহার করব। প্রায় প্রত্যেক ব্রাউজার সাধারনভাবে এটিকে ইতালিক এ প্রদর্শন করে।
উদাহরণ
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
ফলাফলঃ
The Screamby Edward Munch. Painted in 1893.
এইচটিএমএল <bdo>
দ্বি মুখী লেখার জন্য এই উপাদান ব্যবহার করা হয়। যদি এটি ব্রাউজার সাপোর্ট করে তাহলে লেখাকে ডান পাস থেকে বাম দিকে অল্টাভাবে প্রদর্শন করে।
উদাহরণঃ
<bdo dir=“rtl”>This text will be written from right to left</bdo>
ফলাফলঃ
This text will be written from right to left
এইচটিএমএল উদ্ধৃতি, তলব এবং ডেফিনিশন এলিমেন্ট এর নাম এবং তাদের বর্ণনা নিচে দেওয়া হলঃ
| ট্যাগ | বর্ণনা |
| <abbr> | সংক্ষিপ্ত রূপ বুঝায় |
| <address> | কোন ডকুমেন্ট এর লেখকের যোগাযোগের ঠিকানা প্রকাশ করতে ব্যবহৃত হয় |
| <bdo> | টেক্সট এর অভিমুখ পরিবর্তন করার জন্য |
| <blockquote> | কটেশন মার্ক যুক্ত অংশ যা অন্য কোন উৎস থেকে এসেছে |
| <dfn> | কোন শব্দের সংজ্ঞা |
| <q> | সংক্ষিপ্ত ইনলাইন কোটেশন এর ক্ষেত্রে। |
| <cite> | কোন কাজের শিরোনাম। |
এই টিটোরিয়াল টা ও ভিডিও দরকার নেই কারন এই ট্যাগগুলো আপনাদের মখুস্ত করে রাখতে হবে আমি এর পরের টিটোরিয়ালে যখন এই গুলো নিয়ে বর্ণনা করব তখন এই গুলো বিবারণ সহ ভিডিও মাঝে আলোচনা করব।
