Html টিউটোরিয়াল পর্ব (১)

22
966
এটি 9 পর্বের এইচটিএমএল পাঠশালা সিরিজ টিউনের 1 তম পর্ব
Html টিউটোরিয়াল পর্ব (১)

মুক্ত বিহঙ্গ (রিজভী)™

আমি ২০১১ সালে ডিপ্লোমা ইন-ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং কমপ্লিট করেছি এখন EEE তে বিএসসি ইঞ্জিনিয়ারিং এ অধ্যায়নরত আছি, আর শুরু হতে টিউনারপেইজের সাথে আছি আশা করি ভবিষ্যৎও থাকব ইনশাআল্লাহ,আমার ব্লগ সাইট
Html টিউটোরিয়াল পর্ব (১)
๑۩۞۩๑বিসমিল্লাহির রহমানির রাহিম๑۩۞۩๑ সবাইকে জানায় আমার প্রাণঢালা শুবেচ্ছা ও অভিনন্দন আজকে থেকে মনস্থ করেছি html সম্বন্ধে লিখব তাই দেরি না করে বসে পড়লাম এটা আসা করছি পর্ব আকারে আপনাদের পেশ করব আজকে প্রথম পর্ব আপনাদের html এর সূচনা ও বেসিক নিয়ে আলোচনা করব আশা করছি আপনাদের ভাল লাগবে আর বিশেষ করে আমার টিউন গুলো আমার মত করে সাজিয়ে লিখতে চেস্টা করছি আর লেখার ভাল মান পেতে আপনাদের কমেন্ট গুলোই আমাকে এগিয়ে নিয়ে যাবে…. আসুন তাহলে শুরু করা যাক………..
Html টিউটোরিয়াল পর্ব (১)

Html টিউটোরিয়াল পর্ব (১)

HTMLকি:-

HTML এর পূর্ণনাম হল Hypertext Markup Language (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) । এটি কোন প্রোগ্রামিং Language নয় এটি একটি Markup Language এটি ব্যবহার করা হয় মূলত ওয়েভ পেইজ ডিজাইন এর জন্য,আর এটির মাধ্যমে বিভিন্ন ছবি ভিডিও অ্যানিমিশন দেয়া যায় । HTML, mark up tag ব্যবহার করে ওয়েব পেজকে প্রদর্শণ করে । আর HTML  কে সুন্দর এবং আকর্ষণীয় করার জন্য CSS ব্যবহার করা হয়

চলুন এবার HTML ব্যবহৃত বিভিন্ন কোড গুলোর বেসিক ধারণা নি তার পর এটি দিয়ে বিভিন্ন প্রকার ডিজাইন করা শিখব.

<h1>,<h2>,<h3>,<h4> ইত্যাদি এই গুলো ব্যবহার করা হয় Heading দেয়ার  জন্য
<br /> এটি ব্যবহার করা হয় টি লাইন এর মধ্যে গ্যাপ দেওয়ার জন্য
<b> এটি ব্যবহার করা হয় লেখাকে বোল্ড করার জন্য।
<i> এটি ব্যবহার করা হয় কোন লেখাকে বাঁকা  বা ইতালিক করার জন্য
<u> এটি ব্যবহার করা হয় কোন লেখাকে আন্ডার লাইন দেয়ার জন্য ।
 <p> এটি ব্যবহার করা হয় প্যারাগ্রাফ লেখার জন্য ।
<a> এটি ব্যবহার করা হয় কোন লিঙ্ক দেওয়ার জন্য ।
<hr /> এটি ব্যবহার করা হয় Horizontal Line (আনুভূমিক লাইন) তৈরিতে ব্যবহৃত হয়
<input /> এটি ব্যবহার করা হয় কোন টেক্সটবক্স সেট করতে
<li> এটি ব্যবহার করা হয় লিস্ট আইটেম নেওয়ার জন্য
<img /> এটি ব্যবহার করা হয় কোন ছবি সেট করার জন্য
<ul> এটি আনঅর্ডার লিস্ট বানাতে ব্যবহার করা হয়
<textarea> এটি ব্যবহার করা হয়  বেশি ডাটা টেক্সটবক্স ইনপুট নেওয়ার জন্য
<map> এটি ব্যবহার করা হয় কোন ইমেজ ম্যাপিং করার জন্য
<meta /> এটি ব্যবহার করা হয় SEO  করার কাজে
<marquee> এটি ব্যবহার করা হয় কোন এনিমেশন তৈরি করার জন্য
<ol> এটি অর্ডার লিস্ট বানাতে ব্যবহার করা
<table> এটি ব্যবহার করা হয় টেবিল কোন ডাটা দেখানর জন্য
<form>এটি রেজিস্ট্রেশান ফর্ম তৈরিতে ব্যবহার করা হয়
<pre> এটি ইচ্ছামত টেক্সট সাজাতে ব্যবহৃত হয়
<small> এটি ব্যবহার করা হয় কোন ছোট লেখা লেখার জন্য
<sub> এটি ব্যবহার করা হয় subscript লেখার জন্য ।
<sup> এটি ব্যবহার করা হয় superscript লেখার জন্য

<frame />এটি ব্যবহার করা হয় ১ টা ওয়েবপেজ এর ভিতর ছোট আর ১ টা পেজ তৈরিতে ।


এবার চলুন শুরু করি HTML দিয়ে  ওয়েভ ডিজাইনিং প্রথম আপনার পিসির Notepad অথবা Notepad++ অপেন করে নিচের কোডটির মত লিখব অথবা কোডটি কপি করে পেস্ট করুন ..

<html>
<b><i><u>This is my first web page</b></i></u>
</html>
Html টিউটোরিয়াল পর্ব (১)
Html টিউটোরিয়াল পর্ব (১)

Html টিউটোরিয়াল পর্ব (১)

Html টিউটোরিয়াল পর্ব (১)
Html টিউটোরিয়াল পর্ব (১)
এবার এটাকে webpage.html নামে সেভ করুন এবার সেভ করা ফাইলটি অন করুন দেখুন This is my first web page এই লেখাটি Bold, Italic, Underline এবং Center হয়ে সো করছে….

Html টিউটোরিয়াল পর্ব (১)

ஜ۩۞۩ஜ۩۞۩ஜஜ۩۞۩ஜ
চলুন এবার এটা সম্বন্ধে বিস্তারিত জানি :
ஜ۩۞۩ஜஜ۩۞۩ஜஜ۩۞۩ஜ  

এখানে প্রথম লাইনে smaller then অর্থাৎ < এবং মাঝখানে html এর পর greater then অর্থাৎ > লেখা শুরু করেছি এবং শেষ লাইনে শুধুমাত্র html এর আগে একটি /(স্লেশ)বসিয়ে দিয়েছি কারণ এখানে এই স্লেশটি সবচেয়ে গুরুত্বপূর্ণ এটা দিয়ে প্রোগামটি কম্প্লিট করা বুঝায় এর সাথে সাথে আমরা This is my first web page লেখাটি লিখেছি কিন্তু এর  আগে <b><i><u> এই কোড গুলো বসিয়ে দিয়েছি এগুলো পর্যায়ক্রমে বলছি যাতে বুঝতে সুবিধা হয় প্রথমে লেখাটিকে Bold করা হল এই চিহৃ দিয়ে<b> তারপর Italic <i> করা হল  এইভাবে Underline  দেওয়া হল এবং লেখাটির (This is my first web page) শেষে প্রত্যেকটি কোড আবার দেওয়া হয়েছে সাথে শুধুমাত্র স্লেশ(/) যু্ক্ত করা হয়ে কারণ আমাদের শুধুমাত্র ঐ লেখাটি Bold, Italic,এবং Underline  এবং পরের লাইন গুলি ছাড়া তাই আমরা প্রত্যেকটি কোড স্লেশ দিয়ে প্রোগ্রাম কম্প্লিট করে ফেলেছি ….আসা করি কারো বুঝতে সমস্যা হয় নি……অনেকেই অনেক রকম ভাবে html জানে কিন্তু এটা আমি আমার নিজের মত করে দেখিয়েছি আসা করি সবাই বুঝতে পারবেন …….আর এখানে অনেকেই html ভাল জানেন দয়া করে ভূল হলে ধরিয়ে দিবেন……………

 আজ এইটুকুতে থাক পরের পর্বে আবার আসছি সবাই ভাল থাকুন সুস্থ থাকুন এই কামনায় শেষ করছি …আল্লাহ হাফেজ……….

Html টিউটোরিয়াল পর্ব (১)

Series Navigation Html টিউটোরিয়াল পর্ব (২) >>

22 মন্তব্য

একটি উত্তর ত্যাগ