HTML কি?
HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।
HTML VERSIONS
HTML can be edited by using a professional HTML editor like:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
- Notepad ++ / Notepad
- Sublime text3
HTML DOCUMENT EXAMPLE
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
HTML ট্যাগ কি?
HTML এ প্রোগ্রাম লেখার জন্য < > এবং দুইটা চিহ্ন এবং এর মধ্যে কিছু Pre-defined Word যেমন
html,head,title, body ইত্যাদি Keyword ব্যবহার করা হয়। < > বা চিহ্ন এবং এর মাঝে লেখা এক একটি
Keyword কে একত্রে ট্যাগ বলা হয়।
HTML Element কি?
HTML এ যেকোন শুরু ও শেষ tag এবং মাঝের অংশকে সংশ্লিষ্ট tag এর Element বলা হয়। যেমন <h1> This is
an example of element.</h1> । এখানে <h1> হেডার 1 শুরু এবং </h1> হেডার1 শেষ ট্যাগের মাঝে This is
an example of element. লেখা হয়েছে, তাই This is an example of element.হচ্ছে h1 tag এর element । কিছু
কিছু ট্যাগের কোন Element থাকে না যেমন <br /> <img /> ইত্যাদি।
সাধারণতঃ যে সকল ট্যাগের শেষ ট্যাগ থাকে না তাদের ইলিমেন্টও থাকে না। এ ধরণের শুরু ট্যাগের মধ্যেই / চিহ্নটি অন্তর্ভূক্ত থাকে, এবং এর আগে একটা স্পেস দিতে হয়। আর এগুলোকে বলা হয় HTML empty Element
HTML Attribute কি?
HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য শুরু tag এর মধ্যে কিছু pre-defined কথাকে HTML Attribute বলে। মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য Attributes ব্যবহার করা হয়। যেমন <font size=”5″ color=”red”> Hello SAtech360.<font/> এখানে size=”5″ অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ This is a paragraph. লেখাটির সাইজ কেমন হবে। এবং color=”red” দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।
HTML Entities কি?
HTML এ কিছু বিশেষ Character যেমন <,> চিহ্ন এটি সাধারণত HTML tag গুলো লেখার কাজে ব্যবহৃত হয় , তাই এগুলোর মধ্যে কিছু লিখলে browser সেটিকে ট্যাগ ভেবে ভুল করে বা আমাদের ইচ্ছা অনুযায়ী সঠিক ভাবে তথ্য প্রদর্শন করতে পারেনা। আবার এমন কিছু চিহ্ন যেমন © ® ™ ইত্যাদি চিহ্ন গুলি এডিটরে লেখার জন্য আপনার কীবোর্ড এ লেখার ব্যবস্থা নেই । এখন যদি এই ধরনের কোন চিহ্ন আপনি ওয়েব পেজে দেখাতে চান তাহলে এইচটিএমএল এনটাইটি ব্যবহার করে দেখাতে পারবেন।
কয়েকটি বহুল ব্যবহৃত এনটাইটি:
©
®
™
$
<
>
HTML DOCTYPE Tag কি?
HTML এ <!DOCTYPE> Tag হচ্ছে আপনার লেখা HTML ডকুমেন্টটি কি ধরনের তা ব্রাউজারকে বোঝানোর জন্য ব্যবহৃত হয়। এইচটিএমএল এর কোন ভার্সন ব্যবহার করবেন সেটার উপর ভিত্তি করেই এই ডিক্লেয়ারেশন টি দেয়া হয়। যেমন উপরের ডকুমেন্ট টি এইচটিএমএল ৫ এর একটি ডকুমেন্ট, তাই এটাকে আমরা এভাবে <!DOCTYPE html> লিখি । এরুপ যদি এটা XHTML এর ১.০ ভার্সন হতো তাহলে ডিক্লেয়ারেশনটি দিতে হতো এভাবে:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML Comments কি ?
HTML এ Comments হচ্ছে, একজন HTML কোডার বা প্রোগ্রামারের সোর্স কোডের ব্যাখ্যা বা পাদটীকা। এটাকে আমরা Coding Documentation ও বলতে পারি। সাধারণত: যেকোনো Programming language এর Compiler গুলো comments কে কোড হিসাবে execute না করে এটাকে (Ignore) এড়িয়ে যায়। Comments System দিয়ে আমরা HTML এর Coding Documentation ছাড়াও এই মুহূর্তে ব্যবহৃত হবেনা কিন্তু ভবিষ্যতে কাজে লাগতে পারে এমন HTML Code গুলোও আমরা সাময়িক সময়ের জন্য hide করে রাখতে পারি।
HTML Comments Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Comment</title>
</head>
<body>
<!--This is a paragraph-->
<p>Hello HTML!</p>
</body>
</html>
0 Comments