Thursday, November 23, 2017

HTML5 Basic Tutorial [Class-1]

Hyper Text Markup Language (HTML) 
এইচটিএমএল একটি মার্কআপ ল্যাংগুয়েজ। ওয়েব ডিজাইনার বা ডেভেলপার হতে হলে সবার আগে HTML ভালভাবে শিখতে হবে। তবে শেখা খুব সহজ। শুধুমাত্র HTML দিয়ে একটি ওয়েব সাইট ডিজাইন বা তৈরি করা যায়। আমরা এই কোর্সের মাধ্যমে HTML দিয়ে একটি ওয়েব সাইট তৈরি করব। 

HTML শিখতে সবার আগে প্রয়োজন হবে একটি এডিটর এর। যা প্রতিটি উইন্ডোজে বাই ডিফল্ট হিসেবে থাকে ‘নোটপ্যাড Notepad’ এটি আমরা ব্যবহার করতে পারি অথবা বিভিন্ন ইডিটর যেমন- Notepad++, Dreamweaver, Sublime Text etc. সার্চ করলে নেট এ হরেক রকমের এডিটর পাওয়া যায়। সেখান থেকে পছন্দসই একটি এডিটর নিয়ে শুরু করা যায়। HTML শেখা হয়ে গেলে বুঝতে সুবিধা হবে কোন এডিটরটিতে আপনি কাজ করে আনন্দ পাবেন। যা হোক সেটি পরের বিষয়। আমরা Sublime Text এডিটরটি ব্যবহার করে কোর্সটি সম্পান্ন করবো। নিচের লিংক থেকে ডাউনলোড করে নিন Sublime Text এডিটরটি। 
                              Sublime Text Download Here

ডাউনলোড হয়ে গেলে এডিটরটি ওপেন করুন, স্ক্রিনে লক্ষ করুন  এরকম হোম পেজ  থাকবে।

আমরা শিখবো HTML5, এটি HTML এর সর্বশেষ ভার্সন বা Latest Version.

শুরুতে এডিটরটির ফাইল মেনু থেকে বা কন্ট্রল এস প্রেস করে সেভ বক্সে ফাইল নাম + .html  যুক্ত করে সেভ করুন। স্ক্রীনে লক্ষ করুন-

আমরা index.html দিয়ে Save করেছি, আপনারাও হোম পেজটি ইনডেক্স নামে সেভ করতে পারেন। এখন যেখানে সেভ করা  হয়েছে, সেই ফোল্ডারটি ওপেন করে দেখুন  Crome browser এর আইকন শো করছে, ইনডেক্স ফাইলটি ওপেন করে দেখুন নিম্নের চিত্রের মত blank page বা সাদা, এটিই আপনার ওয়েব পেজ, এই পেজটিকে আমরা html ব্যবহার করে সাজাবো।
চিত্র-1

Submile Text editor এ আসুন এবং টাইপ করুন নিম্নের মত ও  কন্ট্রল এস প্রেস করে সেভ করুন;


এখন  ওয়েব ইনডেক্সটি (চিত্র-1)  রিফ্রেশ করুন; নিম্নের চিত্রের মত দেখা যাবে-

HTML5 ডকুমেন্ট নির্দেশ করার জন্য শুরুতে <!DOCTYPE html> ট্যাগ টি ব্যবহার করা হয়, যা প্রত্যেক পেজ এর জন্য নির্ধারিত।




SHARE THIS

Author:

Souls Sound is a leading technology media property, dedicated to technology trends, important software, biggest collection of song lyrics, album information, biggest book library, technology tutorial, literature news and reviewing latest topics.

0 comments: