আসসালামুআলাইকুম, সবাই কেমন আছেন,আমার ইচ্ছা আছে html এর উপর ধারাবাহিক টিউন করার।দোয়া করবেন যেন চালিয়ে যেতে পারি।বর্তমান সময়ে WEB Design শেখা অতি প্রয়োজনীয়। আমরা অনেকেই ফ্রীলাঞ্চিং করতে চাই। কিন্তু আসলে ফ্রীলাঞ্ছিং এ WEB Design এ Career গড়ে অনেকেই আজ উপকৃত। এতে আমাদের দেশ ও আজ উপকৃত। WEB Design এ Career গড়ে তুলতে যা প্রথমে দরকার তা হল HTML এর উপর ভালো জ্ঞান থাকা।আজকে আমি html এর একদম বেসিক জিনিষ দেখাব।সবাই সাথে থাকবেন।
HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সু
যোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।
HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির
উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে WC3 কর্তৃক প্রথম ডেভলপকৃত HT
ML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে WC3 HTML এর নতুন সংস্করণ HT
ML4.2 প্রকাশ করে। ২০১০ সালে বর্তমানে প্রচলিত HTML এর সর্বশেষ ভার্সন HTML5 জনসম্মূখে পরিচিতি লাভ করে।
যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়।HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver এবং Notepad++ ব্যবহার করা ভাল। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাউজার যেমন Internet explorer, Mozilla Firefox , Google chrome এবং Opera দ্বারা দেখা যাবে।
<html>
<head>
<title> http://www.creativewritingzone.com</title>
</head>
<body>
I am learning now HTML.This is my first web page.
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করুন।
প্রোগ্রামের মধ্যে <> এবং < /> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, titl
e, body এগুলোকে Keyword বলে এবং <> বা < /> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে ট্যাগ বলা হয়। যেমন <head> অর্থ head ট্যাগ। HTML এ দুই ধরনের ট্যাগ রয়েছে , <> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শুরু ট্যাগ এবং < /> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শেষ ট্যাগ বলে যেমন < title> অর্থ title শুরু ট্যাগ এবং <title /> অর্থ title শেষ ট্যাগ।
HTML এ প্রোগ্রাম লেখার জন্য সমস্ত code কে <html> </html> এর মাঝে লেখা হয়।
<head></head> এর ভেতরে <title> </title> ট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়। এই code এ title হিসেবে http://www.tutohost.com লেখা হয়েছে যা ব্রাউজারের title bar এ দেখা যাচ্ছে। এছাড়া css এর stylesheet কে head ট্যাগের মধ্যেই call করা হয়।
<body> বা body ট্যাগ খুবই গুরুত্বপূর্ণ। একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে । <body></body> ট্যগের মধ্যেই বিভিন্ন Text , Image, Table ইত্যাদি ফরমেটিং এর জন্য বিভিন্ন ট্যাগ সমূহ লেখা হয় । এই code এ <body></body> ট্যগের মধ্যে This is my first web page. I am learning now HTML. লেখা হয়েছে যা ব্রাউজারের মূল অংশে প্রদর্শিত হচ্ছে।
আমার বিশ্বাস কিছুটা হলেও এ থেকে HTML সম্পর্কে ধারণা পাবেন।
ভালো লাগলে মন্তব্য করতে ভুলবেন না,
আজ এই পর্যন্ত,আল্লাহ হাফেজ
আমি Goushul। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 4 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ভাই একটা বিষয় পরিস্কার করুন , এটা কি html না html5 ? নাকি দুইটা একসাথেই ?? আমার জানা মতে তো আগে html শিখতে হয় তার পর html5 ! কিন্তু আপনার টিউনের শিরোনাম টা তো “HTML5 শিখুন হাতে কলমে” ! একটু বুঝিয়ে বলুন প্লিস ??
![HTML শিখুন হাতে কলমে(HTML ফর্ম) [পর্ব-৬]](https://dnc.techtunes.io/tDrive/tuner/goushul/273843/html-icon.png "HTML শিখুন হাতে কলমে(HTML ফর্ম) [পর্ব-৬]"){kind=icon}
![HTML শিখুন হাতে কলমে(হেডিং ট্যাগ ও ব্যবহার,HTML প্যারাগ্রাফ,টেক্সট ফরমেটিং,ফন্ট ট্যাগ এর ব্যবহার) [পর্ব-৩]](https://dnc.techtunes.io/tDrive/tuner/goushul/273249/html-icon.png "HTML শিখুন হাতে কলমে(হেডিং ট্যাগ ও ব্যবহার,HTML প্যারাগ্রাফ,টেক্সট ফরমেটিং,ফন্ট ট্যাগ এর ব্যবহার) [পর্ব-৩]"){kind=icon}
![HTML শিখুন হাতে কলমে(ফ্রেম এর ব্যবহার,আই ফ্রেম এর ব্যবহার) [পর্ব-৭]](https://dnc.techtunes.io/tDrive/tuner/goushul/274634/html-icon.png "HTML শিখুন হাতে কলমে(ফ্রেম এর ব্যবহার,আই ফ্রেম এর ব্যবহার) [পর্ব-৭]"){kind=icon}
html dia kivabe akta webpage bibinno onshe vag korte pari.eg. sidebar ,futar etc. r div tag er use ta janaben pls.