Google Chrome-এ HTML ফাইল খোলার পদ্ধতি

HTML কোড বুঝতে এবং সেটির সাথে কাজ করা আপনাকে অনেক দূর যেতে সাহায্য করতে পারে। আপনি এটি আপনার প্রতিদিনের কাজে ব্যবহার করতে পারেন, যেমন— HTML সিগনেচার তৈরি করে আপনার ইমেইল কমিউনিকেশনকে আরও পেশাদার বানাতে। HTML-এর আরেকটি অস্বাভাবিক কিন্তু কার্যকর ব্যবহার হলো— ওয়েব পেজগুলো Word ডকুমেন্ট হিসেবে সেভ করা। 

তবে, যদি আপনি কখনো HTML ফাইল দিয়ে কাজ করেননি, তবে সবকিছু কিছুটা বিভ্রান্তিকর হতে পারে। আসুন শুরু থেকে শিখি যে এই ফাইলগুলো আসলে কী, সেই সাথে কীভাবে Chrome-এ একটি HTML ফাইল খুলবেন এবং দেখবেন।

HTML ফাইল কী?

HTML का ফুলফর্ম Hypertext Markup Language এবং এটি একটি ওয়েব-ভিত্তিক স্ক্রিপ্টিং ল্যাঙ্গুয়েজ। এর প্রধান উদ্দেশ্য হচ্ছে ওয়েব পেজ তৈরি ও স্ট্রাকচার করা। HTML (বা HTM) এক্সটেনশনযুক্ত ফাইলগুলো শুধু টেক্সট এবং অন্যান্য ফাইলের রেফারেন্স ধারণ করে, যেনে— ছবি বা ভিডিও।

HTML ফাইল তৈরি ও এডিট করার জন্য অনেক ভিন্ন প্রোগ্রাম রয়েছে। তবে, আপনি যেকোনো সিম্পল টেক্সট এডিটর ব্যবহার করে এটি টেক্সট হিসেবে খুলতে ও পড়তে পারেন। আপনি যখন ওয়েব পেজটি কেমন দেখে সেটি দেখতে চান, তবে আপনাকে এই HTML ফাইলটি একটি ওয়েব ব্রাউজার দিয়ে রান করতে হবে। 

Google Chrome HTML সঙ্কেত করে, এবং আপনি এটি ব্যবহার করে ".html" এক্সটেনশনযুক্ত যেকোনো ফাইল খুলতে পারেন। 

Chrome-এ HTML ফাইল খোলার পদ্ধতি 

Chrome-এ HTML ফাইল খোলার একাধিক পদ্ধতি রয়েছে।

Open With কমান্ড ব্যবহার করা

1. আপনি যে HTML ফাইলটি দেখতে চান সেটি খুঁজে বের করুন, সেটিতে রাইট-ক্লিক করুন, এবং মেনু থেকে Open with বেছে নিন। আপনি অ্যাপের একটি পুরো তালিকা দেখবেন যেগুলো আপনার ফাইলটি রান করতে ব্যবহার করা যেতে পারে। আপনার ডিফল্ট ব্রাউজার তালিকার শীর্ষে থাকবে। 
   
2. তালিকা থেকে Google Chrome সিলেক্ট করুন, এবং ব্রাউজারে আপনার ফাইলটি দেখুন।
3. Google Chrome যদি আপনার ডিফল্ট ব্রাউজার হিসেবে সেট করা থাকে, তবে আপনাকে শুধু HTML ফাইলটি ডাবল-ক্লিক করতে হবে এবং সেটি অটোমেটিক্যালি Chrome-এ খুলবে। আপনি যদি এটি চেষ্টা করেন, এবং আপনার কম্পিউটার আপনার ফাইলটি না চিনে, তবে সিস্টেম আপনাকে ইনস্টল করা অ্যাপগুলোতে একটি ব্যবহার করে ফাইলটি খোলার জন্য বলবে বা এক্সটেনশনের জন্য ইন্টারনেটে সার্চ করতে বলবে। Open using already installed applications বেছে নিন। তারপর তালিকা থেকে আবার Google Chrome বেছে নিন। 
4. আপনি সঠিক HTML ফাইলটি খোলেছেন কিনা সেটি নিশ্চিত করতে, Chrome-এ পেজ আসার সময় অ্যাড্রেস বারে চেক করুন। সেটি আপনার কম্পিউটারে ফাইলটির লোকেশন সাথে মিলিত হয় উচিত। 

Chrome-এর ভিতর থেকে HTML ফাইল খোলা

আপনি যদি ইতিমধ্যে আপনার ব্রাউজার চালু রাখেন, তবে আপনি আপনার কম্পিউটারে সেটি প্রথমে লোকেট না করেই Chrome-এ HTML ফাইল খুলতে পারেন।

1. Chrome রিবন মেনু থেকে File বেছে নিন। তারপর Open File সিলেক্ট করুন। 
2. আপনার HTML ফাইল লোকেশনটিতে নেভিগেট করুন, ডকুমেন্টটি হাইলাইট করুন এবং Open ক্লিক করুন।
3. আপনি আপনার ফাইলটি একটি নতুন ট্যাবে খোলা দেখবেন। 

আপনি Chrome-এ ফাইল খোলার জন্য কীবোর্ড শর্টকাটও ব্যবহার করতে পারেন। Chrome-এ একটি নতুন ট্যাব খুলুন, তারপর Ctrl (Windows) বা Cmd (Mac) + O চাপুন। এটি একই Open File মেনু আনে। আপনার HTML ফাইল খুঁজে বের করুন এবং খুলুন। 

শর্টকাটটি যদি কাজ না করে, তবে হয়তো আপনার ব্রাউজারের এই কমান্ডের জন্য আলাদা হটকি সেট আছে। আপনি আপনার ব্রাউজার সেটিংসে চেক করতে পারেন। Google Chrome-এ কীবোর্ড শর্টকাটের সাহায্যে আপনি অনেক ভিন্ন ফিচার ব্যবহার করতে পারেন। আপনি ট্যাবের মাঝপথে স্যুইচ করতে, Google Calendar ইভেন্ট তৈরি করতে, এবং এমনকি Incognito Mode অন/অফ করতে শর্টকাট দিয়ে দ্রুত করতে পারেন। 

Drag & Drop করে Chrome-এ ফাইল আনার পদ্ধতি

আপনি শুধু HTML ফাইলটি একটি নতুন ট্যাবে ড্র্যাগ এন্ড ড্রপ করতে পারেন। Chrome অটোমেটিক্যালি পেজটি খুলবে। 

সোর্স HTML দেখার পদ্ধতি

আপনি যদি শুধু পেজ দেখার পাশাপাশি HTML সোর্স কোডও দেখতে চান, তবে Chrome আপনাকে সেটিও করতে দেয়।

এটি করার কয়েকটি ভিন্ন পদ্ধতি রয়েছে। সবচেয়ে বেসিকটি হলো— আপনার HTML ফাইলটি Chrome-এ একটি নতুন ট্যাবে খুলুন। তারপর সেটিতে রাইট-ক্লিক করুন, এবং মেনু থেকে View Page Source বেছে নিন। 

আপনি যদি একটি আরও ইন্টারঅ্যাক্টিভ টুল খুঁজছেন এবং আপনার করা পরিবর্তনগুলো ওয়েব পেজে সরাসরি কীভাবে প্রভাব ফেলছে সেটি দেখতে চান, তবে Chrome-এ ডেভেলপার টুল ব্যবহার করতে পারেন। 

এটি করতে, HTML ফাইলটি একটি নতুন ট্যাবে খুলুন। তারপর উইন্ডোর উপরের ডান কোণে three vertical dots আইকনে ক্লিক করুন। ড্রপ-ডাউন মেনুতে, More Tools > Developer Tools বেছে নিন। 

আপনার স্ক্রিনের ডান পাশে, Elements ট্যাবে যান আপনার ওয়েব পেজের বিস্তারিত সোর্স কোড देखने জন্য। 

স্মার্টফোন থেকে HTML ফাইল খোলার পদ্ধতি

আপনি যদি আপনার স্মার্টফোন ব্যবহার করেন, তবে আপনি Chrome-এ HTML ফাইল খোলার জন্য ভিন্ন পদ্ধতি ব্যবহার করতে পারেন।

Open With মেনু ব্যবহার করা

আপনার ফোনে আপনি যে HTML ফাইলটি খুলতে চান সেটি লোকেট করুন এবং সেটিতে ক্লিক করুন। এটি Open with মেনু আনে, যেখানে আপনি ওয়েব পেজ দেখার জন্য ব্যবহার করতে পারেন এমন অ্যাপের তালিকা থেকে বেছে নিতে পারেন। Chrome সিলেক্ট করুন ফাইলটি খোলার জন্য। 

SD স্টোরেজ থেকে HTML ফাইল খোলা

আপনার ফোনে Chrome ব্রাউজার লঞ্চ করুন এবং একটি নতুন ট্যাব খুলুন। অ্যাড্রেস বারে file:///sdcard/ টাইপ করুন, যা আপনার SD স্টোরেজ খুলবে। সেখান থেকে, আপনি যে ফাইলটি খুলতে চান সেটিতে নেভিগেট করুন এবং ট্যাপ করে দেখুন। 

HTML বুঝতে শিখুন 

ছোট ছোট ট্রিকস শিখে এবং HTML ভালোভাবে বুঝতে পারলে আপনি কোড এবং টেক্সট উভয়ের সাথে কাজ করার প্রেক্ষাপটে আরও স্বাধীনতা পাবেন। একটি ভালো উদাহরণ হলো— Google ডকুমেন্টে HTML এম্বেড করার পদ্ধতি শিখা, অন্যান্য জিনিসের পাশাপাশি। 

আপনি কি কখনো HTML ফাইল দিয়ে কাজ করেন? আপনি কি এটিকে কঠিন মনে করেন? নিচে কমেন্টে আপনার অভিজ্ঞতা শেয়ার করুন।