আমাদের কথা খুঁজে নিন

   

HTML এবং CSS এর সহজ টিউটোরিয়াল - ২

একজন ইউনুস খান বেঁচে থাকতে চান গণ মানুষের মৌলিক চাহিদা পূরণের আন্তরিক প্রচেষ্টা এবং উদ্যেগ গ্রহণের মাঝে।

HTML এর একটা বেসিক Structure আছে। যেটা সবাইকে অবশ্যই Follow করতে হবে। বেসিক Structure টি নিন্মরুপঃ- '' '' '' '' '' '' '' '' বি.দ্র. আমি আগেই উল্লেখ করেছিলাম HTML এর প্রতিটি Tag আগে < সাইন দিয়ে শুরু করে > দিয়ে শেষ করতে হবে। উপরের কোড থেকে অবশ্যই 'সিঙ্গেল কোটেশান('') উঠিয়ে দিতে হবে'।

ব্লগে যেহেতু সরাসরি কোড দেওয়া যায়না। তাই আমার বিকল্প ব্যবস্থা। কারো বুঝতে হলে How learn HTML & CSS easily? Tutorial - 2 থেকে কোডগুলো নিতে পারেন। html ফাইল লিখার জন্য অবশ্যই আপনাকে html ট্যাগ দিয়ে শুরু করতে হবে। সেই সাথে এই ট্যাগ এর ক্লোজও দিতে হবে।

এই দুই ট্যাগের মাঝে আপনাকে যাবতীয় html কোড লিখতে হবে। উপরের আমরা মোট যে চারটি ট্যাগ লিখেছি সেগুলোকে আমরা Document Tag বলে থাকি। এখন এই Document Tag গুলোর বর্ণনা লিখছি- html - ওয়েব ব্রাউজার শুরুতেই html Tag দিয়ে বুঝবে যে সে html ফাইলে প্রবেশ করেছে। এটা টোটাল ওয়েব পেইজকে বর্ণনা করে। head - এইটা html ফাইলের মূল হেড ট্যাগ।

আমরা head ট্যাগ এর মাঝে যাবতীয় মেটা কন্টেন্ট, Javascript ফাইল, CSS ফাইল গুলো লিখবো। title - ব্রাউজারে আপনের Web Page টির title শো করার জন্য এখানে আপনার উল্লেখিত title লিখতে হবে। body - এখানে আপনার ওয়েব পেইজের যাবতায় বর্ণনা লিখবেন। এখন আমরা মূল Content এ এসে গেছি। body Tag এর মাঝে যাবতীয় Style Tag দ্বারা মূল পেইজটি লিখবো।

Style Tag কি জিনিস হয়তো ভাবছেন? html হলো Predefined Tag যা দ্বারা আমরা ওয়েব পেইজের কন্টেন্ট সাজাই। ইতিমধ্যে আমরা Document Tag এর সাথে পরিচিত হয়েছি। এখন আমরা Style Tag এর সাথে পরিচিত হবো। তার আগে আবারো বলছি প্রতিটা Tag এর শুরুতে < সাইন দিয়ে শুরু করে > দিয়ে শেষ করতে হবে। সেই সাথে প্রতিটা Tag এর End Tag লিখতে হবে।

নিচে Style Tag গুলোর সাথে পরিচিত হয়br /> h1 - Main content header h2 - Another header .... .... .... h6 - Last content header a - Hyperlink b - Bold Text font - Create text i - Italic text table - Create table tr - Cell in Table row th - Cell in Table header td - Cell in Table body div - Define area p - Paragraph textarea - define text area span - define text area small - Small Text এই রকম আরও বেশ কিছু ট্যাগ আছে যা আমরা সামনের টিউটোরিয়াল গুলোতে দেখবো কাজ করতে করতে। আপাতত যারা Confused তারা প্রশ্ন করে ফেলুন আর তারাতারি উপরের জিনিস গুলো মুখস্ত করে ফেলুন। সামনের দিন গুলোতে নিশ্চিত সব পরিষ্কার হয়ে যাবে। সমস্ত কোড গুলো এখানে পাবেন- How learn HTML & CSS easily? Tutorial - 2

অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।