এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
লগইন
×

এইচটিএমএল টিউটোরিয়াল

এইচটিএমএল হোম পেজ এইচটিএমএল পরিচিতি এবং গঠন এইচটিএমএল কোড এটিটর এইচটিএমএলের মৌলিক ধারণা এইচটিএমএল এলিমেন্ট এইচটিএমএল emty এলিমেন্ট এইচটিএমএল এট্রিবিউট এইচটিএমএল class এট্রিবিউট এইচটিএমএল style এট্রিবিউট এইচটিএমএল কমেন্ট এইচটিএমএল হেডিং এইচটিএমএল প্যারাগ্রাফ এইচটিএমএল টেক্সট ফরম্যাট এইচটিএমএল টেক্সট কোটেশন এইচটিএমএল কম্পিউটারকোড এইচটিএমএল টেবিল এইচটিএমএল লিস্ট এইচটিএমএল কালার এইচটিএমএল সিএসএস এইচটিএমএল লিংক এইচটিএমএল ইমেজ এইচটিএমএল ব্লক-ইনলাইন এলিমেন্ট এইচটিএমএল হেড এইচটিএমএল লেআউট এইচটিএমএল আইফ্রেম এইচটিএমএল জাভাস্ক্রিপ্ট এইচটিএমএল রেস্পন্সিভ এইচটিএমএল এনটিটি এইচটিএমএল অক্ষরসেট এইচটিএমএল সিম্বল এইচটিএমএল URL এনকোড এইচটিএমএল-XHTML px - em কনভার্শন

এইচটিএমএল ফর্ম

এইচটিএমএল ফর্ম এইচটিএমএল ফর্ম এলিমেন্ট এইচটিএমএল ইনপুট টাইপ এইচটিএমএল(৫) ইনপুট টাইপ এইচটিএমএল ইনপুট এট্রিবিউট

এইচটিএমএল৫

এইচটিএমএল৫ পরিচিতি ব্রাউজার সাপোর্ট এইচটিএমএল৫ এলিমেন্ট এইচটিএমএল৫ সিম্যান্টিক এলিমেন্ট এইচটিএমএল৫ মাইগ্রেশন এইচটিএমএল৫ স্টাইল গাইড

এইচটিএমএল মিডিয়া

মিডিয়া-Media ভিডিও-Video অডিও-Audio প্লাগ-ইন-PlugIn ইউটিউব-Youtube

এইচটিএমএল এপিআই

জিওলোকেশন-Geolocation ড্রাগ/ড্রপ-Drag/Drop লোকাল স্টোরেজ-LocalStorage অ্যাপ ক্যাশ-AppCache ওয়েব ওয়ার্কার-WebWorker এসএসই-SSE

এইচটিএমএল রেফারেন্স

রেফারেন্স- reference

 

এইচটিএমএল টেক্সট এডিটর (HTML Text Editor)


এই অধ্যায়ে আপনি এইচটিএমএল কোড লেখা এবং সংরক্ষণ করা শিখবেন। অর্থাৎ এই অধ্যায় শেষে আপনি জানতে পারবেন কোথায় এইচটিএমএল কোড লিখতে হয় এবং কিভাবে সংরক্ষণ করতে হয়।

এইচটিএমএল কোডিংয়ের জন্য আপনি প্রফেশনাল টেক্সট এডিটর যেমন- Sublime Text, atom.io, Brackets ইত্যাদি ব্যবহার করতে পারেন।

যাইহোক আপনি যদি একেবারে নতুন হোন তাহলে আমরা আপনাকে নোটপ্যাডে কোড লিখে এইচটিএমএল শেখার জন্য সুপারিশ করছি।

নোটপ্যাড দিয়ে আপনার প্রথম ওয়েবপেজ তৈরি করার জন্য নিচের ৪টি ধাপ অনুসরন করুনঃ



ধাপ ১ - নোটপ্যাড ওপেন

উইন্ডোজ ৭ অথবা পূর্ববর্তী যেকোনো ভার্সনে নোটপ্যাড ওপেনঃ

প্রথমে Start বাটনে ক্লিক করুন, তারপরে All Programs > Accessories > Notepad এ ক্লিক করুন।

উইন্ডোজ ৮ অথবা পরবর্তী যেকোনো ভার্সনে নোটপ্যাড ওপেনঃ

উইন্ডোজের সার্চ বক্সে গিয়ে Notepad লিখে সার্চ করুন।

ধাপ ২ - এইচটিএমএল কোড লিখুন

<!DOCTYPE html>
<html>
<title> স্যাট একাডেমি</title>
<body>
  <h3>আমার প্রথম হেডিং।</h3>
  <p>আমার প্রথম প্যারাগ্রাফ।</p>

</body>
</html>

ধাপ ৩ - এইচটিএমএল পেজ সংরক্ষণ

নোটপ্যাডে File > Save as সিলেক্ট করার মাধ্যমে ফাইলটি আপনার কম্পিউটারে সংরক্ষণ করুন।

ফাইলটির নাম "index.html" দিন এবং UTF-8 এনকোডিং সেট করুন যা এইচটিএমএল ডকুমেন্টের ডিফল্ট এনকোডিং।

View in Browser

ফাইল এক্সটেনশনের জন্য আপনি .htm অথবা .html ব্যবহার করতে পারেন। এ দুটি এক্সটেনশনের মধ্যে কোন পার্থক্য নেই। আপনার ইচ্ছামত যেকোনো একটি ব্যবহার করুন।


ধাপ ৪ - ব্রাউজারে এইচটিএমএল পেজ ওপেন

আপনার পছন্দের ব্রাউজারে এইচটিএমএল ফাইলটি ওপেন করুন। এটি করার জন্য ফাইলে ডাবল ক্লিক করুন অথবা রাইট-ক্লিক করুন এবং "Open with" এ ক্লিক করে ব্রাউজার সিলেক্ট করুন।/p>

ফলাফল অনেকটা এমন দেখাবেঃ

View in Browser