অতিরিক্ত কিছু না বলে মূল কথাগুলো উপস্থাপন করলাম:-
HTML এর পূর্ণরুপ হলো Hyper Text Markup Language ৷ যা একটি ওয়েব ভাষা৷ এইটিএমএল শুধু একটি ওয়েবসাইটে কনটেন্টগুলো উপস্থাপন করে৷ পরবর্তীতে CSS (Cascading Style Sheet) দ্বারা কন্টেন্টগুলোকে বিভিন্ন রুপ দেওয়া হয়৷ এইচটিএমএল বিভিন্ন ট্যাগের সমন্বয়ে গঠিত৷ আমরা যখন কোনো একটা ওয়েবসাইট ভিজিট করি সেখানে বিভিন্ন রকম হেডলাইন, লিংক,পটু ইত্যাদি দেখতে পাই৷ এসব কিছু কোনো না কোনো ট্যাগের মধ্যেই আছে৷
HTML ট্যাগ হচ্ছে একটি এঙ্গেল ব্রাকেট দ্বারা আবৃত (<>) সেখানে কিছু কী-ওয়ার্ড থাকে এই কী-ওয়ার্ডই নির্দেশ করে ওয়েবপেজের কন্টেন্টকে কীভাবে দেখাবে । HTML Tags এর ক্ষেত্রে (<>) এবং (</>) এই দুটি চিহ্ন ব্যবহার করা হয়ে থাকে । প্রথম ট্যাগটিকে (<>) ওপেনিং ট্যাগ বা শুরুর ট্যাগ বলে এবং দ্বিতীয়টিকে (</>) ক্লোজিং ট্যাগ বা শেষ ট্যাগ বলে ।
ট্যাগকে দুই ভাবে ভাগ করা যায়ঃ
1.Single ট্যাগঃ যেসমস্ত এইচটিএমএল ট্যাগে কোনো ক্লোজিং ট্যাগ থাকেনা,শুধু ওপেনিং ট্যাগ থাকে তাদেরকে Single ট্যাগ বলা হয় ।যেমনঃ লাইন ব্রেকের জন্য <br> ট্যাগ ব্যবহার করা হয় । ইহার কোনো ক্লোজিং ট্যাগ নেই । <br> ট্যাগের মত <img>,<link>,<hr> ইত্যাদি ট্যাগ গুলো ও single html Tag । এই ট্যাগ গুলোর কোনো কোনো ক্লোজিং ট্যাগ নেই ।
2. Container ট্যাগঃ যেসমস্ত এইচটিএমএল ট্যাগে ওপেনিং এবং ক্লোজিং ট্যাগ উভই থাকে এবং ট্যাগ দুটির মধ্যে কন্টেন্ট থাকে তাদেরকে Container ট্যাগ বলে । <h2>…..</h2>,<p>…………</p> ইত্যাদি ।
নিচে বর্ণনাসহ এইটিএমএল এর ট্যাগ এর লিস্ট দেওয়া হলো:-
<b>….</b> = টেক্সটকে বোল্ড করার জন্য৷
<em>….</em> =টেক্সটকে emphasized করার জন্য৷
<i>….</i> =কোনো টেক্সটকে italic করার জন্য৷
<small>…</small> =কোনো টেক্সটকে ছোট করার জন্য৷
<big>…</big> =টেক্সটকে বড় করার জন্য৷
<blink>….</blink> =টেক্সটকে একবার প্রদর্শন করবে আবার করবেনা৷
<blockquote>… </blockquote> =বিশেষ উক্তি প্রকাশ করার জন্য৷
<strike>…. </strike> =টেক্সটের মাঝে কাটা দাগ দিতে৷
<del>….</del> =টেক্সটের মাঝে কাটা দাগ দিতে৷
<strong>…</strong> =টেক্সটকে বোল্ড করার জন্য৷
<a>….</a> =এটি একটি এঙ্কর ট্যাগ যা লিঙ্ক তৈরির ক্ষেত্রে ব্যবহার করা হয়৷
<img>…</img> =ছবি সংযুক্ত করতে ব্যবহার করা হয়৷
<abbr>….</abbr> =সংক্ষিপ্ত শব্দের ক্ষেত্রে ব্যবহার করা হয়৷
<samp>….</samp> =কোনো বিষয়কে নমুনা হিসেবে দেখাতে৷
<code>….</code> =কোনো বিশেষ বাক্যকে Fixed-Width ফরমেটে লিখতে ব্যবহার করতে হয়৷
<form>….</form> =যেকোনো ফর্ম তৈরি করার জন্য৷
<h1>…….</h1>. <h6>….</h6> =এটি দ্বারা শিরোনাম (Heading) নির্দেশ করে।
এটি h1 থেকে h6 পর্যন্ত রয়েছে৷
<table>….</table> =টেবিল তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<div></div>… Division তৈরিতে এই ট্যাগ ব্যবহার করা হয়৷
<row>….</row> =যেকোনো রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা৷
হয়<col>….</col> =যেকোনো কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<tr>….</tr> টেবিলের রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<td>….</td> =টেবিলের সেল তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<th>….</th> =টেবিলের হেডিং বা শিরোনাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<hr/> =ভূমির সমান্তরাল রেখা তৈরি করার ক্ষেত্রে ব্যবহার করা৷
হয়<input>….</input> =যেকোনো ধরনের ইনপুট ফিল্ড তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<list>……</list> =লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<ol>….</ol> =অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<ul>….</ul> =আন অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<u>….</u> =আন্ডার লাইন করার ক্ষেত্রে ব্যবহার করা হয়৷
<sub>….</sub> =কোনো টেক্সটকে একটু নিচে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয়৷
<sup>………</sup> =কোনো টেক্সটকে একটু উপরে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয়৷
<p>……</p> =প্যারাগ্রাফ তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<style>……</style> =ওয়েব পেজকে স্টাইল করতে ব্যবহার করা হয়৷
<font>….</font> =ফন্টের সাইজ ও কালার নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয়৷
<br/>=লাইন ব্রেক করার ক্ষেত্রে ব্যবহার করা হয়৷
<marquee>……</marquee> =চলমান লিখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
<pre>….</pre> =একপাশে কবিতার মত লাইন তৈরি করার ক্ষেত্রে ব্যবহার করা হয়৷
এবার আসি মোবাইল দিয়ে কিভাবে HTML প্র্যাকটিস করবেন :-
সাধারণত আমাদের সবার ল্যাপটপ বা পিসি কেনার সামর্থ থাকে না৷ কিন্তু প্রায় সবার হাতে ভালো খারাপ একটা স্মার্ট ফোন আছে৷ চাইলে সে স্মার্ট ফোন দিয়েই HTML,CSS,Bootstrap, Javascript ইত্যাদি ল্যাংগুয়েজ শিখা যায়৷ আমি নিজেও মোবাইল দিয়ে এসব ল্যাংগুয়েজ শিখছি৷ পাশাপাশি C প্রোগ্রামিং ও মোবাইল দিয়ে শিখছি৷ মোবাইল দিয়ে এইচটিএমএল প্র্যাকটিস করার জন্য বিভিন্ন রকম কোড এডিটর রয়েছে৷ উন্নতম কোড এডিটর গুলো হলো :- anWriter,Acode,Spk editor ইত্যাদি৷ গুগল প্লে স্টোর সার্চ করলেই এই অ্যাপস গুলো পাওয়া যাবে৷ গুগল প্লে স্টোর থেকে anWriter অ্যাপস ডাউনলোড করে নিচের কোড রান করে আপনার প্রথম কোডিং শুরু করতে পারেন৷
<!DOCTYPE html>
<html>
<head>
<title>This is my first coding</title>
</head>
<body>
<h1>My name is Rubel Mahmud</h1>
<h3>I am a web designer and developer</h3>
<p>This my first code</p>
</body>
</html>
কোড রান করার জন্য রাইট এ্যারো একটা চিহ্ন আছে সেটার উপর ক্লিক করতে করতে হবে৷ তাহলে আউটপুট দেখা যাবে৷
ওয়েব ডেভেলপমেন্ট শিখার জন্য ভালো ওয়েবসাইট কোনটি??
ওয়েব ডেভেলপমেন্ট শিখার জন্য আপনাকে প্রথমত ইউটিউব ফলো করতে হবে তারপর ওয়েবসাইট থেকে আপনি অনেক কিছু জানতে পারবেন৷ বিগিনার অবস্থায় ওয়েব ডেভেলপমেন্ট শিখার জন্য কোনো ওয়েবসাইট ফলো করতে গেলে কিছুই বুঝা যাবে না৷ এজন্য প্রথমত ইউটিউব দেখে শিখতে হবে কয়েকদিন৷ ইউটিউবে বেস্ট কয়েকটি চ্যানেল হলো :- Anisul Islam, Moshiur বাংলায় শিখার জন্য এই দুটাই বেস্ট৷ আর বেস্ট ওয়েবসাইট হলো w3school.com৷ এখানে আপনি প্রোগ্রামিং জগতের সব শিখতে পারবেন যদি আপনার ইংলিশ স্কিল ভালো হয়৷
আজ আর নয়৷ ধন্যবাদ সবাইকে৷ এটা আমার প্রথম ব্লগ৷ ভুল হলে ক্ষমার দৃষ্টিতে দেখবেন৷