কন্টেন্ট

• পদক্ষেপ
• পর্ব 1: আমি কীভাবে এইচটিএমএল আবিষ্কার করেছি
• পরামর্শ
• সতর্কতা
• তুমি কি চাও

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

পদক্ষেপ

4 এর 1 ম অংশ: একটি নথি তৈরি করা

1. 

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

2. 

   
   
   একটি ওয়েব পৃষ্ঠা হিসাবে একটি ফাইল সংরক্ষণ করুন। উপরের মেনুতে ফাইল → সংরক্ষণ করুন হিসাবে নির্বাচন করুন। ফাইলের ফর্ম্যাটটিকে "ওয়েব পৃষ্ঠা", ".html" বা ".htm" এ পরিবর্তন করুন। ফাইলটি যেখানে আপনি সহজে এটি সন্ধান করতে পারেন সেভ করুন।
   • এই তিনটি বিকল্পের মধ্যে কোনও পার্থক্য নেই।

3. 

   ব্রাউজারে ফাইলটি খুলুন। ফাইলটি ডাবল ক্লিক করুন এবং এটি স্বয়ংক্রিয়ভাবে আপনার ব্রাউজারে একটি ফাঁকা ওয়েব পৃষ্ঠা হিসাবে খুলবে। বিকল্পভাবে, আপনি ফায়ারফক্স বা ইন্টারনেট এক্সপ্লোরার এর মতো একটি ব্রাউজার খুলতে পারেন এবং তারপরে নথিটি নির্বাচন করতে ফাইল → ওপেন ফাইল ব্যবহার করতে পারেন।
   • এই ওয়েবসাইটটি অনলাইন নয়। এটি কেবলমাত্র আপনার কম্পিউটারে দেখা যায়।

4. 

   
   
   ওয়েব পৃষ্ঠাটি রিফ্রেশ করুন এবং পরিবর্তনগুলি দেখুন। আপনার খালি নথিতে নিম্নলিখিতটি লিখুন: হ্যালো। নথিটি সংরক্ষণ করুন আপনার ব্রাউজারে ফাঁকা ওয়েব পৃষ্ঠাটি রিফ্রেশ করুন এবং আপনার পৃষ্ঠার শীর্ষে "হ্যালো" শব্দটি গা bold়ভাবে দেখা উচিত। এই টিউটোরিয়াল চলাকালীন যখনই আপনি আপনার নতুন এইচটিএমএল পরীক্ষা করতে চান, .htm ডকুমেন্টটি সংরক্ষণ করুন এবং তারপরে আপনার ব্রাউজার উইন্ডোটি রিফ্রেশ করুন কীভাবে এইচটিএমএল সংকলিত রয়েছে তা দেখুন।
   • আপনি যদি শব্দগুলি দেখতে পান ""এবং"'' আপনার ব্রাউজারে উপস্থিত হয়, ফাইলটি এইচটিএমএলে সঠিকভাবে সংকলিত হয়নি। একটি ভিন্ন পাঠ্য সম্পাদক বা একটি ভিন্ন ব্রাউজার চেষ্টা করুন।

5. 

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

6. 

   আপনার নথি তৈরি করুন। আপনার এইচটিএমএল ডকুমেন্টের সমস্ত কিছু মুছুন। নিচের পাঠ্যটি শুরু করুন ঠিক যেমন লেখা হয়েছিল (মাইনাস বুলেট পয়েন্ট)। এই এইচটিএমএল কোড ব্রাউজারকে বলে যে আপনি কোন প্রকারের এইচটিএমএল ব্যবহার করছেন এবং আপনার সমস্ত এইচটিএমএল ট্যাগের ভিতরে স্থাপন করা হবে। এবং .

7. 

   মাথা (মাথা) এবং বডি ট্যাগ যুক্ত করুন। এইচটিএমএল নথি দুটি ভাগে বিভক্ত। "শীর্ষ" বিভাগটি বিশেষ তথ্যের জন্য যেমন পৃষ্ঠার শিরোনাম। "বডি" বিভাগে পৃষ্ঠার মূল বিষয়বস্তু রয়েছে। আপনার দস্তাবেজে এই বিভাগ দুটি যোগ করুন এবং শেষ ট্যাগগুলি অন্তর্ভুক্ত করতে ভুলবেন না। নতুন যুক্ত হওয়া পাঠ্যটি সাহসী:

8. 

   আপনার পৃষ্ঠাটিকে একটি শিরোনাম দিন। শিরোনামের সাথে শিখতে প্রধান বিভাগের বেশিরভাগ কার্ডই গুরুত্বহীন। শিরোনাম ট্যাগটি ব্যবহার করা সহজ তবে এটি নির্ধারণ করবে যে ব্রাউজার উইন্ডো বা ব্রাউজার ট্যাবে কী নামে প্রদর্শিত হবে। হেডলাইন শুরু এবং শেষ ট্যাগগুলি হেড ট্যাগগুলির মধ্যে রাখুন এবং সেই ট্যাগগুলির মধ্যে আপনার পছন্দ মতো কোনও শিরোনাম লিখুন:
   বিজ্ঞাপন

4 অংশ 2: পাঠ্য বিন্যাস

1. 

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

2. 

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

   • আমি এইচটিএমএল পৃষ্ঠা লেখার জন্য উইকির নির্দেশাবলী অনুসরণ করেছি।

   • আমার আজকের লক্ষ্য:

   • সমাপ্ত লক্ষ্যসমূহ:

   • শিরোনাম কীভাবে ব্যবহার করতে হয় তা শিখুন।

   • অসম্পূর্ণ লক্ষ্য:

   • আরও পাঠ্য বিন্যাসের ট্যাগগুলি শিখুন।

3. 

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

4. 

   আপনার পৃষ্ঠায় পাঠ্য সংগঠিত করুন। আপনি লক্ষ করেছেন যে "প্রবেশ" কী টিপলে পাঠ্যটি অন্য লাইনে প্রদর্শিত হবে না। এই ট্যাগগুলি আপনাকে অনুচ্ছেদ এবং লাইন বিরতি তৈরি করতে বা অন্যভাবে আপনার পাঠ্যকে সাজিয়ে তুলতে সহায়তা করতে পারে:

   • "অনুচ্ছেদের জন্য সংক্ষিপ্ত," (অনুচ্ছেদে) ট্যাগ এই ট্যাগগুলির মধ্যে সমস্ত পাঠকে একটি অনুচ্ছেদে রাখবে এবং এটিকে উপরে এবং নীচের পাঠ্য থেকে পৃথক করবে।

   • 
     এই ট্যাগ লাইন বিরতি উত্পাদন করবে। এটিতে কোনও শেষ ট্যাগ যুক্ত করবেন না, কারণ এটি অন্য কোনও সামগ্রীতে হস্তক্ষেপ করে না। এই ট্যাগটি কবিতা বা ঠিকানা লাইনে ব্যবহার করুন, অনুচ্ছেদে নয় not

   • যদি আপনাকে খুব নির্ভুলভাবে পাঠ্য প্রদর্শন করতে হয়, এই ট্যাগটির ভিতরে লেখাটি একটি নির্দিষ্ট প্রস্থের ফন্টে সেট করে (প্রতিটি বর্ণের একই প্রস্থ থাকে), এবং আপনাকে অন্তর তৈরি করতে দেয় আপনি ট্যাগগুলির পরিবর্তে নিয়মিত সম্পাদনার জন্য খালি এবং লাইন বিরতি।

   • এই ট্যাগটি উত্স থেকে উদ্ধৃত পাঠ্যের ধরণের সংজ্ঞা দেয়।

     আপনি পরে উত্স বর্ণনা করতে পারেন সিট কার্ড.

5. 

   অদৃশ্য ক্যাপশন পাঠ্য যুক্ত করুন। মন্তব্য ট্যাগ ওয়েব পৃষ্ঠায় প্রদর্শিত হয় না। তারা আপনাকে লিখিত সামগ্রীকে প্রভাবিত না করে HTML ডকুমেন্টে নিজেকে টিকাশ করার অনুমতি দেয়। একটি শেষ ট্যাগ যোগ করবেন না।
   • যে কার্ডগুলি ট্যাগ শেষ না করে একা চলে যায় তাদের "খালি ট্যাগ" বলা হয়।

6. 

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

   • আশা করি আপনি এই পৃষ্ঠাটি উপভোগ করবেন!

     আমি এটি আপনার জন্য তৈরি করেছি।

   • পর্ব 1: আমি কীভাবে এইচটিএমএল আবিষ্কার করেছি

   • আমি ইতিমধ্যে এইচটিএমএল শিখেছি এক দুইঘন্টা, তাই এখন আমি একটি বিশেষজ্ঞ।
   বিজ্ঞাপন

4 এর অংশ 3: লিঙ্ক এবং চিত্র যুক্ত করা

1. 

   বৈশিষ্ট্য সম্পর্কে জানুন। ট্যাগগুলির মধ্যে অতিরিক্ত তথ্য লিখিত থাকতে পারে, তাকে অ্যাট্রিবিউট বলে। এই বৈশিষ্ট্যগুলি ট্যাগগুলিতে নিজের আকারে অতিরিক্ত শব্দ দ্বারা প্রতিনিধিত্ব করে বৈশিষ্ট্যের নাম = "নির্দিষ্ট মানউদাহরণস্বরূপ, যে কোনও এইচটিএমএল ট্যাগের শিরোনাম বৈশিষ্ট্য থাকতে পারে:

   • ভূমিকা অনুচ্ছেদ এখানে।

     অনুচ্ছেদটি "ভূমিকা" শিরোনাম করুন, যা আপনি ওয়েব পৃষ্ঠায় অনুচ্ছেদে ওভার করার পরে উপস্থিত হবে।

2. 

   অন্যান্য ওয়েবসাইটের লিঙ্ক। কার্ড ব্যবহার অন্য কোনও ওয়েব পৃষ্ঠায় হাইপারলিঙ্ক তৈরি করতে। Href অ্যাট্রিবিউট ব্যবহার করে লিঙ্ক করতে ওয়েব পৃষ্ঠার URL টি প্রবেশ করুন। আপনি যে ওয়েব পৃষ্ঠায় পড়ছেন তার লিঙ্কগুলি এখানে একটি উদাহরণ:
   • আপনার ওয়েবসাইটে আপনার দর্শকরা লিঙ্কটি অনুসরণ করতে এই পাঠ্যে ক্লিক করতে পারেন।

3. 

   ট্যাগটিতে একটি আইডি বৈশিষ্ট্য যুক্ত করুন। অন্য কোনও বৈশিষ্ট্য যা কোনও এইচটিএমএল ট্যাগ ব্যবহার করতে পারে তা হ'ল "আইডি" উপাদান। যে কোনও কার্ডে লিখুন আইডি = "বিদু" বা এমন কোনও নাম ব্যবহার করুন যাতে কোনও স্থান নেই। এটি কোনও দৃশ্যমান প্রভাব তৈরি করে না, তবে আমরা পরবর্তী পদক্ষেপে এটি ব্যবহার করব।
   • উদাহরণস্বরূপ, আপনার নথিতে নিম্নলিখিতগুলি যুক্ত করুন:

     এই অনুচ্ছেদটি আইডি বৈশিষ্ট্যটি কীভাবে কাজ করে তা বর্ণনা করার জন্য উদাহরণ হিসাবে ব্যবহৃত হয়।

4. 

   একটি নির্দিষ্ট আইডি সহ কোনও উপাদানকে লিঙ্ক করুন। এখন আমরা হাইপারলিংক ট্যাগ ব্যবহার করতে পারি, , একই পৃষ্ঠায় অন্য অবস্থান লিঙ্ক করতে। একটি URL এর পরিবর্তে, আমরা # চিহ্নটি ব্যবহার করব, তার পরে আমরা যে আইডি মানটি লিঙ্ক করতে চাই তা অনুসরণ করব। উদাহরণ স্বরূপ, এই পাঠ্যটি "বিদু" আইডির সাথে পাঠ্যের সাথে লিঙ্ক করবে।
   • সমস্ত HTML মানগুলি সংবেদনশীল। "#VIDU" এবং "# বিডু" উভয়ই একই অবস্থানের লিঙ্ক করবে।
   • যদি আপনার পৃষ্ঠাটি একবারে পুরো পৃষ্ঠাটি প্রদর্শনের জন্য যথেষ্ট সংক্ষিপ্ত হয় তবে আপনি সম্ভবত আপনার ব্রাউজারে কোনও লিঙ্কে ক্লিক করে কিছুই ঘটতে দেখবেন না। স্ক্রোল বারটি উপস্থিত না হওয়া পর্যন্ত উইন্ডোটিকে পুনরায় আকার দিন এবং তারপরে আবার চেষ্টা করুন।

5. 

   ছবি যুক্ত করো. কার্ড একটি খালি ট্যাগ, যার অর্থ কোনও শেষ ট্যাগের প্রয়োজন নেই। ব্রাউজারটি চিত্রটি প্রদর্শনের জন্য প্রয়োজনীয় সমস্ত বৈশিষ্ট্যগুলি ব্যবহার করে যুক্ত করা হয়। এখানে উইকিহোগুলি লোগোটি প্রদর্শন করার জন্য একটি উদাহরণ রয়েছে যার পিছনে প্রতিটি বৈশিষ্ট্যের বিবরণ রয়েছে:
   • 
   • সম্পত্তি src = "" ফটোটি যেখানে রয়েছে তা ব্রাউজারকে বলে। (নোট করুন যে অন্য কারও সাইট থেকে কোনও ফটো পোস্ট করা অনুচিত বলে মনে করা হয় - এবং পৃষ্ঠাটি সক্রিয় না হলে ফটো অদৃশ্য হয়ে যাবে))
   • সম্পত্তি স্টাইল = "" এটি অনেকগুলি কাজ করতে পারে তবে সবচেয়ে গুরুত্বপূর্ণ এটি পিক্সেলগুলিতে কোনও চিত্রের প্রস্থ এবং উচ্চতা নির্ধারণ করতে ব্যবহৃত হয়। (পরিবর্তে আপনি পৃথক বৈশিষ্ট্য প্রস্থ = "" এবং উচ্চতা = "" ব্যবহার করতে পারেন তবে আপনি সিএসএস ব্যবহার করলে অদ্ভুত আকার পরিবর্তন করতে সমস্যা দেখা দিতে পারে))
   • সম্পত্তি Alt = "" চিত্রটি একটি সংক্ষিপ্ত বিবরণ যা ব্যবহারকারী দেখতে পাবে যে চিত্রটি লোড করতে ব্যর্থ হয়েছে। এটি প্রয়োজনীয়তা হিসাবে বিবেচিত হয়, কারণ এটি অন্ধ যারা ওয়েবসাইট দর্শকদের জন্য স্ক্রিন পাঠকদের জন্য ব্যবহৃত হয়।
   বিজ্ঞাপন

4 এর 4 তম অংশ: আপনার ওয়েবসাইট অনলাইনে যুক্ত করা এবং পান আরও শিখুন

1. 

   আপনার এইচটিএমএল নিশ্চিত করুন। এইচটিএমএল যাচাইকরণ আপনার কোডের ত্রুটিগুলি পরীক্ষা করে। যদি আপনার সাইটটি সঠিকভাবে প্রদর্শন না করে তবে বৈধতা আপনাকে সমস্যা তৈরির ত্রুটিটি খুঁজে পেতে সহায়তা করতে পারে। কোডটি ডিসপ্লেতে দেখতে ভাল লাগে তা নির্ধারণ করে এটি আপনাকে HTML সম্পর্কে আরও শিখিয়ে দিতে পারে তবে এইচটিএমএল স্ট্যান্ডার্ডে নতুন আপডেটের কারণে এটি আর সুপারিশ করা হয় না। অবৈধ এইচটিএমএল ব্যবহার করা আপনার সাইটের অকেজো রেন্ডার করে না, তবে সমস্যা বা বিভিন্ন ব্রাউজারে অস্থিরতা প্রদর্শন করতে পারে।
   • ডাব্লু 3 সি থেকে একটি নিখরচায় অনলাইন বৈধতা পরিষেবা ব্যবহার করে দেখুন বা অনলাইনে অন্য কোনও এইচটিএমএল 5 বৈধকরণ সরঞ্জাম অনুসন্ধান করুন।

2. 

   আরও ট্যাগ এবং বৈশিষ্ট্য শিখুন। আরও অনেক এইচটিএমএল ট্যাগ এবং বৈশিষ্ট্য রয়েছে এবং সেগুলি শেখার জন্য অনেকগুলি জায়গা রয়েছে:
   • আরও টিউটোরিয়াল এবং ট্যাগগুলির সম্পূর্ণ তালিকার জন্য ডাব্লু 3 স্কুল এবং এইচটিএমএল কুকুর চেষ্টা করুন।
   • আপনার পছন্দ মতো কোনও ওয়েবপৃষ্ঠাটি সন্ধান করুন, তারপরে এইচটিএমএল কোডটি দেখতে আপনার ব্রাউজারের "পৃষ্ঠার উত্স দেখুন" ফাংশনটি ব্যবহার করুন। এটি আপনার দস্তাবেজে অনুলিপি করুন এবং এটি কীভাবে কাজ করে তা অধ্যয়ন করুন।
   • অন্যান্য নিবন্ধগুলি পড়ুন এবং কীভাবে এইচটিএমএলে সারণী তৈরি করবেন সে সম্পর্কে শিখুন, অনুসন্ধান ইঞ্জিনগুলি দ্বারা সন্ধান পাওয়ার সম্ভাবনা বাড়াতে মেটা ট্যাগ ব্যবহার করুন বা বিভাগ ব্যবহার করুন। পৃষ্ঠায় একটি অঞ্চল সেট করুন) এবং CSS এর মাধ্যমে শৈলীতে সহায়তা করার জন্য স্প্যান (পাঠ্যের উপাদানটির শৈলী নির্দিষ্ট করতে ব্যবহৃত) used

3. 

   অনলাইনে আপনার ওয়েবসাইট পান। আপনার ওয়েবসাইট হোস্ট করার জন্য একটি পরিষেবা চয়ন করুন এবং তারপরে আপনি নিজের ব্যক্তিগত ওয়েব ডোমেনে যতগুলি HTML পৃষ্ঠাগুলি চান আপলোড করতে পারেন। এটি করার জন্য, আপনাকে এফটিপি আপলোড সফ্টওয়্যার ব্যবহার করতে হবে তবে অনেকগুলি ওয়েব ভাড়া পরিষেবাও এই পরিষেবাটি সরবরাহ করে।
   • আপনার সাইটে সরাসরি পৃষ্ঠাগুলি বা চিত্রগুলির সাথে লিঙ্ক করার সময়, আপনাকে পুরো ঠিকানা ব্যবহার করতে হবে। উদাহরণস্বরূপ, যদি আপনার ডোমেনের নামটি www.chuyengiahtmlsieudang.com হয়, তবে পাঠ্য এই ট্যাগগুলিতে রয়েছে "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html" এ লিঙ্ক হবে

4. 

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

5. 

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

পরামর্শ

• এই টিউটোরিয়ালে ব্যবহৃত ডক্টাইপ ডিক্লেয়ারেশন (ডকুমেন্ট টাইপ ডিক্লেয়ারেশন ব্যবহৃত) হ'ল এইচটিএমএল ৪.০.১ ট্রানজিশনাল (HTML ৪.০.১ টাইট ট্রানজিশন নয়), এটি একটি সহজ ফর্ম্যাট। novices ব্যবহার করার জন্য। ব্যবহার () ব্রাউজারটি একটি কঠোর এইচটিএমএল 5 ফর্ম্যাটে সংকলনের বিকল্প, যা প্রস্তাবিত (যদিও কম ব্যবহৃত হয়) স্ট্যান্ডার্ড স্টাইল।

সতর্কতা

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

তুমি কি চাও

• নোটপ্যাড বা টেক্সটএডিট এর মতো একটি সাধারণ পাঠ্য সম্পাদক
• একটি ওয়েব ব্রাউজার, উদাহরণস্বরূপ ইন্টারনেট এক্সপ্লোরার বা মজিলা ফায়ারফক্স
• (Alচ্ছিক) একটি এইচটিএমএল সম্পাদক যেমন অ্যাডোব ড্রিমউইভার, অ্যাপ্টানা স্টুডিও বা মাইক্রোসফ্ট এক্সপ্রেশন ওয়েব