সহজে শিখুন এইচটিএমএল (পর্ব ১)

ইন্টারনেটে, তথাওয়েবসাইটে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .htm অথবা .html উভয়ই হতে পারে। এতে বিভিন্ন এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়। html এর সর্বশেষ ভার্সন হলো html 5 যার উন্নয়ন কাজ এখন সম্পূর্ণ এবং নতুন আদর্শমান। html 5 এ ওয়েবসাইটে অডিও,ভিডিও যোগ করার জন্য নতুন আদর্শ(স্ট্যান্ডার্ড) যোগ করা হয়েছে।

  • এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ।
  • ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ।
  • এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন। এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন
  • তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন করলে আপনার ঐ ওয়েব পেজটি ডাইনামিক হওয়া শূরু হল। সবশেষে পিএইচপি  ডেটাবেস শিখলে আপনি পূর্নাঙ্গ ডেটাবেস ওয়েবসাইট  তৈরী করতে পারবেন।

Notepad ++ open করে তৈরী হোন। যেহেতু নতুন তাই নোটপ্যাড দিয়েই শুরু করুন পরে অন্য কোন এডভান্সড এডিটরে সুইচ করবেন যেমন Notepad ++, Netbeans, Sublime Text, Brackets বা Dreamweaver. আর যদি ড্রিমওয়েভার এ কাজের অভিজ্ঞতা থাকে তাহলে তাহলে এখনই শুরু করতে পারেন। উইন্ডোজে বাই ডিফল্ট যে নোটপ্যাড টি থাকে সেটা দিয়ে কোড করে কোন মজা বা সুবিধা কিছুই পাবেননা। তবে এরকমই একটা হালকা নোটপ্যাড আছে নাম “Notepad++” এখানে প্রচুর সুবিধা পাবেন এবং এটা প্রফেশনাল কোড লেখার জন্য নি:সন্দেহে ব্যবহার করতে পারেন। এই যে ডাউনলোড লিংক

সবার প্রথমে HTML লেখার শুরুতে HTML শব্দের প্রথমে এবং শেষে less than  ও  greater than (< >) চিহ্ন দিতে হয়। যেমন: <html>। কোন কিছু লেখার পর শেষে </html> ট্যাগটি দিতে হবে। অর্থাৎ <html> My First Heading </html>।  HTML Tutorial এই লেখাটি Web page এ প্রদশিত হবে।আমরা খুব সহজে Notepad এ লিখে Web page তৈরী করতে পারি। এজন্য আমদের Notepad Open করতে হবে। প্রথমে

Start মেনু    All Programs > Accessories >Notepad++

তারপর Notepad++ হবার পর নিম্নের কোডটি লিখবো:


<!DOCTYPE html>
<html>
<head>
<!--- JS/CSS file is to be added here -->
</head>
<body>
<h1>sbtecbd demo heading</h1>
<p>demo content goes here.</p>
</body>
</html>

এভাবে লেখার পর Notepad++ এর ফাইল মেনু হতে save এ ক্লিক করব তারপর index.html নামে save করব।

 

সেভ করা ফাইলটিকে Double click করে open করবো। দেখবো যে লেখাটি Browser এ open হয়েছে। খুব সহজে একটা web Page তৈরী হয়ে গেলো।

 

প্রোগ্রামগুলো পড়ে বোঝার চেষ্টা করুন এবং নিজে নিজে এরকম আরও প্রোগ্রাম বানিয়ে ফেলুন। বুঝতে না পারলে টিউমেন্টে করুন  । সাধ্যমত সমস্যা সমাধানের চেষ্টা করব। আজ আর না। আগামী পর্বে HTML tags নিয়ে আলোচনা করব। সবাই ভাল থাকুন। ধন্যবাদ

কোর্স আউটলাইনঃ

সহজে শিখুন এইচটিএমএল (পর্ব ১)

সহজে শিখুন এইচটিএমএল (পর্ব ২)

সহজে শিখুন এইচটিএমএল (পর্ব ৩)

 

Level 0

আমি Subrata deb nath। Full Stack Web Developer, Sbtechbd Technology, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 9 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 25 টি টিউন ও 13 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস