HTML টিউটোরিয়াল: প্রথম পর্ব!

টিউটোরিয়াল শুরু করার পূর্বে জেনে নিই: HTML কি এবং কিভাবে কাজ করে?

HTML মানে Hyper Text Markup Language. HTML মূলত কোন প্রোগ্রামিং Language নয়। এটি একটি Markup Language. Markup Language হলো Markup Tags এর সমন্বিত রুপ।Markup Tags গুলোই বলে দেয় ওয়েব পেইজটির ছবি, বর্ণনা, শব্দ বা ভিডিও কিভাবে বর্ণনা করবে বা শো করবে বা কাজ করবে।সুতরাং, বলা যায় Markup Tags বা Html Tags- ই হলো ওয়েবের প্রাণ শক্তি।

HTML ডকুমেন্ট পরিচিতি:

একটি HTML ডকুমেন্ট এর ফাইল এক্সটেনশন হয় .html. মনে করুন, ফাইলের নাম Contact সুতরাং HTML ফাইল হিসাবে এর এক্সটেনশন হবে .html, তাহলে ফাইলটির পুরো নাম হবে Contact.html.

ক)একটি HTML ডকুমেন্ট এর প্রধানত দুটি অংশ থাকে; ১. হেড/হেডার(head) এবং ২. বডি(body)।
খ) সম্পূর্ণ HTML ডকুমেন্ট ফরমেটটি ঠিক এরকম-

<html>

<head>
<link rel=”stylesheet” type=”text/css” href=”#” />
<title> HTML Tutorial on WordPress Group</title>
</head>

<body>
<p>Hello! World, This Is My First HTML Tutorial!</p>
</body>

</html>

গ) বর্ননা: একটি HTML ডকুমেন্ট এর একদম শুরুতে <html> একদম শেষে </html> লিখতে হয়। এটা W3 Consortium এর নিয়ম। আপনি যদি অন্য ফরমেটের ডকুমন্টে করতে চান তবে সেক্ষেত্রেও একই নিয়ম হতে হবে। যেমন PHP এর ফরমেট শুরুতে <?php এবং শেষে ?>

HTML এর কিছু ট্যাগ বাদে প্রায় সব গুলোরই শুরু(Staring) এবং শেষ(Ending) ট্যাট আছে। সেরকম হেডার ট্যাগ এর শুরু <head> এবং শেষ </head>, তবে টাইটেল প্রদর্শন করবে ব্রাউজারের টাইটেল বারে। এই শুরু এবং শেষের মাঝে আরো অনেক নেস্টেড(যারা অন্য তথ্য বহন করে) ট্যাগ আসবে। এগুলোর ইলিমেন্ট গুলো কখনই ফ্রন্টইন্ড এ প্রদর্শন করবে না। তবে, বডি শুরু <body> এবং শেষ </body> এর মাঝে যেকোন লিখা, ইমেজ, ভিডিও মার্কাপ এর নিয়ম অনুযায়ী যেভাবেই লিখবেন সেভাবেই এগুলো ফ্রন্টইন্ডে প্রদর্শন করবে। যেমনটা আমি লিখেছি বডি এর প্যারাগারাফ ট্যাগ এর মধ্যে:

<p> Hello! World, This Is My First HTML Tutorial! </p>

উপরের খ) নম্বর এর অংশটুকু নোটপ্যাডে কপি পেষ্ট করে সেভ করুন example.html বা অন্য যে নামে আপনার ইচ্ছা। তবে ফাইল টাইপ .html অবশ্যই লিখতে বা নির্বাচন করতে হবে।

চেষ্টা করুন না পারলে, মন্ত্যবে জানান।🙂

ধন্যযোগ সবাইকে!🙂

মন্তব্য প্রদান করুন ...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / পরিবর্তন )

Twitter picture

You are commenting using your Twitter account. Log Out / পরিবর্তন )

Facebook photo

You are commenting using your Facebook account. Log Out / পরিবর্তন )

Google+ photo

You are commenting using your Google+ account. Log Out / পরিবর্তন )

Connecting to %s