মাত্র কয়েক ঘন্টার মধ্যে কিভাবে একটি ওয়েবসাইট তৈরি করবেন

একটি ওয়েবসাইট তৈরি করা কঠিন হতে হবে না. এই অনুচ্ছেদে, আমরা এইচটিএমএল পৃষ্ঠা তৈরির মূল বিষয়গুলি এবং কীভাবে একটি মিনি-অন্তর্ভুক্ত তালিকা তৈরি করতে হয় সেগুলি নিয়ে চলব. পরবর্তী, আমরা আলোচনা করব কিভাবে html ব্যবহার করতে হয়>-টেক্সট হাইলাইট করতে ট্যাগ করুন. শেষ পর্যন্ত, আমরা আপনাকে দেখাব কিভাবে মাত্র কয়েক ঘন্টার মধ্যে একটি ওয়েবসাইট তৈরি করতে হয়. আমরা আরও কয়েকটি দরকারী কৌশল কভার করব.

একটি html পৃষ্ঠা তৈরি করা হচ্ছে

HTML হল ওয়েব পেজ তৈরির জন্য ব্যবহৃত ভাষা. এটি ওয়েব পৃষ্ঠার গঠন সংজ্ঞায়িত করে এবং CSS কিভাবে বিষয়বস্তু প্রদর্শন করা হয় তা নিয়ন্ত্রণ করে. একটি মৌলিক HTML পৃষ্ঠা তৈরি করা কঠিন নয়. শুরু করার জন্য এখানে একটি ধাপে ধাপে নির্দেশিকা রয়েছে. আপনার একটি মৌলিক এইচটিএমএল পৃষ্ঠা আছে একবার, আপনি আরও জটিল এবং গতিশীল তৈরি করতে প্রস্তুত. শুরু করতে, আপনার একটি টেক্সট এডিটর এবং একটি ওয়েব ব্রাউজার লাগবে.

আপনি আপনার ওয়েবপৃষ্ঠার জন্য সামগ্রী তৈরি করতে MS Word এর মতো একটি ওয়ার্ড প্রসেসরও ব্যবহার করতে পারেন. আপনি একে অপরের সাথে পাঠ্য সংযোগ করতে হাইপারলিঙ্ক ব্যবহার করতে পারেন. আপনি একটি html ফাইল হিসাবে ফাইল সংরক্ষণ করতে পারেন, একটি ওয়েব পেজ. এই পদ্ধতি ভাল কাজ করে, কিন্তু আপনি এইভাবে যে পৃষ্ঠাগুলি তৈরি করেন তা বিশাল এবং ব্রাউজার উইন্ডোতে ভাল দেখায় না. এই পদ্ধতির একমাত্র নেতিবাচক দিক হল যে আপনাকে উপলব্ধ সরঞ্জামগুলি ব্যবহার করতে শিখতে হবে.

এইচটিএমএল একটি মার্কআপ ভাষা, যার অর্থ হল পৃষ্ঠার বিষয়বস্তু বিন্যাস করার জন্য আপনাকে ট্যাগগুলি অন্তর্ভুক্ত করতে হবে৷. প্রতিটি ট্যাগ পৃষ্ঠার একটি উপাদানের প্রতিনিধিত্ব করে. একটি ট্যাগ একটি কোণ বন্ধনী দ্বারা চিহ্নিত করা হয়. কিছু উপাদান শুধুমাত্র একটি ট্যাগ প্রয়োজন, অন্যদের দুই প্রয়োজন যখন. একটি ক্লোজিং ট্যাগে একটি ফরোয়ার্ড স্ল্যাশ থাকে. উদাহরণ স্বরূপ, অনুচ্ছেদ ট্যাগ একটি অনুচ্ছেদ নামক উপাদান তৈরি করে. ওপেনিং এবং ক্লোজিং ট্যাগের মধ্যবর্তী টেক্সট অনুচ্ছেদ টেক্সট গঠন করে. একইভাবে, ul ট্যাগ একটি ক্রমবিহীন তালিকা তৈরি করে.

একটি মিনি-অন্তর্ভুক্ত তালিকা তৈরি করা হচ্ছে

একটি মিনি-অন্তর্ভুক্ত বিভাগ তৈরি করা একই ওয়েব পৃষ্ঠায় বিভিন্ন উপাদান লিঙ্ক করার একটি কার্যকর উপায়. একটি এইচটিএমএল পেজকে কয়েকটি সাব-সেকশনে ভাগ করা যায়, উপাদানগুলির একটি তালিকা ধারণকারী প্রতিটি বিভাগ সহ. এই উপাদানগুলি বিভিন্ন উদ্দেশ্যে পরিবেশন করে. আপনি বর্ণানুক্রমিক ক্রম প্রদর্শন করতে টাইপ বৈশিষ্ট্য ব্যবহার করতে পারেন. আপনি একটি অক্ষর সহ উপাদানগুলির একটি তালিকা তৈরি করতে ছোট হাতের অক্ষর ব্যবহার করতে পারেন, খ, বা গ.

একটি উপাদান যোগ করা সহজ. একটি সাধারণ HTML নথিতে ট্যাগ থাকে যা এর বিষয়বস্তুকে সংজ্ঞায়িত করে. এই ট্যাগগুলো সাধারণত জোড়ায় আসে. খোলার ট্যাগটি এর মধ্যে থাকা উপাদানগুলির তালিকা করতে ব্যবহৃত হয়, যখন ক্লোজিং ট্যাগ উপাদানটিকে বন্ধ করে দেয়. উদ্বোধনী ট্যাগ, বা মাথা, নথি সম্পর্কে বর্ণনামূলক তথ্য অন্তর্ভুক্ত. এই তথ্য একটি শিরোনাম অন্তর্ভুক্ত হতে পারে, শৈলী শীট তথ্য, স্ক্রিপ্ট, বা মেটা তথ্য. ক্লোজিং ট্যাগ, অন্য দিকে, উপাদান বন্ধ করে.

html ব্যবহার করে>-ট্যাগ

html>-ট্যাগ একটি HTML নথির প্রধান বিষয়বস্তু এলাকা সংজ্ঞায়িত করতে ব্যবহৃত হয়. মূল বিষয়বস্তু অঞ্চলে পৃষ্ঠার কেন্দ্রীয় বিষয় বা কার্যকারিতা সম্পর্কিত পাঠ্য থাকে. এটি সাইটের অন্যান্য সামগ্রী থেকে অনন্য হতে হবে. অন্যান্য বিষয়বস্তু সাইডবার আকারে পৃষ্ঠায় প্রদর্শিত হতে পারে, নেভিগেশন লিঙ্ক, কপিরাইট তথ্য, সাইটের লোগো, এবং অনুসন্ধান ফর্ম. একটি HTML পৃষ্ঠা অবশ্যই html অনুসরণ করবে>-ট্যাগ একটি HTML পৃষ্ঠা হিসাবে বিবেচিত হবে.

href= এট্রিবিউট লিঙ্ক এলিমেন্ট খোলে. পরে “=” চিহ্ন, আপনি লিঙ্কের URL পেস্ট করা উচিত. আপনি একটি শিরোনামে একাধিক অনুচ্ছেদ লাইন ব্যবহার করতে পারেন. বন্ধনী বন্ধনী একটি আবশ্যক. এটি আপনার লিঙ্কগুলিকে ভুল ব্যাখ্যা করা থেকে বাধা দেবে. এইচটিএমএল পেজ পড়া সহজ করতে, আপনার ওয়েবসাইটে একটি লিঙ্ক যোগ করুন. html>-ট্যাগ আপনাকে অন্য ওয়েব পৃষ্ঠায় নির্দেশ করে এমন লিঙ্ক যোগ করার অনুমতি দেবে.

একটি HTML ফাইলে a.html এক্সটেনশন থাকবে যা আপনার কম্পিউটারকে বলবে এটি একটি HTML ফাইল. শূন্যস্থানের পরিবর্তে হাইফেন ব্যবহার করা ভাল, যেহেতু স্পেস একটি ওয়েব ব্রাউজারকে ফাইল খুঁজে পেতে বাধা দেবে. একবার আপনি একটি এইচটিএমএল পৃষ্ঠা তৈরি করা সম্পূর্ণ করেছেন, আপনি এটি সংরক্ষণ করতে হবে. পরবর্তী, HTML ফাইল সহ ফোল্ডারে নেভিগেট করুন এবং ডান-ক্লিক করুন. এটি নীচের স্ক্রিনশটের মতো দেখা উচিত.

html ব্যবহার করে>-টেক্সট হাইলাইট করতে ট্যাগ করুন

আপনি চিহ্ন ব্যবহার করতে পারেন> HTML নথিতে টেক্সট হাইলাইট করতে ট্যাগ. এটি একটি অপেক্ষাকৃত নতুন HTML 5 বৈশিষ্ট্য, এবং এটি একটি অনুচ্ছেদের একটি হাইলাইট করা অংশকে সংজ্ঞায়িত করে. চিহ্ন> অন্তর্নিহিত HTML নথির ব্যাকগ্রাউন্ড-কালার বৈশিষ্ট্য পরিবর্তন করে ট্যাগ কাজ করে. চিহ্ন> ট্যাগ গ্লোবাল এবং ইভেন্ট বৈশিষ্ট্য উভয় সমর্থন করে. এটি হলুদ বা কালো টেক্সট হাইলাইট করবে. অন্তর্নিহিত CSS ফাইলে পাঠ্যের রঙ পরিবর্তন করাও সম্ভব.

বেশিরভাগ স্ক্রিন রিডার মার্ক এলিমেন্ট ঘোষণা করে না, কিন্তু আপনি কোন টেক্সট হাইলাইট করতে চান তা স্পষ্ট করতে আপনি CSS কন্টেন্ট প্রপার্টি বা.before এবং.after pseudo-elements ব্যবহার করতে পারেন. ঘোষণাগুলি শব্দপূর্ণ এবং পৃষ্ঠায় অপ্রয়োজনীয় তথ্য যোগ করে, তাই আপনি তাদের অল্প ব্যবহার করা উচিত. উদাহরণ স্বরূপ, আপনি একটি সার্চ টার্ম হাইলাইট করতে বা উদ্ধৃতি ব্লক করতে ঘোষণা ব্যবহার করতে পারেন. ঘোষণা সব প্রধান ব্রাউজার দ্বারা সমর্থিত হয়.

ব্যাকগ্রাউন্ড-কালার স্টাইল ছাড়াও, আপনি 'হাইলাইটমে' ব্যবহার করতে পারেন’ আপনার HTML নথিতে পাঠ্য হাইলাইট করার জন্য ক্লাস. ব্যাকগ্রাউন্ড-কালার শৈলী সমস্ত ব্রাউজার দ্বারা সমর্থিত. আপনি 'হলুদ' শব্দটিও ব্যবহার করতে পারেন’ রঙের কোডের পরিবর্তে. আপনি অনুচ্ছেদ বা পাঠ্যের বিভাগ হাইলাইট করতে একই কোড ব্যবহার করতে পারেন. আপনি পাঠ্য হাইলাইট করতে CSS ক্লাসগুলিও ব্যবহার করতে পারেন.

html ব্যবহার করে>-একটি মিনি-অন্তর্ভুক্ত তালিকা তৈরি করতে ট্যাগ করুন

html>-ট্যাগ মিনি-অন্তর্ভুক্ত একটি তালিকা তৈরি করতে ব্যবহৃত হয়. এতে সংশ্লিষ্ট ক্লোজিং ট্যাগ রয়েছে এবং উপাদানটির নাম ছোট হাতের. HTML নথিগুলি UTF-8 অক্ষর এনকোডিং ব্যবহার করে এনকোড করা হয়, যা ইউনিকোড অক্ষর অন্তর্ভুক্তি সমর্থন করে. html ব্যবহার করার সময়>-ট্যাগ, UTF-8 নির্বাচন করতে ভুলবেন না “save-as” ডায়ালগ বক্স.

html ব্যবহার করে>-একটি HTML পৃষ্ঠায় একটি মিনি-অন্তর্ভুক্ত তালিকা যোগ করতে ট্যাগ করা সহজ. আপনি এই ট্যাগটি যেকোন উপাদানের জন্য ব্যবহার করতে পারেন যা একটি ক্রমবিহীন তালিকা সমর্থন করে. এমনকি আপনি একটি নেভিগেশন মেনুর জন্য একটি ক্রমবিহীন তালিকা ব্যবহার করতে পারেন. dl উপাদানটি পদ এবং বর্ণনার জোড়ার একটি তালিকা সংযুক্ত করে. অর্ডার করা তালিকার আইটেমগুলি বাম দিকে একটি বর্ধিত কাউন্টার সহ প্রদর্শিত হয়. এছাড়াও আপনি dl উপাদানটি বাদ দিতে পারেন যদি তালিকা আইটেমটি অবিলম্বে অন্য একটি উপাদান দ্বারা অনুসরণ করা হয়.

একটি মিনি-অন্তর্ভুক্ত তালিকা সন্নিবেশ করার আরেকটি উপায় হল একটি HTML নথিতে একটি ফুটার উপাদান যোগ করা. এই উপাদানটি নিকটতম বিভাগীয় বিষয়বস্তুর ফুটার প্রতিনিধিত্ব করে. এটি সাধারণত লেখক সম্পর্কে তথ্য ধারণ করে, কপিরাইট ডেটা, অথবা সংশ্লিষ্ট নথির লিঙ্ক. html ব্যবহার করে>-একটি HTML পৃষ্ঠায় একটি মিনি-অন্তর্ভুক্ত তালিকা তৈরি করতে ট্যাগ করুন

html ব্যবহার করে>-পৃথক টেক্সট ব্লক হাইলাইট করতে ট্যাগ

HTML5 চিহ্ন সহ পৃথক পাঠ্য ব্লকগুলিকে হাইলাইট করে> উপাদান. এই HTML5 ট্যাগটি উৎসের বিষয়বস্তুর রঙকে হলুদ বা কালো রঙের একটি নির্দিষ্ট শেডে পরিবর্তন করে, পাঠককে গুরুত্বপূর্ণ পাঠ্যকে আলাদা করার অনুমতি দেয়. এটি সামগ্রীর বিভাগগুলি নির্দেশ করতেও ব্যবহার করা যেতে পারে যেগুলি অন্যান্য পাঠ্যের চেয়ে বেশি মনোযোগের প্রয়োজন৷. চিহ্ন> এলিমেন্ট HTML এ গ্লোবাল অ্যাট্রিবিউট এবং ইভেন্ট অ্যাট্রিবিউট সমর্থন করে. সঠিকভাবে ব্যবহার করা হলে, এই HTML5 ট্যাগটি একটি ওয়েবপেজের পঠনযোগ্যতা বাড়াতে পারে.

HTML4 মান ভৌত-শৈলী অক্ষর-স্তরের ট্যাগগুলিকে অবমূল্যায়ন করে. তারা উপস্থাপনা নিয়ে কাজ করে, এবং এই উদ্দেশ্যে CSS ব্যবহার করা ভাল. HTML5 তাদের পুনরায় প্রবর্তন করেছে. তারা আর অবজ্ঞা করা হয় না, কিন্তু তারা এখনও পৃথক পাঠ্য ব্লক হাইলাইট করার একমাত্র উপায় নয়. HTML5 এর সাথে পাঠ্যের পৃথক ব্লক হাইলাইট করতে CSS ব্যবহার করুন! এই সহজ পদ্ধতিটি বিষয়বস্তুর একটি অংশের মধ্যে পৃথক পাঠ্য ব্লকগুলিকে হাইলাইট করবে.

ভাসা: আপনি এই CSS প্রপার্টিটি ব্যবহার করতে পারেন একটি উপাদানকে ধারণ করা উপাদানটির বাম বা ডান প্রান্তে ভাসানোর জন্য. এটি একটি গ্রিড বা কলাম তৈরি করতে ব্যবহার করা যেতে পারে. আপনি ব্রাউজারের বাম বা ডান মার্জিনে একটি আইফ্রেম বা একটি চিত্র ভাসানোর জন্য ফ্লোট নামক একটি CSS সম্পত্তি ব্যবহার করতে পারেন. এই বৈশিষ্ট্যগুলি CSS এর সাথে পৃথক ব্লকগুলিকে হাইলাইট করা সহজ করে তোলে.