আজ আমরা শিখব HTML বেসিক এবং প্রোগ্রাম লেখার পদ্ধতি ।
চলুন শুরু করি ...
HTML বেসিক
যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver এবং Notepad++ ব্যবহার করা ভাল। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাউজার যেমন Internet explorer, Mozilla Firefox , Google chrome এবং Opera দ্বারা দেখা যাবে।আমরা windows এর ডিফল্ট Notepad টাই ইউজ করব ।
Notepad ওপেন করতে, start menu তে ক্লিক করে notepad লিখে সার্চ দিন, সিঙ্গেল ক্লিকে ওপেন করুন ।
প্রোগ্রাম লেখার পদ্ধতি
HTML প্রোগ্রামের মৌলিক অংশসমুহঃ
<html>
<head>
<title> www.galibsforum.blogspot.com</title>
</head>
<body>This is my first web page.Now I'm learning HTML.
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখুন । (কপি-পেস্ট করবেন না, এতে আপনি শিখতে পারবেন না)
file মেনু থেকে
Save as এ ক্লিক করে File name: mypage.html , Save as type : All
files, দিয়ে save করে mypage.html ফাইলটি Mozilla Firefox দিয়ে open করলে
নিচে প্রদর্শিত ছবির মত দেখাবে।
HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ
প্রোগ্রামের মধ্যে <> এবং < /> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body এগুলোকে Keyword বলে এবং <> বা < /> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে ট্যাগ বলা হয়। যেমন <head> অর্থ head ট্যাগ। HTML এ দুই ধরনের ট্যাগ রয়েছে , <> চিহ্ন ও keyword নিয়ে গঠিত ট্যাগকে শুরু ট্যাগ এবং < /> চিহ্ন ও keyword নিয়ে গঠিত ট্যাগকে শেষ ট্যাগ বলে । যেমন < title> অর্থ title শুরু ট্যাগ এবং </title> অর্থ title শেষ ট্যাগ।মনে রাখবেন, ট্যাগ শুরু করলে অবশ্যই সেটা close করতে হবে অর্থাৎ, শেষ ট্যাগ দিতে হবে ।
তবে কিছু কিছু ট্যাগের শেষ ট্যাগ নেই । সেটা নিয়ে আমরা পরবর্তীতে আলোচনা করব ।
<html> বা html ট্যাগ:
HTML এ প্রোগ্রাম লেখার জন্য সমস্ত code কে <html> </html> এর মাঝে লেখা হয়।<head> বা head ট্যাগ:
<head></head> এর ভেতরে <title> </title> ট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়। এই code এ title হিসেবে www.galibsforum.blogspot.com লেখা হয়েছে যা ব্রাউজারের title bar এ দেখা যাচ্ছে।<body> বা body ট্যাগ:
<body> বা body ট্যাগ খুবই গুরুত্বপূর্ণ। একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে । <body></body> ট্যগের মধ্যেই বিভিন্ন Text , Image, Table ইত্যাদি ফরমেটিং এর জন্য বিভিন্ন ট্যাগ সমূহ লেখা হয় । এই code এ <body></body> ট্যগের মধ্যে This is my first web page.Now I'm learning HTML. লেখা হয়েছে যা ব্রাউজারের মূল অংশে প্রদর্শিত হচ্ছে।আপনাদের কাজ
==এমন পেজ তৈরি করুন ==
ধন্যবাদ সাথে থাকার জন্য, দেখা হবে পরবর্তী পর্বে ।
