এইচটিএমএল কোড এডিটর - HTML Code Editor



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


কোড এডিটরের ডাউনলোড লিংক

কোন প্রফেশনাল টেক্সট এডিটর যেমন- Notepad, TextEdit ইত্যাদির মত ভাল কোড এডিটরগুলো সম্পর্কে আরও জানতে এবং এগুলোর ডাউনলোড লিংক পেতে আমাদের টেক্সট এডিটর টিউটোরিয়াল পেজটি ব্রাউজ করুন।


নোটপ্যাড অথবা টেক্সটএডিট ব্যবহার করা

এইচটিএমএল কোডিংয়ের জন্য কোন প্রফেশনাল টেক্সট এডিটর যেমন- Notepad, TextEdit ইত্যাদির মত ভাল কোড এডিটর ব্যবহার করা উচিৎ। যাইহোক এইচটিএমএল কোডিং শেখার জন্য আমরা আপনাকে নোটপ্যাড ব্যবহার করার পরামর্ষ দিছি। আমরা বিশ্বাস করি একটি সহজ এবং সাধারণ কোড এডিটর ব্যবহার করেই আপনি খুব সুন্দর ভাবে এইচটিএমএল কোডিং শিখতে পারবেন।

নোটপ্যাড দিয়ে আপনার প্রথম ওয়েবপেজ তৈরি করার জন্য নিচের ৪টি ধাপ অনুসরন করতে হবে।


১ম ধাপ : Notepad (PC) চালু করা

উইন্ডোজ ৭ অথবা পূর্ববর্তী যেকোনো ভার্সনে নোটপ্যাড চালু করতে নিচের ধাপগুলো অনুসরণ করুন।

প্রথমে Start বাটনে ক্লিক করুন, তারপরে All Programs > Accessories > Notepad এ ক্লিক করুন।

উইন্ডোজ ৮ অথবা পরবর্তী যেকোনো ভার্সনে নোটপ্যাড চালু করতে উইন্ডোজের সার্চ বক্সে গিয়ে Notepad লিখে সার্চ করুন।


১ম ধাপ : TextEdit (Mac) চালু করা

চালু করুন Finder > Applications > TextEdit

তারপর settings এ কিছু পরিবর্তন করুন যাতে করে ফাইলগুলো সথিক ভাবে save হতে পারে। এর জন্য নিচের ধাপগুলো অনুসরণ করুন Preferences > Format > choose "Plain Text" তারপর "Open and Save", এর আওতায় "Display HTML files as HTML code instead of formatted text" লেখা বক্সটি নির্ধারণ করে দিন।

এখন কোড লেখার জন্য একটি নতুন ডকুমেন্ট নিন।


ধাপ ২ - এইচটিএমএল কোড লিখুন

এবার দ্বিতীয় ধাপে, কোড এডিটরে নিচের মত করে কিছু এইচটিএমএল কোড লিখুন।

উদাহরণ

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading

<p>My first paragraph.</p>

</body>
</html>



Notepad window

ধাপ ৩ - এইচটিএমএল পেজটি সংরক্ষণ বা save করুন

নোটপ্যাডে File > Save as সিলেক্ট করার মাধ্যমে ফাইলটি আপনার কম্পিউটারে সংরক্ষণ করুন।

ফাইলটির নাম "index.html" দিন এবং UTF-8 এনকোডিং নির্ধারণ করুন যা এইচটিএমএল ডকুমেন্টের ডিফল্ট এনকোডিং।

Notepad save

ফাইল এক্সটেনশনের জন্য আপনি .htm অথবা .html, এর যে কোন একটি ব্যবহার করতে পারেন। এ দুটি এক্সটেনশনের মধ্যে কোন পার্থক্য নেই। আপনার ইচ্ছামত যেকোনো একটি ব্যবহার করতে পারেন।


ধাপ ৪ - এইচটিএমএল পেজটি ব্রাউজারে দেখা

পছন্দের যে কোন ব্রাউজারে এইচটিএমএল ফাইলটি ওপেন করুন। এটি করার জন্য ফাইলে ডাবল ক্লিক করুন অথবা রাইট-ক্লিক করুন এবং "Open with" এ ক্লিক করে ব্রাউজার সিলেক্ট করুন।

ফলাফল অনেকটা নিচের মত দেখাবে।

Browser window






এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.