এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন

সুচিপত্র:

এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন
এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন

ভিডিও: এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন

ভিডিও: এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন
ভিডিও: How To Create Website Part 01 || কিভাবে একটি ওয়েবসাইট তৈরি করবেন। 2024, মে
Anonim

আজ প্রায় সমস্ত সাইট কন্টেন্ট ম্যানেজমেন্ট সিস্টেম - সিএমএস ব্যবহার করে তৈরি করা হয়েছে। তবে এখনও এমন প্রোগ্রামাররা আছেন যাঁরা সরাসরি HTML চিহ্নআপ ভাষায় হাতে হাতে ওয়েব পৃষ্ঠা তৈরি করেন। আপনি কি তাদের মধ্যে একটি হতে চান?

এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন
এইচটিএমএলে কীভাবে একটি ওয়েবসাইট তৈরি করবেন

নির্দেশনা

ধাপ 1

এইচটিএমএল ফাইল সম্পাদনা করতে কেবল একটি পাঠ্য-পাঠ্য সম্পাদক ব্যবহার করুন। ইউনিকোড এনকোডিংয়ে ফলাফলগুলি সংরক্ষণ করুন - তারপরে আপনার একই সাথে একই পৃষ্ঠায় সিরিলিক, লাতিন বর্ণের আমলাটদের সাথে গাণিতিক এবং শারীরিক চিহ্ন এবং গ্রীক বর্ণগুলি চিহ্ন স্থাপনে সমস্যা হবে না।

ধাপ ২

". Html" এক্সটেনশন সহ সমস্ত ফাইলের নাম দিন (কোট ছাড়াই)। এই নামগুলিতে কেবল লাতিন অক্ষর, সংখ্যা, আন্ডারস্কোর এবং হাইফেন ব্যবহার করা যেতে পারে, তবে কোনও ক্ষেত্রেই অন্যান্য বিরাম চিহ্নগুলি (নাম এবং এক্সটেনশানটি পৃথক করার সময়কাল বাদে) এবং স্পেসগুলি ব্যবহার করে।

ধাপ 3

সাইটের হোমপেজটি "index.html" (কোনও উদ্ধৃতি ব্যতীত) একটি ফাইলে সংরক্ষণ করতে ভুলবেন না। আপনার হোস্টিং রুট ফোল্ডারে এই ফাইলটি রাখুন। এটির বিষয়বস্তু যা সাইট ভিজিটর অতিরিক্ত পরামিতি ছাড়াই ব্রাউজারের ঠিকানা বারে এর URL প্রবেশ করে দেখবে। পৃষ্ঠা এবং চিত্রের বাকী অংশগুলি একই ফোল্ডারে রাখুন।

পদক্ষেপ 4

প্রতিটি ফাইলে, শুরু এবং শেষের ব্লকগুলি প্রাক-ব্যবস্থা করুন। চিত্রটিতে যেমন দেখানো হয়েছে তেমনভাবে তাদের সাজান। প্রাথমিক কিউসি ব্লকের শেষ লাইনে - 00 থেকে এফএফ থেকে ব্যাকগ্রাউন্ড রঙের লাল উপাদানটির উজ্জ্বলতার হেক্সাডেসিমাল মান, ЗЗ - সবুজ উপাদানগুলির জন্য একই, সিসি - একই নীল উপাদান জন্য।

পদক্ষেপ 5

পৃষ্ঠার সামগ্রীটি শুরু এবং শেষের ব্লকের মধ্যে রাখুন।

পদক্ষেপ 6

বসতিগুলির উপাধি সহ রাস্তার লক্ষণগুলি মনে রাখবেন। যদি চিহ্নটিতে কোনও নাম লেখা থাকে, তবে এর অর্থ হ'ল এটি নামটির সাথে বন্দোবস্তের প্রবেশদ্বারে অবস্থিত। যদি নামটি অতিক্রম করা হয়, তবে সাইনটি এটি থেকে প্রস্থান করার সময় অবস্থিত। একটি ট্যাগে, কমান্ডের সামনে ভগ্নাংশ সাইন একটি রাস্তা সাইন জুড়ে একটি লাইন হিসাবে কাজ করে। "খোলার" ট্যাগটির ক্রিয়াটি সমাপ্ত হয় যখন একই কমান্ডের সাথে "সমাপ্তি" ট্যাগটি পাঠ্যের পরে আসে।

পদক্ষেপ 7

অনুচ্ছেদটি শুরু করতে, বাম দিকে ছবিতে প্রদর্শিত ট্যাগটি ব্যবহার করুন। অনুচ্ছেদের আগে এক-লাইন ইন্ডেন্টের জন্য, চিত্রটিতে ডানদিকে দেখানো ট্যাগটি ব্যবহার করুন।

পদক্ষেপ 8

ইটালিকস এবং গা bold়ে পাঠ্যকে হাইলাইট করতে, চিত্রটিতে প্রদর্শিত ট্যাগ এবং তাদের সংমিশ্রণগুলি ব্যবহার করুন।

পদক্ষেপ 9

ফন্টের আকার এবং রঙ পরিবর্তন করতে, উপরের চিত্রটিতে প্রদর্শিত কমান্ডটি ব্যবহার করুন, যেখানে সিসি, জেডজেড এবং এসএস মানগুলি পটভূমির রঙের মতো একইভাবে সংজ্ঞায়িত করা হয়েছে, পয়েন্টগুলির মধ্যে হাইট হ'ল ফন্টের উচ্চতা। কেবলমাত্র আকার বা শুধুমাত্র ফন্টের রঙ পরিবর্তন হলে রঙ বা ফন্ট ট্যাগগুলি বাদ দেওয়া যেতে পারে this এই আদেশটি বাতিল করতে, নীচের ছবিতে প্রদর্শিত ট্যাগটি ব্যবহার করুন।

পদক্ষেপ 10

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

পদক্ষেপ 11

কোনও পৃষ্ঠাতে অন্যটির লিঙ্ক প্রবেশ করানোর জন্য, স্থানীয়ভাবে মূল ফোল্ডারে সঞ্চিত, উপরের চিত্রটিতে প্রদর্শিত কাঠামোটি ব্যবহার করুন। একটি তৃতীয় পক্ষের সাইটে অবস্থিত একটি পৃষ্ঠায় লিঙ্ক করতে, নীচের চিত্রে প্রদর্শিত হিসাবে এই কাঠামোটি সংশোধন করুন।

পদক্ষেপ 12

এইচটিএমএল মার্কআপ ল্যাঙ্গুয়েজে টিউটোরিয়ালটির জন্য ওয়েবে অনুসন্ধান করুন এবং সেই ভাষাতে কয়েক ডজন রয়েছে এমন বাকী ট্যাগগুলি কীভাবে ব্যবহার করবেন তা আপনি শিখবেন।

প্রস্তাবিত: