Wednesday, February 8, 2017

HTML TUTORIALS( OL,UL,DL)


HTML TUTORIALS(OL,UL,DL)
এইচটিএমএল লিস্ট (HTML List)    
তিন প্রকারের এইচটিএমএল লিস্ট বিদ্যমান। <ol> tag দিয়ে শুরু করে ধারাবাহিক লিস্ট(ordered list), <ul> ট্যাগ দিয়ে শুরু করে ধারাবাহিকতা হীন লিস্ট(unordered list), <dl> ট্যাগ দিয়ে শুরু করে সংজ্ঞামূলক লিস্ট(definition list)
<ul> - unordered list; বুলেট
<ol> - ordered list; নম্বর
<dl> - definition list; অভিধান
এইচটিএমএল ক্রমিক লিস্ট (HTML ordered lists)
<ol> ট্যাগ দিয়ে ক্রমিক লিস্ট(ordered list) শুরু করা হয়। <li> ট্যাগ দ্বারা দ্রব্যের তালিকা (list item) বোঝায়।তালিকা তৈরীর জন্য  <li> ট্যাগ কে আপনার opening (<ol>) এবং closing (</ol>) tag এর মধ্যে রাখতে হয়।  ক্রমিক (ordered) অর্থ হচ্ছে নম্বর যেমন ১, , ৩ ইত্যাদি।
<h4 align="center">Goals</h4>
<ol>
<li>Find a Job</li>
<li>Get Money</li>
<li>Move Out</li>
</ol>
Start attributes দিয়ে নিজের ইচ্ছানুযায়ী নম্বর হতে লিস্ট শুরু করা যায়।
<h4 align="center">Goals</h4>
<ol start="4" >
<li>Buy Food</li>
<li>Enroll in College</li>
<li>Get a Degree</li>
</ol>
এইচটিএমএল ক্রমিক লিস্ট (HTML ordered lists continued)
আরও চার প্রকারের ধারাবাহিক লিস্ট(ordered list) রয়েছে। এগুলো সাধারন ১,,৩ নম্বরের পরিবর্তে রোমান নম্বর বা বর্ণ হতে পারে তা বড় হাতের বা ছোট হাতের। type attribute ব্যবহার করে নম্বর পরিবর্তন করা হয়।
<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">
Ordered List Types:
Lower-Case Letters      Upper-Case Letters      Lower-Case Numerals Upper-Case Numerals
এইচটিএমএল বিনাক্রম লিস্ট (HTML unordered lists)
<ul> ট্যাগ সাহায্যে বুলেট লিস্ট তৈরী করা হয়। বুলেট লিস্ট আবার তিন প্রকার যেমন ১. squares ২.discs ৩.circles default হিসাবে সাধারনত full discs ব্যাবহার করা হয়।
<h4 align="center">Shopping List</h4>
<ul>
<li>Milk</li>
<li>Toilet Paper</li>
<li>Cereal</li>
<li>Bread</li>
</ul>
আমরা type attributes ব্যবহার করে unordered list এর অন্যান্য বুলেট ব্যবহার করতে পারি।
<ul type="square">
<ul> type="dics">
<ul> type="circle">
type="square"  type="disc"      type="circle"

এইচটিএমএল ডেফিনেশন লিস্ট (HTML definition lists)
Definition list এর ব্যবহার সাধারনত অভিধানে দেখতে পাই। <dl> tag ব্যাবহার করে Definition list তৈরী করা হয়। যাকে Define অর্থ্যাৎ সংজ্ঞায়িত করতে চাই তাকে bold আকারে দেখানো উচিত। Definition list tag এর মধ্যে আরও দুটি tag অর্ন্তভুক্ত সেগুলো হলো ১. <dt> ২. <dd>
<dl> tag: লিস্ট এর শুরু জন্য এই ট্যাগ ব্যবহার করা হয় ।
<dt> tag:   যাকে  সংজ্ঞায়িত(Define) করবো এই ট্যাগ ব্যবহার করে তার নাম লেখা হয়।
<dd> tag: <dt> tag এ যে নাম লেখা হয়েছে তার সম্পর্কে এখানে আলোচনা হয় ।
<dl>
<dt><b>Fromage</b></dt>
<dd>French word for cheese.</dd>
<dt><b>Voiture</b></dt>
<dd>French word for car.</dd>

</dl>

Related Posts:

  • HTML Frame Tutorial (এইচটিএমএল ফ্রেম টিউটোরিয়াল) এইচটিএমএল ফ্রেম (HTML Frame) ফ্রেম এর মাধ্যমে একই সময় একই ব্রাউজার উইন্ডো তে অনেক গুলো এইচটিএমএল ডকুমেন্ট প্রদর্শন করা যায়। এইচটিএমএল-a generic frame page: ফ্রেমের বেশি ব্যবহার হল একটি ফ্রেম এ মেনু আর একটি ফ্রেম এ ত… Read More
  • HTML Layout Tutorial (এইচটিএমএল লেআউট টিউটোরিয়াল) এইচটিএমএল লেআউট (HTML Layout) এইচটিএমএল লেআউট হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল স্থাপন করে এইচটিএমএল লেআউট তৈরী করা হয়।** বর্তমানে লেআউট ডিভ (div এলিমেন্ট) ব্যবহার করে বানানো হয়। টেবিল দিয়ে কখনই লেআউট বানাবেন না। &… Read More
  • HTML Background Colors Tutorial (এইচটিএমএল ব্যাকগ্রাউন্ড রং টিউটোরিয়াল) এইচটিএমএল ব্যাকগ্রাউন্ড রং (HTML Background Colors) bgcolor এট্রিবিউট টি বিশেষভাবে ওয়েব পেজ এবং টেবিলের ব্যাকগ্রাউন্ড নিয়ন্ত্রন করে। Bgcolor এট্রিবিউট টিকে অনেক এইচটিএমএল ট্যাগ এর মধ্যে ব্যাবহার করা যায় তবে সবচেয়ে ভাল… Read More
  • HTML Video Tutorial (এইসটিএমেল ভিডিও টিউটোরিয়াল) এইচটিএমএল ভিডিও (HTML Video) Add caption Music ফাইল এর মত ভিডিও ফাইল কে <embed /> ট্যাগ দিয়ে ওয়েব পেজ এ  প্রদর্শন করা যায়। image ট্যাগ এর মত embed ট্যাগ এর কোন closing ট্যাগ এর প্রয়োজন নেই। src attribute এ… Read More
  • HTML Background Tutorial (এইচটিএমএল ব্যাকগ্রাউন্ড টিউটোরিয়াল) এইচটিএমএল ব্যাকগ্রাউন্ড (HTML Background) ব্যাকগ্রাউন্ড এট্রিবিউট এর সাহায্যে এইচটিএমএল টেবিলে ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়। <table height="50" width="100" background="http://www.ypdesign.tk/images/… Read More

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo