HTML Editors
পেশাদার এইচটিএমএল সম্পাদক ব্যবহার করে ওয়েব পৃষ্ঠাগুলি তৈরি এবং সংশোধন করুন৷
যাইহোক, আমরা এইচটিএমএল শেখার জন্য নোটপ্যাড (পিসি) বা টেক্সটএডিট (ম্যাক) এর মতো একটি সাধারণ পাঠ্য সম্পাদকের পরামর্শ দিই।
আমরা বিশ্বাস করি:
একটি সাধারণ পাঠ্য সম্পাদক ব্যবহার করা HTML শেখার একটি দুর্দান্ত উপায়। এটি মৌলিক ধারণাগুলি আরও ভালভাবে বুঝতে সাহায্য করে।
নিচের ধাপগুলো অনুসরণ করে নোটপ্যাড বা টেক্সটএডিট ব্যবহার করে আপনার প্রথম ওয়েব পেজ তৈরি করুন।
ধাপ 1: নোটপ্যাড খুলুন (পিসি)
1উইন্ডোজ 8 বা তার পরে:
স্টার্ট স্ক্রিন খুলুন (আপনার স্ক্রিনের নীচে বাম দিকে উইন্ডো আইকন)।Notepadযে টাইপ.
2Windows 7 বা তার আগের:
Start > Programs > Accessories > Notepadখুলুন।
উইন্ডোজ
নোটপ্যাড সম্পাদক
উইন্ডোজের সাথে বিনামূল্যে পাওয়া যায়
ম্যাক
টেক্সটএডিট সম্পাদক
বিনামূল্যে macOS এর সাথে আসে
ধাপ 1: টেক্সটএডিট খুলুন (ম্যাক)
1পাঠ্য সম্পাদনা খুলুন:
Finder > Applications > TextEditখুলুন।
2বিকল্প পরিবর্তন করুন:
ফাইলগুলি সঠিকভাবে সংরক্ষণ করতে অ্যাপের জন্য কিছু বিকল্প পরিবর্তন করুন।
- Preferences > Format- ইন"Plain Text"নির্বাচন করুন
- "Open and Save"- মধ্যে,"Display HTML files as HTML code instead of formatted text"যে পরীক্ষা করুন
গুরুত্বপূর্ণ:
ম্যাক ব্যবহারকারীরা TextEdit এ HTML ফাইল লেখার আগে,বিকল্পগুলিকে প্লেইন টেক্সট মোডে পরিবর্তন করুন. অন্যথায় ফাইলগুলি সঠিকভাবে সংরক্ষণ করা হবে না।
তারপর কোড স্থাপন করার জন্য একটি নতুন নথি খুলুন।
ধাপ 2: কিছু HTML লিখুন
নোটপ্যাডে নিম্নলিখিত এইচটিএমএল কোডটি অনুলিপি করুন বা লিখুন:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>প্রতীকী উপাদান
<!DOCTYPE html>- HTML5 নথি<html>- অভিভাবক উপাদান<body>- সাইড বডি<h1>- শিরোনাম<p>- অনুচ্ছেদ
নোটপ্যাড নোট
- কোডগুলো সাবধানে টাইপ করুন
- সমস্ত কোড উপাদান সঠিকভাবে বন্ধ আছে কিনা পরীক্ষা করুন
- স্পেস এবং লাইন ব্রেক কোডকে সুন্দর দেখাতে সাহায্য করে
ধাপ 3: HTML পৃষ্ঠাটি সংরক্ষণ করুন
1ফাইল সংরক্ষণ করুন:
আপনার কম্পিউটারে ফাইল সংরক্ষণ করুন. নোটপ্যাড মেনুতেFile > Save asনির্বাচন করুন।
2ফাইলের নাম এবং এনকোডিং:
কাপ"index.htm"নাম এবং এনকোডিংUTF-8সেট করুন (এটি HTML ফাইলের জন্য পছন্দের এনকোডিং)।
পরামর্শ:
ফাইল এক্সটেনশন হিসাবে.htmবা.htmlএবং ব্যবহার করা যেতে পারে। কোন পার্থক্য নেই; এটা আপনার উপর নির্ভর করে।
দ্রষ্টব্য:
প্রথম কাপindex.htmlবাindex.htmনাম দাও। এটি ওয়েব সার্ভার দ্বারা ডিফল্ট ফাইল হিসাবে স্বীকৃত।
ধাপ 4: ব্রাউজারে HTML পৃষ্ঠাটি দেখুন
1ফাইল খুলুন:
আপনার প্রিয় ব্রাউজারে সংরক্ষিত এইচটিএমএল ফাইলটি খুলুন (ফাইলটিতে ডাবল ক্লিক করুন, বা ডান-ক্লিক করুন"Open with"নির্বাচন করুন)।
Google Chrome
ফাইলটিতে ডাবল ক্লিক করুন
Firefox
ডান-ক্লিক করুন > এর সাথে খুলুন
Microsoft Edge
ডিফল্টরূপে ব্রাউজারে খোলে
ফলাফল এই মত দেখাবে:
ব্রাউজারে প্রদর্শন করুন:
My First Heading
My first paragraph.
Jassif Team Online Editor - "Try it Yourself"
আমাদের বিনামূল্যের অনলাইন সম্পাদকের সাহায্যে, আপনি HTML কোড সম্পাদনা করতে পারেন এবং আপনার ব্রাউজারে ফলাফল দেখতে পারেন৷
আপনি যখন দ্রুত কোড পরীক্ষা করতে চান তখন এটি নিখুঁত টুল। এটিতে রঙ কোডিং এবং অন্যদের সাথে কোডটি সংরক্ষণ এবং ভাগ করার ক্ষমতাও রয়েছে:
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>অনলাইন সম্পাদকের সুবিধা:
- অবিলম্বে কোড প্রদর্শন করে
- সিনট্যাক্স হাইলাইটিং
- পরীক্ষা দ্রুত করা যেতে পারে
- কোড শেয়ার করা যাবে
- ফাইল সংরক্ষণ করার প্রয়োজন নেই