HTML5 হাতেখড়ি, পর্ব-১ (প্রয়জনীয় টুলস ও এনভায়রনমেন্ট সেটাপ) | পিসি হেল্পলাইন বিডি (PC Helpline BD)
বিজ্ঞাপন
Homeওয়েব ডিজাইনHTML5 হাতেখড়ি, পর্ব-১ (প্রয়জনীয় টুলস ও এনভায়রনমেন্ট সেটাপ)

6 মাস আগে (জুন ১৬, ২০১৬) 72 বার দেখা হয়েছে

HTML5 হাতেখড়ি, পর্ব-১ (প্রয়জনীয় টুলস ও এনভায়রনমেন্ট সেটাপ)

Category: ওয়েব ডিজাইন | Tags: , , , by

বিজ্ঞাপন
Domain Hosting Offer

যারা HTML সম্পর্কে এখনো কিছুই জানেন না কিন্তু শিখতে আগ্রহী, এই টিউটোরিয়াল তাদের জন্য, আমি একদম ব্যাসিক থেকে কিভাবে শুরু করবেন তা নিয়ে আলোচনা করবো।
আপনার কি কি দক্ষতা থাকা প্রয়োজন?

  • ইন্টারনেট ব্রাউজার ব্যাবহার করতে জানা।
  • টেক্সট ফাইল তৈরি করা ও ফাইল এক্সটেনশন পরিবর্তন করা।
  • টেক্সট এডিটর ব্যাবহার করতে জানা।

 

কি কি টুলস লাগবে?

  • ইন্টারনেট ব্রাউজার (গুগল ক্রোম, ফায়ারফক্স ও ইন্টারনেট এক্সপ্লোরার)।
  • টেক্সট এডিটর (নোটপ্যাড++ / সাবলাইম টেক্সট / ড্রিমওয়েভার / নেটবিনস)

প্রয়োজনীয় টুলস ও আপনার প্রয়োজনীয় দক্ষতা থাকলে আসুন শেখা শুরু করি।
প্রথমে TEST নামে একটি ফোল্ডার তৈরি করুন এবং এর মধ্য index.html নামের একটি ফাইল তৈরি করুন। index.html ফাইলটি তৈরি করতে প্রথমে মাউস এর রাইট বাটন ক্লিক করুন ও new তে হোভার করুন, এবার কন্টেক্স মেনু থেকে Text Document এ ক্লিক করুন।

এবার টেক্সট ফাইলটির নাম রিনেম করে index.html করে দিন।

 

 

এবার index.html ফাইলটিকে সাবলাইম বা আপনার পছন্দের টেক্সট এডিটর এ ওপেন করুন। ও নিচের কোড গুলো টাইপ করুন।
<!DOCTYPE html>

<head>
<title>Test HTML Project</title>
</head>

<body>
<p>Let’s rock the browser, HTML5 style. This is the first paragraph</p>
</body>

</html>

এবার ফাইলটি সেভ করুন (CTRL + S) অথবা File > Save এ ক্লিক করুন। ফাইলটি সেভ হয়ে গেলে index.html কে ব্রাউজারে ওপেন করুন। ব্রাউজারে ঠিক নিচের ছবির মত আউটপুট দেখতে পাবেন। যদি আউটপুট না হয় তা হলে চেক করুন কোড টাইপের সময় কোনো ভূল হয়েছে কিনা।

অভিনন্দন আপনি আপনার প্রথম HTML ডকুমেন্ট সফলভাবে তৈরি করতে পেরেছেন। পর্ব-২ এ Doctype ও Character Encoding নিয়ে আলোচনা করা হয়েছে।
বিঃদ্রঃ বন্ধুদের সাথে শেয়ার করুন, হয়ত কারো উপকারে আসবে।

ফেসবুকে কানেক্ট হতে এখানে ক্লিক করুন

About 3

author

88th Zend Certified PHP Engineer in Bangladesh. Programmer, UI/UX Designer & Entrepreneur.

Related Posts

১ responses to “HTML5 হাতেখড়ি, পর্ব-১ (প্রয়জনীয় টুলস ও এনভায়রনমেন্ট সেটাপ)”

  1. […] পর্ব-১ এ আমরা দেখেছি কিভাবে HTML কোডিং এনভারনমেন্ট সেটাপ করতে হয়, কি কি টুলস প্রয়োজন হয়। এই পর্বে আমরা শিখবো প্রত্যেক HTML ফাইলের জন্য অত্যাবশ্যকীয় ২ টি কোড, Doctype ও Character Encoding. DOCTYPE কি ও কেনো ব্যাবহার করা প্রয়োজন? […]

PC Helpline BD Facebook