আমার মনে হয় সবাই এইচটিএমএল সম্পর্কে একটা প্রাথমিক ধারনা পেয়ে গেছেন। এইচটিএমএল কি এবং এর প্রয়োজনীয় কিছু বিষয়ে আপনাদের আমি বলেছি। চলেন শুরু করি এইচটিএমএল এ কোড লেখা।
নোটপ্যাড ++ ওপেন করে নিছের দেয়া Code টুকু লিখে ফেলুন :-
এবার File মেনু থেকে Save as (Ctrl+S) এ ক্লিক করে File name: index.html এবং Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে আপনি আপনার নিজের করা ওয়েব সাইটটি দেখতে পাবেন। আপনার ফাইলটি Save করার সময় যেকোন নামে Save করতে পারেন।
তবে খেয়াল রাখবেন যেন .html কথাটি extension হিসেবে থাকে ( যেমনঃ any_name.html ) । উপরে লেখা Code এর সবগুলো ট্যাগ সম্পর্কে বিস্তারিত জানতে পারবেন মনযোগ দিয়ে পড়তে থাকেন।
পেইজটাইটেল (Page Title) :
প্রতিটি এইচটিএমএল পেইজ এ অবশ্যই একটি পেইজ টাইটেল থাকতে হবে। আপনার পেইজের টাইটেল লেখার জন্য আপনাকে যা করতে হবে তা হল একটি ট্যাগ ব্যাবহার করতে হবে। এই ট্যাগটি হল <title></title> আপনি এই ট্যাগের ভিতরে যা লিখবেন তাই আপনার পেইজের টাইটেল হিসেবে দেখাবে।
<title> ট্যাগ সবসময় <head> ট্যাগের মধ্যে বসে। খেয়াল করেছেন হয়ত যে title এবং head ট্যাগ কাছাকাছি বসছে।
মুলত একটা পেইজের <head> ট্যাগের মধ্যে যে information থাকে তার কোন কিছুই browser window তে দেখায় না। এতে যে information থাকে তা ঐ পেইজের সম্পর্কে বিস্তারিত বলা থাকে। <head> ট্যাগের মধ্যে আরও প্রয়োজনীয় অনেক ইলিমেন্ট বস্তে পারে, এগুলো সম্পর্কে পরে আমরা বিস্তারিত জানব।
<head> ট্যাগের মধ্যে সবছে প্রয়োজনীয় ইলিমেন্ট হল <title> ট্যাগ ।
আপনি যদি আপনার করা পেইজটা ওপেন করেন তাহলে দেখবেন যে টাইটেল বারে আপনি টাইটেল ট্যাগের মধ্যে যা লিখেছেন তা দেখাচ্ছে। আপনি যদি এই পেইজটাকে আপনার প্রিয় পেইজ (Bookmark) হিসেবে save করতে চান তবেও দেখবেন যে আপনার টাইটেল বারের information show করছে।
বডি (Body) :
এই <body> </body> ট্যাগেরমধ্যে যাকিছু লেখা হবে তার সবকিছু browser window তে দেখাবে। একটা ওয়েব পেইজের যা কিছু আমরা দেখি তার প্রায় সবই বডি ট্যাগের মধ্যে লিখা থাকে।
খেয়াল করে দেখেন বডি ট্যাগের ভিতরে আমরা <p></p> ট্যাগ লিখেছি এবং এর ভিতরে যা লিখেছি তাই কেবল আমরা browser window তে দেখতে পাচ্ছি।
প্যারাগ্রাফ (Paragraph) :
কোন লেখাকে প্রকাশ করার ক্ষেত্রে প্যারাগ্রাফ <p></p> ট্যাগ ব্যবহার করা হয়। এটি খুবই সাধারন ও মৌলিক। <p> ট্যাগ দারা প্যারাগ্রাফ নিদের্শ করা হয়। এই ট্যাগ ব্যাবহার করার ফলে প্যারাগ্রাফ text এ উপরে নিচে অটোমেটিক ফাঁকা লাইন সৃষ্টি হয়।
আজ এই পর্যন্তই থাক। next টিউনে আমরা দেখব HTML এ ব্যাবহার হয় এইরকম কিছু প্রয়োজনীয় ট্যাগ। আমরা কম কম করে শিখবো, তবে যা শিখবো তাযেন আমাদের সারাজীবন মনে থাকে। ফিরে আসছি খুব তারাতারি পরবর্তী টিউন নিয়ে।
।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।