somewhere in... blog
x
ফোনেটিক ইউনিজয় বিজয়

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 গুলোর সাথে পরিচিত হয়:-

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
সর্বশেষ এডিট : ১৮ ই আগস্ট, ২০০৯ রাত ১২:৫৫
১৯টি মন্তব্য ১০টি উত্তর

আপনার মন্তব্য লিখুন

ছবি সংযুক্ত করতে এখানে ড্রাগ করে আনুন অথবা কম্পিউটারের নির্ধারিত স্থান থেকে সংযুক্ত করুন (সর্বোচ্চ ইমেজ সাইজঃ ১০ মেগাবাইট)
Shore O Shore A Hrosho I Dirgho I Hrosho U Dirgho U Ri E OI O OU Ka Kha Ga Gha Uma Cha Chha Ja Jha Yon To TTho Do Dho MurdhonNo TTo Tho DDo DDho No Po Fo Bo Vo Mo Ontoshto Zo Ro Lo Talobyo Sho Murdhonyo So Dontyo So Ho Zukto Kho Doye Bindu Ro Dhoye Bindu Ro Ontosthyo Yo Khondo Tto Uniswor Bisworgo Chondro Bindu A Kar E Kar O Kar Hrosho I Kar Dirgho I Kar Hrosho U Kar Dirgho U Kar Ou Kar Oi Kar Joiner Ro Fola Zo Fola Ref Ri Kar Hoshonto Doi Bo Dari SpaceBar
এই পোস্টটি শেয়ার করতে চাইলে :
আলোচিত ব্লগ

ক- এর নুডুলস

লিখেছেন করুণাধারা, ১৮ ই মে, ২০২৪ রাত ৮:৫২



অনেকেই জানেন, তবু ক এর গল্পটা দিয়ে শুরু করলাম, কারণ আমার আজকের পোস্ট পুরোটাই ক বিষয়ক।


একজন পরীক্ষক এসএসসি পরীক্ষার অংক খাতা দেখতে গিয়ে একটা মোটাসোটা খাতা পেলেন । খুলে দেখলেন,... ...বাকিটুকু পড়ুন

কারবারটা যেমন তেমন : ব্যাপারটা হইলো কি ???

লিখেছেন স্বপ্নের শঙ্খচিল, ১৮ ই মে, ২০২৪ রাত ৯:০২

কারবারটা যেমন তেমন : ব্যাপারটা হইলো কি ???



আপনারা যারা আখাউড়ার কাছাকাছি বসবাস করে থাকেন
তবে এই কথাটা শুনেও থাকতে পারেন ।
আজকে তেমন একটি বাস্তব ঘটনা বলব !
আমরা সবাই... ...বাকিটুকু পড়ুন

স্প্রিং মোল্লার কোরআন পাঠ : সূরা নং - ২ : আল-বাকারা : আয়াত নং - ১

লিখেছেন মরুভূমির জলদস্যু, ১৮ ই মে, ২০২৪ রাত ১০:১৬

বিসমিল্লাহির রাহমানির রাহিম
আল্লাহর নামের সাথে যিনি একমাত্র দাতা একমাত্র দয়ালু

২-১ : আলিফ-লাম-মীম


আল-বাকারা (গাভী) সূরাটি কোরআনের দ্বিতীয় এবং বৃহত্তম সূরা। সূরাটি শুরু হয়েছে আলিফ, লাম, মীম হরফ তিনটি দিয়ে।
... ...বাকিটুকু পড়ুন

কুরসি নাশিন

লিখেছেন সায়েমুজজ্জামান, ১৯ শে মে, ২০২৪ সকাল ১১:১৫


সুলতানি বা মোগল আমলে এদেশে মানুষকে দুই ভাগে ভাগ করা হয়েছিল৷ আশরাফ ও আতরাফ৷ একমাত্র আশরাফরাই সুলতান বা মোগলদের সাথে উঠতে বসতে পারতেন৷ এই আশরাফ নির্ধারণ করা হতো উপাধি... ...বাকিটুকু পড়ুন

বসন্ত বিলাসিতা! ফুল বিলাসিতা! ঘ্রাণ বিলাসিতা!

লিখেছেন নাজনীন১, ১৯ শে মে, ২০২৪ বিকাল ৪:০৯


যদিও আমাদের দেশে বসন্ত এর বর্ণ হলুদ! হলুদ গাঁদা দেখেই পহেলা ফাল্গুন পালন করা হয়।

কিন্তু প্রকৃতিতে বসন্ত আসে আরো পরে! রাধাচূড়া, কৃষ্ণচূড়া এদের হাত ধরে রক্তিম বসন্ত এই বাংলার!

ঠান্ডার দেশগুলো... ...বাকিটুকু পড়ুন

×