বন্ধুরা , আপনারা সবাই কেমন আছেন ? আশা করি ভালো আছেন এবং আমিও ভালো আছি । আজ আমি আমার প্রথম টিউন শুরু করতে যাচ্ছি । ওয়েব ডিজাইন এবং ডেভলপমেন্ট এর শুরু যা দিয়ে হয় সেই,
HTML নামক গুরুত্বপূর্ণ বিষয় নিয়ে । তাহলে চলুন শুরু করা যাক ,
আসুন প্রথমে জেনে নেই
HTML -এইচটিএমএল কি ?
=> এইচটিএমএল ওয়েব পেজ বর্ণনা করার জন্য একটি ভাষা
=> এইচটিএমএল একটি হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
=> মানে এইচটিএমএল একটি মার্কআপ ভাষা
=> একটি মার্কআপ ভাষা একাধিক মার্কআপ ট্যাগ এর একটি সেট
=> এইচটিএমএল ট্যাগ দ্বারা ডকুমেন্ট এর কন্টেন্ট সমুহকে বর্ণনা করা হয়
=> এইচটিএমএল ডকুমেন্ট এইচটিএমএল ট্যাগ এবং প্লেইন টেক্সট ধারণ করে
=> এইসব এইচটিএমএল ডকুমেন্ট কে এক কথায় ওয়েব পেজ বলা হয়
নিচের কোড সহ HTML এর কিছু ট্যাগ ব্যাখা করা হলঃ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
কোডঃ HTML5
উদাহরণ ব্যাখ্যাঃ
১। উল্লেখ্যঃ
<! DOCTYPE html> ট্যাগ
HTML5 এর জন্য এই
DOCTYPE হয় ব্যবহার করা হয় । কোডিং শুরু হবে
<html> ট্যাগ দিয়ে , আর শেষ হবে
</ html> ট্যাগ দিয়ে এর ভিতরেই কোডিং করতে হবে ।
২।
<html> এবং
</ html> ট্যাগ এর মধ্যে দেওয়া তথ্যগুলো আপনার ওয়েব পাতা বর্ণনা করে । কি কি তথ্য উপাদান দিয়ে আপনার ওয়েব সাইটটি তৈরি করা হয়েছে তার বরনা করে ।
৩।
<body> এবং
</ body> ট্যাগ এর মধ্যে থাকা তথ্যগুলো ব্রাউজারে দৃশ্যমান হবে । জি, আমরা শুধু
<body> এবং
</ body> ট্যাগ এর মধ্যে থাকা তথ্য গুলো ব্রাউজারে দেখতে পাই ।
৪।
<h1> এবং
</ H1> ট্যাগ মধ্যে লেখা একটি শিরোনাম হিসেবে প্রদর্শিত হয় আমরা যাকে টাইটেল বলি ইংরেজিতে , এছাড়া অন্য ক্ষেত্রে ও এর ব্যবহার করা হয় , যেটা আমরা পরে শিখব ।
৫ ।
<p> এবং
</ P> ট্যাগ মধ্যে লেখা একটি অনুচ্ছেদ হিসেবে প্রদর্শন করা হয় , একে প্যারাগ্রাফ ট্যাগ বলা হয় । কোন তথ্যকে প্যারা করে সাজিয়ে লিখতে গেলে এই ট্যাগ ব্যবহার করা হয়
*** কোডগুলো আপনার
নোটপ্যাড++ এ ওপেন করুন । নিজে নিজে লিখে চেস্টা করতে থাকুন । লেখা হলে সেভ করুন । তারপর রান অপশন এ গিয়ে যেকোন একটি ব্রাউজার দিয়ে রান করে দেখুন আপনার কোডিং কেমন হল । ভালো থাকবেন ।
