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" />

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