বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন । আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ৬ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল এলিমেন্টস / Elements সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৪ । আমি আজ কে আলোচনা করব এইচটিএমএল / HTML শিরোনাম / Headings নিয়ে । তাহলে শুরু করা যাক ।
শিরোনাম / Headings এইচটিএমএল ডকুমেন্ট মধ্যে গুরুত্বপূর্ণ একটি জিনিস ।
এইচটিএমএল শিরোনামঃ
এইচটিএমএল শিরোনাম <h1> থেকে <h6> পর্যন্ত ৬ টি ট্যাগে সংজ্ঞায়িত করা হয় ।
<h1> সবচেয়ে গুরুত্বপূর্ণ লেখা সংজ্ঞায়িত করে এবং এটি সব চেয়ে বড় লিখা হয় । <h6> এটি হয় সব চেয়ে ছোট লিখা এবং এটি হয় সব চেয়ে ছোট ।
উদাহরণঃ
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
শিরোনাম হয় গুরুত্বপূর্রঃ
শুধুমাত্র এইচটিএমএল শিরোনাম / Heading শিরোনাম জন্য ব্যবহার করুন. টেক্সট বড় বা বোল্ড করতে শিরোনাম ব্যবহার করবেন না । সার্চ ইঞ্জিন ইনডেক্স আপনার ওয়েব পৃষ্ঠাগুলি গঠন এবং বিষয়বস্তু আপনার শিরোনামে ব্যবহার করুন । ব্যবহারকারী তার শিরোনামে দ্বারা আপনার পৃষ্ঠাগুলি পড়া পড়বে । যেহেতু, এটি ডকুমেন্ট গঠন প্রদর্শন হিসেবে শিরোনাম ব্যবহার গুরুত্বপূর্ণ । H1 শিরোনাম তারপরের শিরোনাম H2 চেয়ে ছোট এবং কম গুরুত্বপূর্ণ । H3 শিরোনাম দ্বারা অনুসরণ প্রধান শিরোনামে, হিসাবে ব্যবহার করা উচিত ।
এইচটিএমএল লাইন / Line:
<hr> ট্যাগ দিয়ে এইচটিএমএল পৃষ্ঠাতে একটি অনুভূমিক রেখা / লাইন তৈরি করতে পারবেন ।
hr এলিমেন্ট ব্যবহার করার জন্য নিচের কোড টি দেখুনঃ
<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>
এইচটিএমএল মন্তব্য / Comments:
মন্তব্য এটা আরো পাঠযোগ্য এবং বোধগম্য করতে এইচটিএমএল কোড ঢোকানো যাবে. মন্তব্য ব্রাউজার দ্বারা উপেক্ষা করা হয় এবং প্রদর্শিত হয় না
আপনি যদি চান মন্তব্য টি সরিয়ে আপনি একটি ভালো মন্তব্য লিখবেন তাহলে কোড টি লক্ষ করুন :
<!DOCTYPE html>
<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
যেভাবে আপনি একটি পেজ এর এইচটিএমএল কোড দেখবেনঃ
আপনি কি কখনো ভেবেছেন যে তারা কীভাবে একটি ওয়েব পেজ বানিয়েছে তা আপনি দেখেতে পারবেন ? আসলে দেখতে পারবেন ।
যেভাবে এটি দেখতে পারবেনঃ
প্রথমে আপনি যে ওয়েব পেজ এর এইচটিএমএল কোড দেখতে চান সে ওয়েব পেজ এ যান । তার পর সেখানে গিয়ে মাউসের রাইট বাটন ক্লিক করুন । এর পর দেখবেন View Page Source এ ক্লিক করুন । দেখবেন ওয়েব পেজ এর এইচটিএমএল কোড এসেছে । এটি Firefox এর জন্য ।
এইচটিএমএল ট্যাগ রেফারেন্সঃ
Techtuneser 'ট্যাগ রেফারেন্স এই ট্যাগ এবং তাদের গুণাবলী সম্পর্কে অতিরিক্ত তথ্য উপস্থিত রয়েছে । আপনি এই টিউটোরিয়াল পরবর্তী অধ্যায়গুলির মধ্যে এইচটিএমএল ট্যাগ এবং বৈশিষ্ট্যাবলী সম্পর্কে আরও শিখতে পারবেন ।
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন । দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল এলিমেন্টস / Elements সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৪ । আমি আজ কে আলোচনা করব এইচটিএমএল / HTML শিরোনাম / Headings নিয়ে । তাহলে শুরু করা যাক ।
শিরোনাম / Headings এইচটিএমএল ডকুমেন্ট মধ্যে গুরুত্বপূর্ণ একটি জিনিস ।
এইচটিএমএল শিরোনামঃ
এইচটিএমএল শিরোনাম <h1> থেকে <h6> পর্যন্ত ৬ টি ট্যাগে সংজ্ঞায়িত করা হয় ।
<h1> সবচেয়ে গুরুত্বপূর্ণ লেখা সংজ্ঞায়িত করে এবং এটি সব চেয়ে বড় লিখা হয় । <h6> এটি হয় সব চেয়ে ছোট লিখা এবং এটি হয় সব চেয়ে ছোট ।
উদাহরণঃ
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
শিরোনাম হয় গুরুত্বপূর্রঃ
শুধুমাত্র এইচটিএমএল শিরোনাম / Heading শিরোনাম জন্য ব্যবহার করুন. টেক্সট বড় বা বোল্ড করতে শিরোনাম ব্যবহার করবেন না । সার্চ ইঞ্জিন ইনডেক্স আপনার ওয়েব পৃষ্ঠাগুলি গঠন এবং বিষয়বস্তু আপনার শিরোনামে ব্যবহার করুন । ব্যবহারকারী তার শিরোনামে দ্বারা আপনার পৃষ্ঠাগুলি পড়া পড়বে । যেহেতু, এটি ডকুমেন্ট গঠন প্রদর্শন হিসেবে শিরোনাম ব্যবহার গুরুত্বপূর্ণ । H1 শিরোনাম তারপরের শিরোনাম H2 চেয়ে ছোট এবং কম গুরুত্বপূর্ণ । H3 শিরোনাম দ্বারা অনুসরণ প্রধান শিরোনামে, হিসাবে ব্যবহার করা উচিত ।
এইচটিএমএল লাইন / Line:
<hr> ট্যাগ দিয়ে এইচটিএমএল পৃষ্ঠাতে একটি অনুভূমিক রেখা / লাইন তৈরি করতে পারবেন ।
hr এলিমেন্ট ব্যবহার করার জন্য নিচের কোড টি দেখুনঃ
<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>
এইচটিএমএল মন্তব্য / Comments:
মন্তব্য এটা আরো পাঠযোগ্য এবং বোধগম্য করতে এইচটিএমএল কোড ঢোকানো যাবে. মন্তব্য ব্রাউজার দ্বারা উপেক্ষা করা হয় এবং প্রদর্শিত হয় না
আপনি যদি চান মন্তব্য টি সরিয়ে আপনি একটি ভালো মন্তব্য লিখবেন তাহলে কোড টি লক্ষ করুন :
<!DOCTYPE html>
<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
যেভাবে আপনি একটি পেজ এর এইচটিএমএল কোড দেখবেনঃ
আপনি কি কখনো ভেবেছেন যে তারা কীভাবে একটি ওয়েব পেজ বানিয়েছে তা আপনি দেখেতে পারবেন ? আসলে দেখতে পারবেন ।
যেভাবে এটি দেখতে পারবেনঃ
প্রথমে আপনি যে ওয়েব পেজ এর এইচটিএমএল কোড দেখতে চান সে ওয়েব পেজ এ যান । তার পর সেখানে গিয়ে মাউসের রাইট বাটন ক্লিক করুন । এর পর দেখবেন View Page Source এ ক্লিক করুন । দেখবেন ওয়েব পেজ এর এইচটিএমএল কোড এসেছে । এটি Firefox এর জন্য ।
এইচটিএমএল ট্যাগ রেফারেন্সঃ
Techtuneser 'ট্যাগ রেফারেন্স এই ট্যাগ এবং তাদের গুণাবলী সম্পর্কে অতিরিক্ত তথ্য উপস্থিত রয়েছে । আপনি এই টিউটোরিয়াল পরবর্তী অধ্যায়গুলির মধ্যে এইচটিএমএল ট্যাগ এবং বৈশিষ্ট্যাবলী সম্পর্কে আরও শিখতে পারবেন ।
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন । দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন