আমার প্রিয় পোস্ট
- ১৯৭১ , জেড ফোর্সের মুক্তিযুদ্ধ : জিয়া-শাফায়াত-মইন-আমিনুলদের যুদ্ধ দিনের গল্প জানুন ছবি আর বর্ননায়........ - দাসত্ব
- ............ আমার প্রিয় ভৌতিক গল্প সংকলন.......... - রেজোওয়ানা
- সবাই দেখেন, কিভাবে দলে দলে সীমান্ত পেরিয়ে বাংলাদেশে ঢুকছে অবৈধ ভারতীয় অনুপ্রবেশকারীরা, অথচ অবৈধ অনুপ্রবেশের দায়ে উল্টো বাংলাদেশকে অভিযুক্ত হতে হয় সবসময়। বাংলাদেশের সীমানার অভ্যন্তরে ভারতীয় অবৈধ অনুপ্রবেশের একটি তথ্যসমৃদ্ধ প্রতিবেদন। - দিগন্তের পথিক
- কেমন হয় যদি আপনার মরিচ গাছে একসাথে পাঁচশত মরিচ ধরে, তাও একেকটি ছয় ইঞ্চি লাম্বা সারা বছর জুড়ে । - ময়নামতি
- বুফে : ঢাকায় বুফের হালচাল এবং আমার অভিজ্ঞতা থেকে ঢাকার বিখ্যাত বুফে রেস্টুরেন্ট(বিস্তারিত) - ইশতিয়াক আহমেদ চয়ন
- সেন্টমার্টিন যাবার ক্ষেত্রে আপনি কোন Series এ আছেন ? Windows নাকি Linux ! - এরিয়া-৫১
- মূসা ইব্রাহীমকে হারিয়ে দিয়ে এলাম
- বালক বন্ধু
- অমর একুশে:: এক রক্তাক্ত স্মৃতির ইতিহাস:: - মোহাম্মদ ইলিয়াছ চৌধূরী
- জিয়াকে হত্যা করাই ছিল তাহেরের প্ল্যান - নইম
- প্রেসিডেন্ট জিয়াউর রহমান : যার নিরেট দেশপ্রেমের স্বাক্ষী দেয় সিআইএ'র সিক্রেট টেলিগ্রাম ০৩২৫/০৯৫০Z.....এবং অনেক অজানা কথকতা....... - দাসত্ব
- কাঁটাতারের বেড়ায় ফেলানি। শিলার যৌবন আর মুন্নির বদনাম। - ধীবর
- RAM বৃদ্ধি না করে যেভাবে কম্পিউটারের গতি বৃদ্ধি করবেন (Windows XP Operating System এর জন্য) - তাহমিনা৮৭৬৫
- আপনার উপকারের জন্যই বলছি, গ্রামীনফোন ইউসার হলে একটু ঢু মেরে যান - আরিফুর রহমান বাবু
- ব্লগের বিএনপি মনষ্ক ব্লগাররা :রিভার্স এলার্ট - াঢারে ালো
- আমার যতো কবিতা!! কে বলেছে আমি ভালো কবিতা লিখতে জানিনা
একবার দেখুন না প্লিজ। - ইউনুস খান
- "ট্রানজিট ফি" ও শিয়াল আর বোকা কুমিরের সাত বাচ্চার গল্প - আহসান হাবিব শিমুল
- খুজুন, কোথায় কোথায় কে কমেন্ট করেছেন।- টেকি মার্কা পোস্ট। (আমার ৫০ তম পোস্ট) - দু-পেয়ে গাধ
- ভালো থেকো কল্পনা চাকমা, ভালো থেকো মেজর মহসিন রেজা : একটি বানোয়াট ঘটনাক্রম - ফিউশন ফাইভ
- রূপগঞ্জে সামরিক ভুমি আগ্রাসন:“দিনরাত লেফ-রাইট করলে ক’মণ শস্য ফলে এক গন্ডা জমিতে?” - দিনমজুর
- নাস্তানাবুদ নাস্তিকতা : নাস্তিকতার অসারতা প্রমাণকারী ব্লগ পোষ্ট সঙ্কলন - স্বর্ণলতা
- সৌর্ন্দয্যের আধার বান্দরবন ঘুরে আসলাম [তথ্য + ছবি ব্লগ]
- টেকি মামুন
- আজ মহালয়া - মার ঘরে ফেরা - দীপান্বিতা
- শবে বরাত নিয়ে ভুল ধারণা,ভুল সংস্কৃতি আর বিদ'আত থেকে আমাদের মুক্তি হোক - আরিয়ানা মিনু
- যখন মাস্টার ছিলাম। - মোহাম্মদ সাজ্জাদ হোসেন
- Enigma ব্যান্ড নিয়ে কিছু কথা - রাশেদ
- গাঁজা নিয়ে সুন্দর একটা গান?!? - রাকা ও আমি
গুরুতর ভাইরাস আক্রমনের পরে যেভাবে উইন্ডোজ এক্সপি রি-ইন্সটল না করে পিসি রিকভার করবেন!!! - ডিজে আরিফ রক্স
- X Facts : মুজিব হত্যাঃ জিয়া , প্রচলিত কিছু বক্তব্য , চেপে রাখা না বলা তথ্য - দাসত্ব
- McAfee Internet Security 2010 এর ৬ মাসের জেনুইন লাইসেন্স ফ্রি ! - আরিফ বল্গ
- সবাইকে রইলো ভূত মেলায় নেমন্ত্রণ। ~*~সেই সাথে সকল ব্লগারদের ২০১০ সালের শুভেচ্ছা জানাচ্ছি~*~ - ইউনুস খান
- একটি ঐতিহাসিক রিপোস্ট দিয়ে লগআউট করলাম - ইউনুস খান
- মা তোমার কি মনে পড়ে ? [ মায়ের কাছে সন্তানের খোলা চিঠি ] - ইউনুস খান
একজন ইউনুস খান বেঁচে থাকতে চান গণ মানুষের মৌলিক চাহিদা পূরণের আন্তরিক প্রচেষ্টা এবং উদ্যেগ গ্রহণের মাঝে।
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
সর্বশেষ এডিট : ১৮ ই আগস্ট, ২০০৯ রাত ১২:৫৫ | বিষয়বস্তুর স্বত্বাধিকার ও সম্পূর্ণ দায় কেবলমাত্র প্রকাশকারীর...
রনি রাজশাহী বলেছেন:
লেখক বলেছেন: ধন্যবাদ ভাই। ভালো থাকুন।
ইসানুর বলেছেন:
+++++++++
সত্যান্বেষী বলেছেন:
চরম ফালতু টিউটোরিয়াল পোস্ট। নামমাত্র একচিমটি কন্টেন্ট দিয়ে মূলত নিজের একটা হযবরল ব্লগকে অপটিমাইজ করাই আপনার উদ্দেশ্য মনে হচ্ছে।
সত্যান্বেষী বলেছেন:
'কারো বুঝতে হলে How learn HTML & CSS easily? Tutorial - 2 থেকে কোডগুলো নিতে পারেন।'- এর মানে কি?
লেখক বলেছেন: ১। 'কারো বুঝতে অসুবিধা হলে How learn HTML & CSS easily? Tutorial - 2 থেকে কোডগুলো নিতে পারেন।'
------------ এখানে অসুবিধা কথাটা বাদ গেছে।
২। না স্যার নিজের ব্লগকে অপটিমাইজ করার কোন ইচ্ছায় কোনদিন জাগেনি। আমার ব্লগটির অনেক বয়স হলেও নামে মাত্র কয়েকটা পোস্ট আছে।
৩। একান্তয় যদি এই ব্লগে কোড দেওয়ার কোন রকম সুযোগ থাকতো তাহলে আমি কখনই আমার ব্লগে কোড দিতামনা।
৪। নামমাত্র একচিমটি :- আপনে জিনিসগুলো পারেন বলেই মনে হয় এক চিমটি মনে হয়েছে। যারা পারেনা তাদের জন্য বেশ মনে হবে। আমি নিজে যেভাবে শিখেছি সেভাবেই দেওয়ার চেষ্টা করছি।
ধন্যবাদ আপনাকে।
সত্যান্বেষী বলেছেন:
আপনি কেন W3 School ওয়েবসাইটের লিংক দিচ্ছেন না? সেখানে কি বিষয়গুলো এর চেয়ে অনেকগুনে ভাল করে দেয়া নেই?
লেখক বলেছেন: অবশ্যই উনারা আমার চেয়ে অনেকগুন ভালো লিখেছে। আমি আমার মতো করে বাংলা ভাষায় লিখার চেষ্টা করছি।
দয়া করে আপনি লিংক গুলো একত্র করে একটা পোস্ট দেন না।
লেখক বলেছেন: ওপেনসোর্সের প্রায় সবজিনিসই তো নেটে দেওয়া আছে। তারপরও আমরা কেনো ব্লগে লিখি এইসব? বা এক বিষয়ে কেন একাধিক সাইট বা ব্লগ থাকে?
'লেনিন' বলেছেন:
এই নাও তোমার কোড দিলাম..... দেখো কোনো সমস্যাই হইলো না! <html>
<head>
<title>
এখানে টাইটেল লিখবেন যা ওয়েন ব্রাউজারের উপরে শো করবে।
</title>
</head>
<body>
এখানে মূল পেইজটির যাবতীয় জিনিস লিখবেন
</body>
</html>
লেখক বলেছেন: ওরেএএএ ধইন্যাপাতা। কিন্তু কেমনে লিখলেন ভাই?
'লেনিন' বলেছেন:
এই বার বাকী অংশ:নিচে Style Tag গুলোর সাথে পরিচিত হই
br />
<h1>Main content header</h1>
<h2>Another header</h2>
….
….
….
<h6>Last content header</h6>
<a>Hyperlink</a>
<b>Bold Text</b>
<font>Create text</font>
<i>Italic text</i>
<table>Create table</table>
<tr>Cell in Table row</tr>
<th>Cell in Table header</th>
<td>Cell in Table body</td>
<div>Define area</div>
<p>Paragraph</p>
<textarea>define text area</textarea>
<span>define text area</span>
<small>Small Text</small>
তোমার ব্লগ থেকেই কপি পেস্ট করলাম।
আর হ্যাঁ লিখে যাও অনেক ভালো ভালো টিউটোরিয়াল আছে তাই বলে কি নতুন লেখা যাবে না?
লেখক বলেছেন: ইন্সপায়ার করার জন্য ধন্যবাদ।
গৌতম রায় বলেছেন:
লেনিন ভাই, সামুতে কোড লিখা যায়? কীভাবে? জানাবেন?
'লেনিন' বলেছেন:
একটা সহজ বুদ্ধি বলে দেই সেটা হলো যেকোনো wyswig এডিটরে ডিজাইন মোডে কোড পুরোটা পেস্ট করে এবার কোড মোডে সেটা নিয়ে নিলেই হলো।& কোডগুলো এমনিতেই জেনেরেট করে দেবে।
লেখক বলেছেন: ধন্যবাদ লেনিন ভাই।
আট আনা বলেছেন:
টেস্টিং ----<h6>Last content header</h6>
<a>Hyperlink</a>
<b>Bold Text</b>
<font>Create text</font>
<i>Italic text</i>
<table>Create table</table>
<tr>Cell in Table row</tr>
<th>Cell in Table header</th>
<td>Cell in Table body</td>
<div>Define area</div>
<p>Paragraph</p>
<textarea>define text area</textarea>
<span>define text area</span>
আট আনা বলেছেন:
এইচটিএমএল ট্যাগ গুলা স্ট্রিপ করা আছে, এইজন্য আসেনা। ট্যাগগুলারে এনকোড করে এখানে দিতে হবে। পিএইচপিতে একটা ফাংশান আছে urlencode, এটা দিয়ে কনভার্ট করলেই হবে। নিচের লিংকেও ঢু মারতে পারেন, একই জিনিস --Click This Link
আট আনা বলেছেন:
প্লাস দিলাম। আপনার ব্লগে আপনি যা খুশি তাই করবেন, আরেকজনের ভাল না লাগলে সে আসবে না, সিম্পল হিসাব। লিখে যান, পূরাটা শেষ করুন এই কামনা করি।
লেখক বলেছেন: ধন্যবাদ ভাই আপনাকে অনেক অনেক।
আশা করি আবার পুরো উদ্যেমে লিখে যাবো
লেখক বলেছেন:
টোনা বলেছেন:
ভালো উদ্যোগ
লেখক বলেছেন: ধন্যবাদ আপনাকে।
সংবাদ বলেছেন:
চালিয়ে যান ভাই আপনাদের কারেনেই ওযেব সাইট বানাতে এবঙ বিভিন্ন ওযেব ভাষা শিখতে পারছি যা আমি দু মাস আগে কল্পনাও করতে পারি নাই আমি একজন ডিজাইনার, যারা বলে w3 লিংক দেয়ার জন্য আমি তাদের বলছি ভাই যারা ইংরেজিতে দুর্বল তাদের জন্য বাংলাই ভরসা নয়কি বিষেশ করে যার একাজে নবিন আমার কথায় ধরুন আমি প্রথম অবস্তায় যদি আমি এই সব বাংলা টিউটোরিয়াল না পড়তাম তাহলে আমার শেখা সম্বব হতো না
কাশিফ বলেছেন:
ধন্যবাদ
সামহোয়্যার ইন...ব্লগ বাঁধ ভাঙার আওয়াজ, মাতৃভাষা বাংলায় একটি উন্মুক্ত ও স্বাধীন মত প্রকাশের সুবিধা প্রদানকারী প্ল্যাটফর্ম। এখানে প্রকাশিত লেখা, মন্তব্য, ছবি, অডিও, ভিডিও বা যাবতীয় কার্যকলাপের সম্পূর্ণ দায় শুধুমাত্র সংশ্লিষ্ট প্রকাশকারীর...
