HTML, CSS এবং শিখার প্রয়জনীয় উপকরন।

HTML কি?

এইচটিএমএলঃ HTML বলতে Hypertext Markup Language বুঝায়। আমরা নিয়মিত এক সাইট থেকে আরেক সাইটে ঘুরে বেড়াই, ভিজিট করি হাজার হাজার সাইট। আমরা কি জানি এগুলো কি দিয়ে তৈরি? হ্যাঁ, এগুলো এইচটিএমএল দিয়ে তৈরি। এইচটিএমএল এর সাহায্যেই আমরা সকল ওয়েব পেজ গুলো দেখতে পারি। যখন আমরা কোন URL ব্রাউজারের এড্রেসবারে প্রবেশ করাই তখন তা সার্ভারে একটি রিকুইস্ট পাঠায় এবং সার্ভার তার উত্তর স্বরুপ কিছু এইচটিএমএল কোড পাঠায়, আর কোড গুলো ব্রাউজার আমাদের পড়ার উপযোগি করে দেয়। এখন আপনি প্রশ্ন করতে পারেন আমি তো জানি অনেক সাইট ASP, PHP, Java Script ইত্যাদি দিয়ে তৈরি তাহলে আপনি ভুল বলতেছেন কেন, তাই না? হ্যাঁ এখন বর্তমান  অনেক ডাইনামিক সাইট PHP এর মত ল্যাগুয়েজ দিয়ে তৈরি, সেগুলো দিয়ে তৈরি সাইটগুলোতে ও কিন্তু যখন সার্ভারে একটি রিকুইস্ট পাঠায়, সার্ভার তার উত্তর স্বরুপ কিছু এইচটিএমএল কোড পাঠায়। অর্থাৎ সে গুলো কত গুলো এইচটিএমএল কোড তৈরি করে ব্রাউজারে পাঠায়।

আবার আমরা হয়তো লক্ষ করলে বুঝতে পারব সকল ওয়ার্ড প্রসেসর যেমন MS Word , লিনাক্সের Open Word ইত্যাদি HTML প্রযুক্তি বা HTML Markup Language ব্যবহার করে আমাদের ওয়ার্ড গুলোকে সাজায়। তাহলে তো বুঝতেই পারছেন এইচটিএমএল এর প্রয়জনীয়তা কত টুকু, তাই না??

CSS কি?

সিএসএসঃ Cascading Style Shit  কে সংক্ষেপে CSS  বলে। এইচটিএমএল কত গুলো কোড দিয়ে ওয়ার্ড গুলো লিখতে সাযাহ্য করে কিন্তু সিএসএস দিয়ে ও ওয়ার্ড গুলো সুন্দর ভাবে সাজাতে এবং প্রয়জনীয় ডিজাইন করতে যাহায্য করে। এইচটিএমএল ও সিএসএস একে অন্যের পরিপূরক। একটি ছাড়া আরেকটির কোন ব্যাবহার নেই।

এখন আপনি যদি আগ্রহী হয়ে থাকেন তাহলে তো আপনি শিখতে চাইবেন HTML এবং CSS তাই না?

HTML এবং CSS এবং শিখার  আপনার জন্য কিছু সেরা বই এর লিঙ্ক দিচ্ছি। গিয়ে ডাউনলোড করে নিন। এবার পড়ার পাশা পাশি নিয়মিত প্যাকটিস করতে থাকুন।

এখানে ক্লিক করে HTML এবং CSS এর উপর চারটি বই এবং দুইটি চার্ট শিট ডাউনলোড করে নিন। চার্ট শিটে সকল কোড গুলো দেওয়া আছে। আপনি যদি কোড গুলোর সাথে পরিচিত হয়ে থাকেন তাহলে এক নজর দেখেই কাজে লাগাতে পারবেন। তাছাড়া যখন আপনি প্রফেশনাল ভাবে কোডিং করা শুরু করবেন তখন চার্ট শিট গুলো অনেক কাজে দিবে।

তাছাড়া টেকটুইটস ব্লগে আমি HTML এ পর্যন্ত নয় পর্ব লিখছি, সে গুলো ও দেখতে পারেন এখানে গিয়ে

টেক টিউন্সে HTML হাতেখড়ি নামক ছয়টি পর্ব আছে, সে গুলো ও দেখতে পারেন এখানে ক্লিক করে।

HTML এর নতুন জেনারেশন হচ্ছে HTML5। এখানে রয়েছে ইংরেজীতে কয়েকটি টিউটোরিয়াল।

আসা করি যারা HTML ও CSS  শিখতে আগ্রহী তাদের উপকরন গুলো কাজে লাগবে।

ধন্যবাদ সবাইকে।

Level 0

আমি জাকির হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 224 টি টিউন ও 1487 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

পৃথিবীতে অল্পকয়েক দিনের জন্য অনেকেই আসে, হেঁটে খেলে চলে যায়। এর মধ্যে অল্প কয়েক জনই পায়ের চাপ রেখে যায়।ওদের একজন হতে ইচ্ছে করে। প্রযুক্তির আরেকটি সেরা ব্লগ টেকটুইটস। আপনাদের স্বাগতম, যেখানে প্রতিটি বন্ধুর অংশ গ্রহনে গড়ে উঠেছে একটি পরিবার। আপনাদের পছন্দ হবে আশা করি। ফেসবুকে আমি - ?জাকির!


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

ধন্যবাদ

ধন্যবাদ ।সুন্দর টিউন।
ভাই CSS নিয়ে একটা ধারাবাহিক টিউন করেন।
আর CSS এর উপর বাংলা ইবুক থাকলে লিঙ্ক শেয়ার করেন।
শুভ কামনায়
তানভীর

    আপনাকে ও ধন্যবাদ। আমি HTML এর উপর কিছু লিখছি। HTML শেষ করে লিখব ইনশাহ আল্লাহ।

Level 3

ধন্যবাদ ভাই
১.HTML system e কিভাবে একটি picture এর ভিতর ডাউনলোড লিঙ্ক দিব ???? HTML code টা দিবেন please ????
2. DIRECT WEB PAGE দেওয়ার আগে HTML CODE CHECK করবো কী ভাবে ????? PLEASE একটু কী বলবেন ????

    <a href="URL"><img src="image.jpg" /></a>

    দ্বিতীয়টা আরেকটু খুলে বলুন প্লিজ, আমি বুঝতে পারি নি।

Level 3

আমি যদি একটি HTML code বানাই তবে তা CHECK করব কি ভাবে HTML code ঠিক আছে কিনা ??? জানাবেন please 🙂

    তা ব্রাউজার দিয়ে খুলেই তো দেখতে পারবেন।

Level 3

কী ভাবে ভাই ?????