সহজ ভাষায় 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>
এবার এটাকে webpage.html নামে সেভ করুন এবার সেভ করা ফাইলটি অন করুন দেখুন This is my first web page এই লেখাটি Bold, Italic, Underline এবং Center হয়ে সো করছে….

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

                                              এখানে প্রথম লাইনে 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 জানে কিন্তু এটা আমি আমার নিজের মত করে দেখিয়েছি আসা করি সবাই বুঝতে পারবেন …….
 আজ এইটুকুতে থাক পরের পর্বে আবার আসছি সবাই ভাল থাকুন সুস্থ থাকুন এই কামনায় শেষ করছি …আল্লাহ হাফেজ……….

Level 0

আমি মুক্ত বিহঙ্গ (রিজভী)। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 34 টি টিউন ও 104 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

ফেইসবুকে আমি


টিউনস


আরও টিউনস


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


টিউমেন্টস

HTML নিয়ে আর কত টিউন করা হবে……???? পারলে HTML দিয়ে ফুল ওয়েবসাইট বানানোর টিউন করেন
আপনি HTML শিখতেছেন , ভালো কথা , কিন্তু practice করার জায়গা এটা না 🙁
HTML শিখার সবচেয়ে ভাল জায়গা w3school
ওদের থেকে updated কিছু পাইলে তখন এসব নিয়ে টিউন কইরেন :S

    @tumul Ahmed: সব কিছু বেশি বুঝা ভাল না ..কম বুঝেন তাতে কাজ দিবে …আর নিজেকে বেশি হিরু ভাবা ভাল না তাতে করে কোন সময় হুচট খাইয়া গর্তে পইরা যাবেন নিজে কইতে পারবনে না…..আর বলছিলেন আমি Html শিখতেছি হা এবং এখনও আমি Html শিখতেছি মানুষের শিখার শেষ নেই আর আমি Html সম্বন্ধে কিছু জানি বিধায় এটা সবার সাথে সেয়ার করছি…আপনার ভাল না লাগলে আপনি পইরেন না……………

ভাই কারো কথায় কান দিয়েন না, প্লিজ দয়া করে টিউটোরিয়াল টা কমপ্লিট করেন, আর কেউ পড়বে কিনা জানি না, তবে আপনার ভাষা অনেক সাবলিল, প্লিজ চালিয়ে যান, ধন্যবাদ

Level 0

ভালই হচ্ছে ,চালিয়ে যান ৷

Level 0

tnx

HTML niye ei porjonto kotogulo tutorial hoice………….8/10 ta tune koira pore rkhuija pawa jay na 🙁