Header Ads

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

No comments

Powered by Blogger.