HTML Editors


এইচটিএমএল শিখার জন্য আপনার একটি সাধারণ পাঠ্য সম্পাদক (text editor) প্রয়োজন।


নোটপ্যাড বা টেক্সটএডিট ব্যবহার করে এইচটিএমএল শিখুন

  • ওয়েব পৃষ্ঠাগুলি পেশাদার এইচটিএমএল সম্পাদক (editor) ব্যবহার করে তৈরি এবং সংশোধন করা যেতে পারে।
  • তবে এইচটিএমএল শিখার জন্য আমরা নোটপ্যাড (পিসি) বা টেক্সটএডিট (ম্যাক) এর মতো একটি সাধারণ পাঠ্য সম্পাদককে (simple text editor) সুপারিশ করি।
  • আমরা বিশ্বাস করি যে একটি সাধারণ পাঠ্য সম্পাদক (simple text editor) ব্যবহার করা এইচটিএমএল শেখার একটি ভাল উপায়।
  • নোটপ্যাড বা টেক্সটএডিট দিয়ে আপনার প্রথম ওয়েব পৃষ্ঠা তৈরি করতে নীচের পদক্ষেপগুলি অনুসরণ করুন।

পদক্ষেপ(step) ১ :ওপেন নোটপ্যাড (পিসি)

উইন্ডোজ ৮ বা তার পরে:

স্টার্ট স্ক্রিনটি খুলুন (আপনার স্ক্রিনের নীচে বাম দিকে উইন্ডো প্রতীক)। নোটপ্যাড টাইপ করুন।

উইন্ডোজ ৭ বা তার আগের:

Open Start > Programs > Accessories > Notepad


পদক্ষেপ(step) ১ : টেক্সটএডিট (ম্যাক)

Open Finder > Applications> TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

তারপরে কোড স্থাপনের জন্য একটি নতুন দস্তাবেজ (document) খুলুন।


পদক্ষেপ(step) ২: কিছু HTML লিখুন

নোটপ্যাডে নিম্নলিখিত HTML কোডটি লিখুন বা অনুলিপি(copy) করুন:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My first Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
notepad

পদক্ষেপ(step) ৩: এইচটিএমএল পৃষ্ঠা সংরক্ষণ (save) করুন

আপনার কম্পিউটারে ফাইলটি সংরক্ষণ করুন।Select File > Save as in the Notepad menu

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

টিপ: আপনি ফাইল এক্সটেনশন হিসাবে .htm বা .html ব্যবহার করতে পারেন। কোনও পার্থক্য নেই, এটি আপনার উপর নির্ভর করে।

পদক্ষেপ(step) ৪ : আপনার ব্রাউজারে এইচটিএমএল পৃষ্ঠা দেখুন

আপনার প্রিয় ব্রাউজারে সংরক্ষিত এইচটিএমএল ফাইলটি খুলুন (ফাইলটিতে ডাবল ক্লিক করুন, বা ডান ক্লিক করুন - এবং "ওপেন করুন" নির্বাচন করুন)।

ফলাফলটি দেখতে অনেকটা এরকম দেখাবে:

show code google chrome

Nbp3Bangl অনলাইন সম্পাদক(editor) "নিজে চেষ্টা করুন"

ফ্রিতে আমাদের অনলাইন সম্পাদকের(editor) সাহায্যে আপনি এইচটিএমএল কোড সম্পাদনা(edit) করতে পারেন এবং ফলাফলটি আপনার ব্রাউজারে দেখতে পারেন।

এটি একটি পারফেক্ট টুল যখন আপনি দ্রুত কোড পরীক্ষা করতে চান। এটি রঙিন কোডিং এবং কোড সংরক্ষণ ও অন্যদের সাথে শেয়ার করার সুবিধাও প্রদান করে।

ধারনা :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
এটি কীভাবে কাজ করে তা দেখতে "নিজে চেষ্টা করুন" বোতামে ক্লিক করুন।