কেমন আছেন সবাই।আশা করি আল্লাহ্ রহমতে সবাই ভালো আসেন।আমি ও ভালোই আছি।আমি সাতক্ষীরা সরকারি উচ্চ বিদ্যালয়ে ৭ম শ্রেণির ছাত্র।এটি আমার ব্লগ।আমি এইচটিএমএল এর এক্সপার্ট টা আপনাদের বলব না আমি যতটুকু জানি আসতে আসতে আপনাদের শিখাব।আর আপনি আমার পোস্ট গুলো পরে একটা ওয়েবসাইট বানাতে পারবেন আশাকরি চলুন এইচটিএমএল শিখা যায়।
HTML কি?
1990 সালে টিম বার্নার্স লি দ্বারা বিকশিত, এইচটিএমএল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ জন্য ছোট. এইচটিএমএল ওয়ার্ল্ড ওয়াইড ওয়েব প্রদর্শিত হয় যে ইলেক্ট্রনিক নথি (যাকে বলা হয় পৃষ্ঠা) তৈরি করতে ব্যবহার করা হয়.
HTML (এইচটিএমএল) এর মাধ্যমে একটি ওয়েব পেজ এর মূল কাঠামো গঠন করা হয় । এটি একটি মার্ক-আপ ল্যাংগুয়েজ । যার পূর্ণরূপ হচ্ছে Hyper Text Markup Language (হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ), এটি কোন প্রোগ্রামিং ল্যাংগুয়েজ নয় । এটিকে Markup Language (মার্কআপ ল্যাংগুয়েজ) বলার কারণ হলঃ এটি কত গুলো Markup (মার্কআপ) ট্যাগের সমন্বয়ে গঠিত, আর Markup (মার্কআপ) ট্যাগের কাজ হল ওয়েব পেজে বিভিন্ন ধরনের এলিমেন্ট কীভাবে প্রদর্শিত হবে তা নির্দেশ করা, একটি ওয়েব পেজের এলিমেন্ট হল যথাক্রমেঃ ইমেজ, টেক্সট, ভিডিও, অডিও ইত্যাদি ।
এইচটিএমএল দিয়ে সাধারণত একটি ওয়েব পেজ বানানো হয়।প্রোগ্রাম লেখার পদ্ধতি
যে কোন প্রোগ্রাম লেখার জন্য প্রয়োজন একটি এডিটর।এই এডিটর এর মাধ্যমে প্রোগ্রাম কোডিং করতে হয়।এইচটিএমএল প্রোগ্রাম লেখার জন্য সাধারনত উইন্ডোজ এর ডিফল্ট এডিটর Notepad ব্যাবহার করা যেতে পারে।আর যদি একটু বেশি সুভিধার জন্য Notepad++ ব্যাবহার করতে হবে।Notepad++ ডাউনলোড করতে এখানে ক্লিক করুন।
Html এর এক্সটেন্সান হয় .Html যেমন না ভুঝতে পারলে নিচের ফটো খেয়াল করুন
দেখুন index.html.এবং আর একটি জিনিস খেয়াল করুন যে ঐ আইকন টা গুগল ক্রম এর।যদি আপনি .Html ফরম্যাট দেন তাহলে আপনি MozilaFireFox,googleCrome,opera,internet Explorer,palemon ইত্যাদি ব্রাউজার এ ওপেন করে দেকতে পারবেন।
তো আমরা এখন একটা html প্রোগ্রাম লিখি.
<Html>
<head>
<title>www.Shakib-Soft.Blogspot.Com</title>
</head>
<body>
Hi Iam Wimax Shakib.I am Learning now HTML.
</body>
</html>
এবার এই লাল লেখা Notepad এ লিখুন বা কপি করে পেস্ট করুন।
এবং "Save As'' এ ক্লিক করুন দারান !!!! seve করবেন না তাহলে আপনার এই প্রোগ্রাম ফাও ফাও হয়ে যাবে কারন আপনি Html এর প্রোগ্রাম লিখছেন তায় আপনাকে "Save As'' এ ক্লিক করে .txt এর বদলে .html দিতে হবে। এবার seve করুন অ্যান্ড ওপেন করুন দেখুন আপনার প্রোগ্রাম টি অউটপুট কি দিল!
তো আমরা এখন একটা html প্রোগ্রাম লিখি.
<Html>
<head>
<title>www.Shakib-Soft.Blogspot.Com</title>
</head>
<body>
Hi Iam Wimax Shakib.I am Learning now HTML.
</body>
</html>
এবার এই লাল লেখা Notepad এ লিখুন বা কপি করে পেস্ট করুন।
এবং "Save As'' এ ক্লিক করুন দারান !!!! seve করবেন না তাহলে আপনার এই প্রোগ্রাম ফাও ফাও হয়ে যাবে কারন আপনি Html এর প্রোগ্রাম লিখছেন তায় আপনাকে "Save As'' এ ক্লিক করে .txt এর বদলে .html দিতে হবে। এবার seve করুন অ্যান্ড ওপেন করুন দেখুন আপনার প্রোগ্রাম টি অউটপুট কি দিল!
হালকা করে বিস্তারিত:::
HTML শিখতে গেলে কোনো গণিত শেখা লাগে না।HTML শিখতে গেলে ট্যাগের ব্যবহার জানা দরকার।আমরা "< >" এই চিহ্নের ব্যাবহার করি। এই চিহ্ন কে বলা হয় ট্যাগ।আমরা আরো অনেক কোড ব্যাবহার করি।
আপনি যেহেতু Html প্রোগ্রাম লিখছেন তায় আপনাকে <html> দিয়ে শুরু করতে হবে আর শেষ </html>
ঐখানে দেখুন <head> এটা আপনার পেজ এর হেডিং এর জন্য তারপর <title>wwww.Shakib-Soft.Blogspot.Com</title>
লক্ষ্য করুন <title> ট্যাগ নিধারন করছে আপনার সাইট এর ঠিকানা তো আমি ঐখানে www.Shakib-Soft.Blogspot.Com দিছে এবং </title> ট্যাগ শেষ করেছি।চিত্রে লক্ষ্য করুন যে একদম উপরে আমার সাইট এর নাম দেখাচ্ছে।যদি আমি <title> ট্যাগ শেষ না করতাম </title> তাহলে আর ঐ উপরে আমার সাইট এর নাম আসতো না।
এবার দেখুন যে আমি <head> শেষ করেছি </head>
তারপর <body> ঐখানে আপনি কিছু লিখেছি।এবং পরে <body> শেষ করেছি </body>
এর পর আমি আমার আজকের Html শেষ করেছি </html> ।
তো আজকের মতো এখানেই বিদায় আগামী পোস্ট এ আমরা এইচটিএমএল ট্যাগ (HTML Tag)
সম্পর্কে জানবো।সেই পর্যন্ত সবাই ভালো থাকবেন।
কোন সমস্যা থাকলে নিচে comment করুন
এবার দেখুন যে আমি <head> শেষ করেছি </head>
তারপর <body> ঐখানে আপনি কিছু লিখেছি।এবং পরে <body> শেষ করেছি </body>
এর পর আমি আমার আজকের Html শেষ করেছি </html> ।
তো আজকের মতো এখানেই বিদায় আগামী পোস্ট এ আমরা এইচটিএমএল ট্যাগ (HTML Tag)
সম্পর্কে জানবো।সেই পর্যন্ত সবাই ভালো থাকবেন।
কোন সমস্যা থাকলে নিচে comment করুন
একটি মন্তব্য পোস্ট করুন ব্লগ থেকে ফেসবু্ক থেকে