কন্টেন্ট

• ধাপ
• পার্ট 1 এর 2: এইচটিএমএল বুনিয়াদি শেখা
• 2 এর 2 অংশ: উন্নত এইচটিএমএল
• পরামর্শ
• সতর্কবাণী
• তোমার কি দরকার

HTML ইংরেজির জন্য সংক্ষিপ্ত হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (হাইপারটেক্সট মার্কআপ ভাষা)। এই কোড, বা ভাষা, যা সাইটের মৌলিক মার্কআপ তৈরি করা হয়। আপনি যদি কখনো প্রোগ্রাম না করে থাকেন তবে শেখা কঠিন মনে হতে পারে, কিন্তু বাস্তবে আপনাকে কেবল একটি প্রাথমিক পাঠ্য সম্পাদক এবং ইন্টারনেট ব্রাউজার শুরু করতে হবে। আপনি এমনকি এইচটিএমএল মার্কআপের কিছু উদাহরণ চিনতে পারেন যা আপনি ইন্টারনেট ফোরাম, কাস্টমাইজড কাস্টম পেজ বা উইকিহাউ নিবন্ধগুলিতে পেয়েছেন। এইচটিএমএল যে কোনও ইন্টারনেট ব্যবহারকারীর জন্য একটি দরকারী হাতিয়ার, এবং বেসিকগুলি শিখতে আপনার ভাবার চেয়ে কম সময় লাগবে।

ধাপ

পার্ট 1 এর 2: এইচটিএমএল বুনিয়াদি শেখা

1. 1 একটি HTML ডকুমেন্ট খুলুন। বেশিরভাগ টেক্সট এডিটর (উইন্ডোজের জন্য নোটপ্যাড বা নোটপ্যাড ++, ম্যাকের জন্য টেক্সট এডিট, জিএনইউ / লিনাক্সের জন্য জিডিট) এইচটিএমএল ফাইল তৈরি করতে ব্যবহার করা যেতে পারে। একটি নতুন ডকুমেন্ট তৈরি করুন এবং ফাইল → Save As ওয়েব পেজ ফরম্যাটে সেভ করুন, অথবা ফাইল এক্সটেনশন .doc, .rtf অথবা অন্য এক্সটেনশনের পরিবর্তে .html বা .htm এ পরিবর্তন করুন।
   • আপনি একটি সতর্কতা পেতে পারেন যে ফাইলটি আরটিএফ ফরম্যাটের পরিবর্তে "প্লেইন টেক্সট" হিসাবে সংরক্ষণ করা হবে, অথবা সেই বিন্যাস এবং ছবিগুলি সংরক্ষণ করা হবে না। এই জরিমানা; এইচটিএমএল এর জন্য এই অপশনগুলোর প্রয়োজন নেই।
2. 2 একটি ব্রাউজারে তৈরি ফাইলটি খুলুন। ফাঁকা ফাইলটি সংরক্ষণ করুন, এটি আপনার কম্পিউটারে খুঁজুন এবং এটি খুলতে ডাবল ক্লিক করুন। ব্রাউজারে একটি ফাঁকা পৃষ্ঠা খোলা উচিত। যদি তা না হয় তবে ফাইলটিকে আপনার ব্রাউজারের অ্যাড্রেস বারে টেনে আনুন। এইচটিএমএল ফাইল সম্পাদনা করার সময়, আপনি পরিবর্তনগুলি দেখতে এই পৃষ্ঠাটি রিফ্রেশ করতে পারেন।
   • দয়া করে মনে রাখবেন যে এইভাবে আপনি ইন্টারনেটে একটি ওয়েবসাইট তৈরি করছেন না। অন্যদের এই পৃষ্ঠায় অ্যাক্সেস থাকবে না, এবং আপনার স্থানীয় পৃষ্ঠাটি পরীক্ষা করার জন্য আপনার ইন্টারনেট সংযোগের প্রয়োজন নেই। ব্রাউজারটি সহজভাবে এইচটিএমএল কোডকে ব্যাখ্যা করে, এটি "পড়া" যেন এটি একটি ওয়েবসাইট।
3. 3 মার্কআপ ট্যাগ কি তা বুঝুন। নিয়মিত পাঠ্যের বিপরীতে, ট্যাগগুলি পৃষ্ঠায় উপস্থিত হয় না। পরিবর্তে, তারা ব্রাউজারকে জানায় কিভাবে পৃষ্ঠা এবং এর বিষয়বস্তু প্রদর্শন করতে হয়। "খোলার" ট্যাগে নির্দেশাবলী রয়েছে। উদাহরণস্বরূপ, এটি ব্রাউজারকে বলতে পারে যে পাঠ্যটি প্রদর্শিত হওয়া উচিত সাহসী... ব্রাউজারটি যেখানে নির্দেশ শেষ হয় সেখানে দেখানোর জন্য এটির একটি "শেষ" ট্যাগও প্রয়োজন। এই উদাহরণে, শুরু এবং শেষ ট্যাগের মধ্যে লেখাটি গা .়ভাবে প্রদর্শিত হবে। ট্যাগগুলি অসম লক্ষণের ভিতরে লেখা আছে, কিন্তু শেষ ট্যাগটি ফরওয়ার্ড স্ল্যাশ দিয়ে শুরু হয়।
   • অসমতার লক্ষণগুলির মধ্যে খোলার ট্যাগ লেখা আছে: খোলার ট্যাগ>
   • ক্লোজিং ট্যাগে, ট্যাগ বর্ণনাকারীর (নাম) সামনে একটি ফরওয়ার্ড স্ল্যাশ স্থাপন করা হয়: /শেষ ট্যাগ>
   • বিভিন্ন ট্যাগ কিভাবে ব্যবহার করা হয় তা জানতে পড়ুন। এই পদক্ষেপের জন্য, আপনাকে কেবল রেকর্ডিং বিন্যাসটি মনে রাখতে হবে। ট্যাগগুলি অসমতার লক্ষণগুলির মধ্যে লেখা আছে:> এবং />
   • কিছু টিউটোরিয়ালে এইচটিএমএল ট্যাগগুলিকে এলিমেন্ট বলা হয় এবং ট্যাগ ওপেনিং এবং ক্লোজিংয়ের মধ্যে থাকা এলিমেন্ট কন্টেন্ট বলা হয়।
4. 4 সম্পাদকের মধ্যে html> ট্যাগ টাইপ করুন। প্রতিটি HTML ফাইল অবশ্যই একটি ট্যাগ দিয়ে শুরু করতে হবে html> এবং একটি ট্যাগ দিয়ে শেষ করুন / html>... এই ট্যাগগুলি ব্রাউজারকে বলে যে ট্যাগগুলির মধ্যে সমস্ত সামগ্রী HTML এ রয়েছে। আপনার নথিতে এই ট্যাগগুলি যুক্ত করুন:
   • প্রায়ই HTML ফাইল লাইন দিয়ে শুরু হয় ! DOCTYPE html>যার অর্থ ব্রাউজারগুলিকে অবশ্যই পুরো ফাইলটিকে এইচটিএমএল হিসাবে চিনতে হবে। এই লাইনটি প্রয়োজনীয় নয়, তবে এটি আপনাকে সামঞ্জস্যের সমস্যাগুলি সমাধান করতে সহায়তা করতে পারে।
   • ডায়াল করুন html> নথির শীর্ষে।
   • একাধিক ফাঁকা লাইন তৈরি করতে একাধিকবার এন্টার বা রিটার্ন টিপুন, তারপর টাইপ করুন / html>
   • মনে রাখবেন, যে সমগ্র এই নিবন্ধে আপনি যে কোডটি তৈরি করবেন তা এই দুটি ট্যাগের মধ্যে লিখতে হবে।
5. 5 ফাইলে একটি হেড> বিভাগ তৈরি করুন। Html> এবং / html> ট্যাগের মধ্যে একটি ওপেনিং ট্যাগ তৈরি করুন মাথা> এবং ক্লোজিং ট্যাগ / মাথা>... তাদের মধ্যে কিছু ফাঁকা লাইন যোগ করুন। হেড> এবং / হেড> ট্যাগের মধ্যে লেখা বিষয়বস্তু পৃষ্ঠাতেই প্রদর্শিত হয় না। এই পদক্ষেপগুলি অনুসরণ করুন এবং আপনি দেখতে পাবেন যে এই ট্যাগটি কী জন্য:
   • মাথা> এবং < / head> ট্যাগের মধ্যে লিখুন শিরোনাম> এবং / title>
   • শিরোনাম> এবং / শিরোনাম> ট্যাগের মধ্যে লিখুন কিভাবে এইচটিএমএল শিখবেন - উইকিহাউ.
   • আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং একটি ব্রাউজারে ফাইলটি খুলুন (অথবা ফাইলটি ইতিমধ্যে খোলা থাকলে পৃষ্ঠাটি রিফ্রেশ করুন)। ঠিকানা বারের উপরে পৃষ্ঠার শিরোনামে প্রদর্শিত পাঠ্যটি দেখুন?
6. 6 একটি বডি> বিভাগ তৈরি করুন। এই উদাহরণে অন্যান্য সমস্ত ট্যাগ এবং পাঠ্য বডি বিভাগে লেখা হয়েছে, যার বিষয়বস্তু পৃষ্ঠায় প্রদর্শিত হয়। পরে ট্যাগ < / head> বন্ধ করা, কিন্তু আগে < / html> ট্যাগ যোগ করুন শরীর> এবং / শরীর>... এই নিবন্ধের বাকি অংশে, বডি সেকশন নিয়ে কাজ করুন। আপনার ফাইলটি এরকম কিছু হওয়া উচিত:
   html>
   মাথা>
   শিরোনাম> কিভাবে এইচটিএমএল শিখবেন - উইকিহাউ / শিরোনাম>
   / মাথা>
   শরীর>
   / শরীর>
   / html>
7. 7 বিভিন্ন স্টাইল ব্যবহার করে টেক্সট যোগ করুন। এটি পৃষ্ঠায় আসল সামগ্রী যুক্ত করার সময়! বডি ট্যাগের মধ্যে আপনি যা লিখবেন তা ব্রাউজারে রিফ্রেশ হওয়ার পরে পৃষ্ঠায় প্রদর্শিত হবে। ব্যবহার করবেন না প্রতীক অথবা >যেহেতু ব্রাউজার পাঠ্যের পরিবর্তে ট্যাগ হিসাবে বিষয়বস্তু ব্যাখ্যা করার চেষ্টা করবে। লিখুন হ্যালো! (অথবা আপনি যা পছন্দ করেন), তারপরে এই ট্যাগগুলি পাঠ্যে যোগ করার চেষ্টা করুন এবং দেখুন কী ঘটে:
   • সবাইকে হ্যালো! < / em> পাঠ্যটিকে "তির্যকীকৃত" করে তোলে: হ্যালো!
   • সবাইকে হ্যালো < / strong> পাঠ্যটিকে "সাহসী" করে তোলে: হ্যালো!
   • সবাইকে হ্যালো! স্ট্রাইকথ্রু টেক্সট: হ্যালো!
   • sup> হ্যালো সবাই! ফন্টটি একটি সুপারস্ক্রিপ্ট হিসাবে দেখায়:
   • সাব> সবাইকে হ্যালো! ফন্টটি সাবস্ক্রিপ্ট হিসাবে দেখায়: _{হ্যালো!}
   • বিভিন্ন ট্যাগ একসাথে চেষ্টা করুন। এটি দেখতে কেমন হবে সবাইকে < / strong> </em> হ্যালো?
8. 8 অনুচ্ছেদে পাঠ্য ভাগ করুন। যদি আপনি একটি HTML ফাইলে একাধিক লাইন টেক্সট লেখার চেষ্টা করেন, আপনি লক্ষ্য করবেন যে ব্রাউজারে লাইন বিরতি প্রদর্শিত হয় না। অনুচ্ছেদে পাঠ্য বিভক্ত করতে, আপনাকে ট্যাগ যুক্ত করতে হবে:
   • p> এটি একটি পৃথক অনুচ্ছেদ। < / p>
   • এই বাক্যটি এই লাইন শুরুর আগে একটি লাইন বিরতি দ্বারা অনুসরণ করা হয়।
     এটি প্রথম ট্যাগ যা শেষ ট্যাগের প্রয়োজন হয় না। এই ট্যাগগুলিকে "খালি" ট্যাগ বলা হয়।
   • বিভাগের শিরোনাম দেখানোর জন্য শিরোনাম তৈরি করুন:
     h1> শিরোনাম পাঠ্য / h1>: সবচেয়ে বড় শিরোনাম
     h2> শিরোনাম পাঠ্য / h2> (দ্বিতীয় স্তরের শিরোনাম)
     h3> শিরোনাম পাঠ্য / h3> (তৃতীয় স্তরের শিরোনাম)
     h4> শিরোনাম পাঠ্য / h4> (চতুর্থ স্তরের শিরোনাম)
     h5> শিরোনাম পাঠ্য / h5> (সবচেয়ে ছোট শিরোনাম)
9. 9 তালিকা তৈরি করতে শিখুন। ওয়েব পেজে তালিকা তৈরির বিভিন্ন উপায় রয়েছে। নীচের বিকল্পগুলি ব্যবহার করে দেখুন এবং সিদ্ধান্ত নিন যে আপনি কোনটি পছন্দ করেন। মনে রাখবেন যে তালিকার জন্য একজোড়া ট্যাগের প্রয়োজন হয় (উদাহরণস্বরূপ, ul> এবং / ul> একটি বুলেটেড তালিকার জন্য), এবং প্রতিটি তালিকার আইটেম আলাদা জোড়া ট্যাগ দিয়ে হাইলাইট করা হয়, উদাহরণস্বরূপ, li> এবং / li>।
   • বুলেটযুক্ত তালিকা:
     ul> li> প্রথম লাইন < / li> li> দ্বিতীয় লাইন < / li> li> এবং তাই < / li> / ul>
   • সংখ্যাযুক্ত তালিকা:
     ol> li> one / li> li> two / li> li> three / li> / ol>
   • সংজ্ঞা তালিকা:
     dl> dt> কফি / dt> dd> - গরম পানীয় / dd> dt> লেবু / dt> dd> - ঠান্ডা পানীয় / dd> / dl>
10. 10 ব্যবহার করে পৃষ্ঠাটি লেআউট করুন লাইন ব্রেক, অনুভূমিক রেখা, এবং ছবি. পৃষ্ঠায় পাঠ্য ছাড়া অন্য কিছু যোগ করার সময় এসেছে। নিম্নলিখিত ট্যাগগুলি চেষ্টা করুন বা আরও তথ্যের জন্য লিঙ্কগুলি অনুসরণ করুন। আপনি যে ছবিটি পোস্ট করতে চান তার একটি লিঙ্ক তৈরি করতে একটি অনলাইন হোস্টিং পরিষেবা ব্যবহার করুন:
    • অনুভূমিক রেখা: hr>
    • ছবি :োকান: img src = "image link">
11. 11 লিঙ্ক যোগ করুন। আপনি অন্যান্য পৃষ্ঠা এবং সাইটের হাইপারলিঙ্ক তৈরি করতে এই ট্যাগগুলি ব্যবহার করতে পারেন, কিন্তু যেহেতু আপনার এখনও একটি ওয়েবসাইট নেই, তাই আপনি এখন শিখবেন কিভাবে অ্যাঙ্কর লিঙ্ক তৈরি করতে হয়, অর্থাৎ একটি পৃষ্ঠায় নির্দিষ্ট স্থানের লিঙ্কগুলি:
    • যেখানে আপনি পৃষ্ঠায় লিঙ্ক করতে চান সেখানে একটি> ট্যাগ দিয়ে একটি নোঙ্গর তৈরি করুন। একটি পরিষ্কার এবং স্মরণীয় নাম নিয়ে আসুন:
      
      a name = "Tips"> আপনি যে টেক্সটটি লিঙ্ক করছেন। < / a>
    • একটি আপেক্ষিক লিঙ্ক বা একটি বাহ্যিক সম্পদের লিঙ্ক তৈরি করতে href> ট্যাগ ব্যবহার করুন:
      
      একটি href = "পৃষ্ঠার লিঙ্ক বা পৃষ্ঠার মধ্যে নোঙ্গরের নাম"> পাঠ্য বা চিত্র যা লিঙ্ক হিসাবে কাজ করবে। < / a>
    • অন্য পৃষ্ঠায় একটি আপেক্ষিক লিঙ্ক লিঙ্ক করতে, প্রধান লিঙ্ক এবং নোঙ্গরের নামের পরে একটি # চিহ্ন যুক্ত করুন। উদাহরণস্বরূপ, https://en.wikihow.com/learn-HTML#Tips এই পৃষ্ঠার টিপস বিভাগে লিঙ্ক।

2 এর 2 অংশ: উন্নত এইচটিএমএল

1. 1 গুণাবলী জানুন। বৈশিষ্ট্যগুলি ট্যাগের ভিতরে লেখা হয়, যা অতিরিক্ত তথ্য নির্দেশ করে। বৈশিষ্ট্যগুলির বিন্যাস নিম্নরূপ: নাম = "মান", কোথায় শিরোনাম একটি বৈশিষ্ট্য সংজ্ঞায়িত করে (উদাহরণস্বরূপ, রঙ একটি রঙ বৈশিষ্ট্য জন্য), এবং মান তার মান নির্দেশ করে (উদাহরণস্বরূপ, লাল লাল জন্য)।
   • এইচটিএমএল বুনিয়াদি বিষয়ে পূর্ববর্তী বিভাগে প্রকৃতপক্ষে বৈশিষ্ট্যগুলি ব্যবহার করা হয়েছে। Img> ট্যাগ অ্যাট্রিবিউট ব্যবহার করে src, আপেক্ষিক লিঙ্ক নোঙ্গর বৈশিষ্ট্য ব্যবহার করে নামএবং লিঙ্কগুলি বৈশিষ্ট্যটি ব্যবহার করে href... আপনি ইতিমধ্যে লক্ষ্য করেছেন, সমস্ত বৈশিষ্ট্য বিন্যাসে লেখা হয় ___='___’.
2. 2 এইচটিএমএল টেবিল দিয়ে পরীক্ষা করুন। একটি টেবিল তৈরিতে বিভিন্ন ট্যাগের ব্যবহার জড়িত। আপনি পরীক্ষা করতে পারেন, অথবা আরো বিস্তারিত নির্দেশাবলী পড়তে পারেন।
   • টেবিল ট্যাগ তৈরি করুন:টেবিল> / টেবিল>
   • টেবিলে প্রতিটি সারির বিষয়বস্তু ট্যাগগুলিতে সংযুক্ত করুন: tr>
   • কলাম শিরোনাম ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়: th>
   • পরবর্তী লাইনগুলিতে কোষ: td>
   • এই ট্যাগগুলি ব্যবহারের একটি উদাহরণ:
     
     টেবিল> tr> th> কলাম 1: মাস
3. 3 অতিরিক্ত হেড বিভাগের ট্যাগগুলি শিখুন। আপনি ইতিমধ্যে হেড> ট্যাগ শিখেছেন যা প্রতিটি এইচটিএমএল ফাইলের শুরুতে আসে। শিরোনাম> ট্যাগ ছাড়াও, এই বিভাগের জন্য অন্যান্য ট্যাগ রয়েছে:
   • যে মেটা ট্যাগ রয়েছে মেটাডেটাসাইটটি ইনডেক্স করতে সার্চ ইঞ্জিন ব্যবহার করে। সার্চ ইঞ্জিনে আপনার সাইট খুঁজে পাওয়া সহজ করতে, এক বা একাধিক ওপেনিং মেটা> ট্যাগ ব্যবহার করুন (ক্লোজিং ট্যাগের প্রয়োজন নেই)।ট্যাগ প্রতি একটি বৈশিষ্ট্য এবং একটি মান ব্যবহার করুন: মেটা নাম = "বর্ণনা" বিষয়বস্তু = "পৃষ্ঠার বর্ণনা">; অথবা মেটা নাম = "কীওয়ার্ডস" বিষয়বস্তু = "কমা পৃথক কীওয়ার্ড">
   • লিঙ্ক> ট্যাগ যা তৃতীয় পক্ষের ফাইলগুলিকে নির্দেশ করে, যেমন স্টাইল শীট (CSS), যা একটি ভিন্ন ধরনের এনকোডিং ব্যবহার করে তৈরি করা হয় এবং আপনাকে রঙ, পাঠ্য সারিবদ্ধকরণ এবং অন্যান্য অনেক বৈশিষ্ট্য ব্যবহার করে HTML পৃষ্ঠা পরিবর্তন করতে দেয়।
   • স্ক্রিপ্ট> ট্যাগগুলি পৃষ্ঠায় জাভাস্ক্রিপ্ট ফাইল সংযুক্ত করার জন্য ব্যবহৃত হয়। এই ফাইলগুলি পৃষ্ঠাটি ইন্টারেক্টিভভাবে পরিবর্তন করতে প্রয়োজন (ব্যবহারকারীর ক্রিয়াকলাপের প্রতিক্রিয়ায়)।
4. 4 অন্যান্য সাইটের HTML কোড দিয়ে পরীক্ষা করুন। অন্যান্য ওয়েব পেজের সোর্স কোড দেখা এইচটিএমএল শেখার একটি দুর্দান্ত উপায়। আপনি পৃষ্ঠায় ডান ক্লিক করতে পারেন এবং আপনার ব্রাউজারের উপরের মেনু থেকে উৎস দেখুন বা অনুরূপ কিছু নির্বাচন করতে পারেন। একটি অপরিচিত ট্যাগ কি করে তা বের করার চেষ্টা করুন, অথবা এটি সম্পর্কে তথ্যের জন্য ইন্টারনেটে অনুসন্ধান করুন।
   • যদিও আপনি অন্যদের সাইট সম্পাদনা করতে পারবেন না, আপনি ট্যাগ দিয়ে পরীক্ষা করার জন্য সোর্স কোডটি আপনার ফাইলে অনুলিপি করতে পারেন। দয়া করে মনে রাখবেন যে CSS মার্কআপ উপলব্ধ নাও হতে পারে এবং রং এবং বিন্যাস ভিন্ন হতে পারে।
5. 5 আরো বিস্তারিত গাইড অন্বেষণ শুরু করুন। ইন্টারনেটে HTML ট্যাগের জন্য নিবেদিত অনেক সাইট আছে, যেমন W3Schools বা HTMLbook। বিক্রয়ের জন্য কাগজের বইও রয়েছে, তবে মান পরিবর্তন এবং বিকশিত হওয়ার সাথে সাথে সর্বশেষ সংস্করণটি খুঁজে বের করার চেষ্টা করুন। আরও ভাল, মাস্টার সিএসএস আপনার সাইটের লেআউট এবং চেহারার উপর অনেক বেশি নিয়ন্ত্রণ রাখতে। CSS শেখার পর ওয়েব ডিজাইনাররা সাধারণত জাভাস্ক্রিপ্ট শিখে।

পরামর্শ

• নোটপ্যাড ++ একটি দুর্দান্ত ফ্রি প্রোগ্রাম, নিয়মিত নোটপ্যাডের মতো, তবে আপনি আপনার কোডটি আপনার ব্রাউজারে অনলাইনে সংরক্ষণ এবং পরীক্ষা করতে পারেন। (এটি প্রায় যেকোন ভাষা সমর্থন করে - এইচটিএমএল, সিএসএস, পাইথন, জাভাস্ক্রিপ্ট ইত্যাদি।)
• নেটে কিছু সহজ পৃষ্ঠা খুঁজুন, কোডটি আপনার কম্পিউটারে সংরক্ষণ করুন এবং এটি দিয়ে পরীক্ষা করুন। টেক্সট সরানোর চেষ্টা করুন, ফন্ট পরিবর্তন করুন, ছবি প্রতিস্থাপন করুন - যাই হোক না কেন!
• আপনি একটি নোটবুক রাখতে পারেন যেখানে আপনি ট্যাগ লিখেন যাতে আপনার সবসময় সেগুলি হাতে থাকে। আপনি এই পৃষ্ঠাটি মুদ্রণ করতে পারেন এবং এটি উল্লেখ করতে পারেন।
• যখন আপনি কোড লিখবেন, তখন এটি সাবধানে করুন যাতে আপনি এবং অন্যান্য লোকেরা এটি বুঝতে পারে। ব্যবহার করুন! - এখানে মন্তব্য সন্নিবেশ করান -> HTML মন্তব্যের জন্য: সেগুলি পৃষ্ঠায় প্রতিফলিত হবে না, কিন্তু কোড নথিতে দৃশ্যমান হবে।
• এক্সএমএল এবং আরএসএস জনপ্রিয়তা অর্জন করছে। এক্সএমএল এবং আরএসএস প্রযুক্তি যুক্ত পৃষ্ঠাগুলির জন্য কোড একটি অনভিজ্ঞ ব্যবহারকারীর জন্য পড়া এবং বোঝা আরও কঠিন, কিন্তু এই সরঞ্জামগুলি বেশ উপযোগী।
• এইচটিএমএল-এ মার্কআপ ট্যাগগুলি কেস-সংবেদনশীল, কিন্তু মানদণ্ড এবং এক্সএইচটিএমএল সামঞ্জস্যতা উভয়ের জন্য আমরা শুধুমাত্র ছোট হাতের অক্ষর (যেমন এই নিবন্ধের উদাহরণগুলিতে) ব্যবহার করার পরামর্শ দিই।

সতর্কবাণী

• কিছু ট্যাগ গত কয়েক বছর ধরে ব্যবহারের বাইরে চলে গেছে এবং নতুন বা নতুন প্রতিস্থাপিত হয়েছে যা একই বা কিছু অতিরিক্ত প্রভাব দেয়।
• আপনি যদি আপনার পৃষ্ঠাটি পরীক্ষা করতে চান তবে W3 সাইটে যান এবং আধুনিক HTML প্রয়োজনীয়তাগুলি দেখুন। এইচটিএমএল মান সময়ের সাথে পরিবর্তিত হয়, এবং কিছু ট্যাগ নতুন দ্বারা প্রতিস্থাপিত হয় যা আধুনিক ব্রাউজারে ভাল কাজ করে।

তোমার কি দরকার

• একটি টেক্সট এডিটর যেমন নোটপ্যাড (উইন্ডোজ) অথবা টেক্সট এডিট (ম্যাক)
• কাগজ / নোটপ্যাড (জরুরী না)
• এইচটিএমএল এডিটর যেমন নোটপ্যাড ++ (উইন্ডোজ) অথবা টেক্সট র্যাংলার (ম্যাক) (জরুরী না)