Sunday, February 12, 2017

HTML Entities Tutorial (এইচটিএমএল এনটাইটিজ টিউটোরিয়াল)

(HTML Entities
Add caption
এইচটিএমএল এনটাইটিজ টিউটোরিয়াল (HTML Entities)

এনটাইটি হল symbol এর কাল্পনিক বিষয়। অনেক symbol যেমন ট্রেডমার্ক, কপিরাইট, বৈদেশিক মুদ্রা প্রতিক ইত্যাদি ওয়েব পেজ প্রদর্শন করতে হলে এনটাইটি বিষয়ে জানতে হবে।
প্রত্যেক এনটাইটি এর তিনটি অংশ থাকে যেমন:
১.প্রত্যেক Entity এমপারসেন্ড (ampersand) দিয়ে শুরু হয়- &
২.তারপর Entity এর নাম – copy
৩.শেষে semicolon যোগ করতে হয়-;
কপিরাইট
&copyএকত্রে লিখে তা তৈরী করে   © - Copyright symbol.
অতিরিক্ত স্পেস
আমরা প্যারাগ্রাফ ট্যাগ এরং হেডিং ট্যাগ এর মধ্যে দেখেছি ব্রাউজার শুধু দুটি শব্দের মধ্যে একটি স্পেস চিনতে পারে এর বেশি পারে না। আমরা এনটাইটি ব্যবহার করে অতিরিক্ত স্পেস দিতে পারি। নিচে উদাহরন দেয়া হলো।
 <p>Everything that goes up, must come &nbsp;&nbsp;&nbsp;&nbsp;down!</p>
আমরা এইচটিএমএল এ লেস দেন এবং গ্রেটার দেন চিহ্ন ব্যবহার করে ট্যাগ তৈরী করি। এসব চিহ্ন ওয়েব পেজ এ দেখাতে চাইলে এনটাইটি ব্যবহার করতে হবে।
<p>
Less than - &lt; <br />
Greater than - &gt; <br />
Body tag - &lt;body&gt;
</p>



এইচটিএমএল কমেন্ট (HTML Comments)

কমেন্ট আপনাকে ওয়েব ডেভেলপার হিসাবে এমন একটি পথ দেখাবে যেটা দ্বারা আপনি এটা নিয়ন্ত্রন করতে পারবেন যে কোন্ কোন্ লাইন ব্রাউজার দ্বারা নিস্ক্রিয় করা হবে।

তিনটি কারনে আমরা কোডকে ignore করি।

১. এইচটিএমএল ডকুমেন্ট এর ভিতরে note লিখে বা নিজের জন্য reminder লিখে

২.স্ক্রিপ্টিং ল্যাংগুয়েজ যেমন জাভাস্ক্রিপ্ট এর কিছু  কমেন্ট বা মন্তব্য প্রয়োজন। .

৩.Temporarily comment প্রয়োজন যতক্ষন পর্যন্ত  এইচটিএমএল এলিমেন্ট অসম্পুর্ন থাকে।

<!--Note to self: This is my banner image! Don't forget -->

<img src="http://www.ypdesign.tk/pics/ferdousSugar.jpg" height="100" width="200"/>

অন্যান্য ট্যাগ মত কমেন্ট এরও opening tag এবং closing tag আছে।

<!-- Opening Comment -- > Closing Comment এইচটিএমএল –

<!-- এই লেখাটি কমেন্ট হয়ে থাকবে -->: ওয়েব ডেভেলপার হিসাবে আপনি অনেক কাজ অসম্পুর্ন রাখতে পারেন সেক্ষেত্রে অসম্পুর্ন কাজটিকে <! -- > কমেন্ট ট্যাগ এর ভিতর রাখতে পারেন।

<!-- <input type="text"> size="12" /> -- Input Field -->

যখন এইচটিএমএল ইলিমেন্টকে প্রদর্শন করতে চান তখন কমেন্ট ট্যাগটি উঠিয়ে দিবেন।

<input type="text" size="12" />

Related Posts:

  • Internal/External/Inline CSS Tutorial (ইন্টারনাল/এক্সটার্নাল/ইনলাইন সিএসএস টিউটোরিয়াল) ইন্টারনাল সিএসএস টিউটোরিয়াল (Internal CSS) Cascading Style Sheets লেখার তিনটি ধরন আছে যেমন - internal, external এবং inline। যখন আপনারা  ইন্টারনাল সিএসএস ব্যবহার করবেন তখন অবশ্যই একটা নতুন ট্যাগ যোগ করতে হবে যেটা হচ্… Read More
  • HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল) body ট্যাগ এর আগের টিউটোলিয়ালগুলির প্রায় সব জায়গায় ব্যবহার করা হয়েছে। <body></body> এর ভিতরেই সব কনটেন্ট রাখতে হয়। ul, li, a, h1 ... h6, p, div এক কথায় সব এলিমেন্ট এর ভিতরে থাকবে html আর head এর ভিতর যে কয়েক… Read More
  • HTMT TAG LIST Ordered Alphabetically DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset    88 ----HTMT TAG Tag Description DTD … Read More
  • css tutorial / css selector tutorial / সিএসএস টিউটোরিয়াল | ভূমিকা আপনারা নিজের web designing এর দক্ষতা উপরের ধাপে উন্নিত করতে চাইলে Cascading Style Sheets (CSS) এর কোন বিকল্প নেই। এখানে ধারাবাহিকভাবে সিএসএস টিউটোরিয়াল গুলো আলোচনা করা হবে। সিএসএস এর মাধ্যমে … Read More
  • ( HTML Div Tutorial in Bangla) এইচটিএমএল ডিভ টিউটোরিয়াল এইচটিএমএল ডিভ টিউটোরিয়াল ( HTML Div Tutorial in Bangla) div ট্যাগ (<div></div>) খুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর। এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে section (খন্ড) তৈরী করা হয়। যতগুলি div ততগুলি খন্ড।… 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