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

সুচিপত্র:

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

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

ভিডিও: এইচটিএমএল ব্যবহার করে কীভাবে একটি ওয়েবসাইট তৈরি করবেন
ভিডিও: কিভাবে HTML এবং CSS ব্যবহার করে ওয়েবসাইট তৈরি করবেন | সম্পূর্ণ রেসপন্সিভ মাল্টি পেজ ওয়েবসাইট ডিজাইন ধাপে ধাপে 2024, মে
Anonim

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

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

এটা জরুরি

  • - ব্রাউজার;
  • - টেক্সট সম্পাদক.

নির্দেশনা

ধাপ 1

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

ধাপ ২

কোনও সাইট তৈরি শুরু করতে, একটি পাঠ্য সম্পাদক (নোটপ্যাড) এ যান।

তারপরে ট্যাগগুলি লিখুন:

এইচটিএমএল - / এইচটিএমএল - কোনও HTML ডকুমেন্টের প্রথম এবং শেষ ট্যাগ।

শিরোনাম - / শিরোনাম - নথির শিরোনামের শুরু এবং শেষ।

TITLE - / TITLE - দস্তাবেজের শিরোনাম সেট করে (ব্রাউজার উইন্ডোর শিরোনাম)।

দেহ - / দেহ - এইচটিএমএল নথির মূল অংশের সূচনা এবং শেষ, যা নথির বিষয়বস্তু সংজ্ঞায়িত করে।

ধাপ 3

এর পরে, আপনাকে পাঠ্যটি স্টাইল করতে হবে। এর জন্য নিম্নলিখিত ট্যাগগুলির প্রয়োজন:

এইচএক্স - / এইচএক্স - (এক্স 1 থেকে 6 পর্যন্ত একটি সংখ্যা) ছয়টি বিভিন্ন স্তরে শিরোনাম বর্ণনা করে। প্রথম স্তরের শিরোনাম বৃহত্তম, ষষ্ঠ স্তরটি সবচেয়ে ছোট।

পি - / পি - একটি অনুচ্ছেদ বর্ণনা করুন (/ পি ট্যাগ অনুপস্থিত হতে পারে)।

ALIGN একটি প্যারামিটার যা অনুচ্ছেদের প্রান্তিককরণ নির্ধারণ করে:

ALIGN = সেন্টার - কেন্দ্র প্রান্তিককরণ;

ALIGN = ডানদিকে - ডান প্রান্তিককরণ;

ALIGN = বাম - বাম প্রান্তিককরণ।

বিআর - অনুচ্ছেদটি না ভেঙে একটি নতুন লাইনে যান।

বি - / বি - সাহসীভাবে পাঠ্য প্রদর্শন করে।

I - / I - ইটালিক্সে পাঠ্য প্রদর্শন করে।

U - / U - আন্ডারলাইন করা পাঠ্য।

স্ট্রাইক - / স্ট্রাইক - ধর্মঘট পাঠ্য।

ব্লককোয়েট - / ব্লককোয়েট - উদ্ধৃতি প্রদর্শন করে।

এসইউবি - / এসইউবি - সাবস্ক্রিপ্টগুলি প্রদর্শন করে।

এসইউপি - / এসইউপি - সুপারস্ক্রিপ্টের প্রদর্শন।

টিটি - / টিটি - একটি নির্দিষ্ট অক্ষরের প্রস্থ সহ একটি ফন্ট ব্যবহার করুন।

বিআইজি - / বিআইজি - বর্তমান ফন্টের আকার বাড়ান।

ছোট - / ছোট - বর্তমান ফন্টের আকার হ্রাস করুন।

বেসএফন্ট সাইজ = এন - (এন 1 থেকে 7 এর একটি সংখ্যা) - হরফ আকারের বেস মান।

হরফ আকার = + / - n - / ফন্ট - ফন্টের আকার পরিবর্তন করুন।

হরফ রঙ = # এক্সএক্সএক্সএক্সএক্সএক্সএক্স - ফন্ট - হরফের রঙ নির্ধারণ: জল - সমুদ্র তরঙ্গ; কালো - কালো; ইত্যাদি

দেহ - পটভূমির রঙ পরিবর্তন করুন।

এইচআর - অনুভূমিক রেখা, এই ট্যাগটি বৈশিষ্ট্যগুলি ব্যবহার করতে পারে:

রঙ - লাইন রঙ;

সাইজ - পিক্সেল লাইন প্রস্থ;

প্রস্থ - পিক্সেল বা উইন্ডো প্রস্থের শতাংশ হিসাবে লাইন প্রস্থ;

ALIGN - লাইন প্রান্তিককরণ;

নোশড - ছায়া ছাড়াই পেইন্টিং;

ছায়া - একটি ছায়া দিয়ে অঙ্কন।

পদক্ষেপ 4

আপনার সাইটে যদি কোনও তালিকা sertোকানোর প্রয়োজন হয়, আপনাকে ট্যাগগুলি প্রবেশ করতে হবে:

উল - / উল - আনর্ডারড তালিকা (গণনা, কোনও আদেশ নেই):

এলআই - একটি তালিকা আইটেমের সংজ্ঞা;

টিওয়াইপি হ'ল একটি প্যারামিটার যা তালিকা চিহ্নিতকারীকে সংজ্ঞায়িত করে:

টাইপ = সার্কেল - একটি বৃত্ত চিহ্নিতকারী হিসাবে ব্যবহৃত হয়;

TYPE = ডিস্ক - পয়েন্টটি চিহ্নিতকারী হিসাবে ব্যবহৃত হয়;

টাইপ + স্কয়ার - একটি স্কোয়ার চিহ্নিতকারী হিসাবে ব্যবহৃত হয়।

ওএল - / ওএল - সংখ্যাযুক্ত তালিকা:

TYPE হল এমন একটি প্যারামিটার যা তালিকার ধরণটি নির্দিষ্ট করে:

TYPE = A - বড় হাতের ল্যাটিন বর্ণগুলি তালিকা নম্বর হিসাবে ব্যবহৃত হবে;

TYPE = a - ছোট হাতের ল্যাটিন অক্ষর তালিকাভুক্তকারী হিসাবে ব্যবহৃত হবে;

TYPE = I - বৃহত রোমান সংখ্যাগুলি তালিকা নম্বর হিসাবে ব্যবহৃত হবে;

TYPE = i - ছোট রোমান অঙ্কগুলি তালিকা নম্বর হিসাবে ব্যবহৃত হবে;

START হল প্যারামিটার যা তালিকার শুরুতে সংখ্যার সংজ্ঞা দেয়।

ডিএল - / ডিএল - ব্যাখ্যা সহ তালিকা:

ডিটি - একটি তালিকা আইটেমের পদবী;

ডিডি একটি তালিকা আইটেমের জন্য ব্যাখ্যা explanation

পদক্ষেপ 5

যাতে আপনার সাইটটি একটি পৃষ্ঠায় সীমাবদ্ধ না থাকে, বেশ কয়েকটি তৈরি করুন।নেভিগেট করতে, আপনার হাইপারলিঙ্কগুলি দরকার, যা নিম্নলিখিত ট্যাগগুলির দ্বারা সংজ্ঞায়িত:

একটি এইচআরএফ = ইউআরএল - / এ - নথিতে একটি লিঙ্ক সন্নিবেশ করায় (ট্যাগগুলির মধ্যে আপনাকে অবশ্যই লিঙ্কের পাঠ্য সন্নিবেশ করতে হবে)।

এইচআরএফ - একটি পৃষ্ঠা বা সংস্থান ঠিকানা;

ইউআরএল - অভিন্ন সংস্থান ঠিকানা: সার্ভিস: // সার্ভার [: পোর্ট] [/পথ]:

পরিষেবা - প্রোটোকলের নাম (HTTP - এইচটিএমএল ডকুমেন্টে অ্যাক্সেস, একটি FTP সার্ভার থেকে কোনও ফাইলের জন্য এফটিপি অনুরোধ, এতে ফাইলের অ্যাক্সেস

স্থানীয় মেশিনে ফাইল);

সার্ভার - সংস্থানটির নাম উল্লেখ করা;

পোর্ট - পোর্ট নম্বর যার উপর ওয়েব সার্ভার চলছে;

পাথ হ'ল ডিরেক্টরিটি যেখানে সংস্থানটি অবস্থিত।

একটি এইচআরএফ = # বুকমার্কের নাম - / এ - একটি স্থানীয় লিঙ্ক প্রবেশ করান (ট্যাগগুলির মধ্যে, আপনাকে অবশ্যই লিঙ্কের পাঠ্য প্রবেশ করতে হবে)।

একটি নাম = বুকমার্কের নাম - / এ - লিঙ্কটি করা হবে এমন বুকমার্কটি সেট করে।

পদক্ষেপ 6

সাইটটি বিরক্তিকর না হওয়ার জন্য, গ্রাফিক ডিজাইনের প্রয়োজন। এটি করতে, ট্যাগগুলি ব্যবহার করুন:

বডি ব্যাকগ্রাউন্ড = "ফাইলের নাম" - ব্যাকগ্রাউন্ড হিসাবে ব্যবহৃত ছবিটিকে সেট করে।

আইএমজি এসআরসি = "ফাইলের নাম" - এইচটিএমএল ডকুমেন্টে একটি গ্রাফিক ফাইল সন্নিবেশ করান, এই ট্যাগটি প্যারামিটারগুলি ব্যবহার করে:

ALT = "পাঠ্য স্ট্রিং" - ব্রাউজার স্বয়ংক্রিয়ভাবে গ্রাফিক্স লোড করার ক্ষমতাটি অক্ষম করে থাকলে গ্রাফিক চিত্রের পরিবর্তে প্রদর্শিত একটি পাঠ্য স্ট্রিং সংজ্ঞায়িত করে;

উচ্চতা, প্রস্থ - চিত্রের উচ্চতা এবং পিক্সেল প্রস্থ;

এইচপিএসি, ভিএসপিএসি - খালি জায়গার প্রস্থ যা গ্রাফিককে পাঠ্য থেকে অনুভূমিকভাবে এবং উল্লম্বভাবে পৃথক করে;

ALIGN - গ্রাফিক্সের সাথে সম্পর্কিত পাঠ্যের প্রান্তিককরণ।

পদক্ষেপ 7

এবং আপনার শেষ কাজটি হ'ল *.html ফর্ম্যাটে পাঠ্য ফাইলটি সংরক্ষণ করুন এবং তারপরে আপনার ব্রাউজারটি ব্যবহার করে এটি চালু করুন। সাইট প্রস্তুত।

প্রস্তাবিত: