এই নিবন্ধে, আপনি শিখবেন কীভাবে আপনার প্রথম ওয়েবসাইট লিখতে HTML ব্যবহার করবেন! নিবন্ধটি আরও ভাল বোঝার জন্য দৃষ্টান্তমূলক উদাহরণ প্রদান করবে। আসুন এখনই একটি রিজার্ভেশন করি যে নিবন্ধটি মূলত তাদের জন্য ডিজাইন করা হয়েছে যারা সবেমাত্র HTML শিখতে শুরু করেছেন। উপরন্তু, আমরা প্রতিশ্রুতি দিচ্ছি যে এই নিবন্ধটি পড়ার শেষে, আপনি আপনার প্রথম ওয়েবসাইট তৈরি করার নিশ্চয়তা পাবেন।
এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, অর্থাৎ পাঠ্য সংগঠিত করার জন্য একটি ভাষা।
প্রোগ্রামিং ল্যাঙ্গুয়েজ (জাভাস্ক্রিপ্ট, পিএইচপি, ইত্যাদি) থেকে ভিন্ন যা ওয়েবসাইটে ক্রিয়া সম্পাদনের জন্য স্ক্রিপ্ট ব্যবহার করে, সিকোয়েন্সিং ল্যাঙ্গুয়েজ (এইচটিএমএল) ওয়েবসাইটের বিষয়বস্তু চিহ্নিত করতে ট্যাগ ব্যবহার করে।
আসুন শুরু থেকে HTML শেখা শুরু করি
ইংরেজি যেমন A, B, C ইত্যাদি অক্ষর দিয়ে তৈরি, তেমনি HTMLও অদ্ভুত "অক্ষর" দিয়ে তৈরি:,,
ইত্যাদি। HTML ভাষার এই অদ্ভুত "অক্ষরগুলি"কে ওয়েবমাস্টাররা ট্যাগ বলে।
নিম্নলিখিত একটি HTML ট্যাগের উদাহরণ।
ট্যাগগুলি এই পাঠ্যের প্রান্তগুলির চারপাশে একটি আন্ডারলাইন তৈরি করুন৷
এইচটিএমএল ট্যাগগুলি সিএসএস ভাষা শৈলীর সাথে যুক্ত আপনাকে দ্রুত এবং দক্ষতার সাথে ওয়েবসাইট তৈরি করতে দেয়৷
অন্যান্য ভাষার মধ্যে HTML এর স্থান
আপনি জানেন, একটি ভাল ওয়েবসাইটকমপক্ষে 5টি ভাষায় নির্মিত৷
আধুনিক ওয়েবসাইটটি ভাষায় তৈরি করা হয়েছে:
- HTML (কাঠামো এবং অর্ডারিং)।
- CSS (স্টাইল সামগ্রী)।
- জাভাস্ক্রিপ্ট (ব্রাউজার অ্যাকশন)।
- PHP (সার্ভার অ্যাকশন)।
- SQL (ডেটা স্টোরেজ)।
HTML হল প্রধান মৌলিক ভাষা যার উপর অন্যরা ভিত্তি করে। তাই, ওয়েবে ওয়েবসাইট তৈরি করতে শেখার জন্য HTML শেখা প্রথম ধাপ হওয়া উচিত।
ট্যাগ
এইচটিএমএল ভাষাটি শুরু হওয়ার পর থেকে কয়েক বছর ধরে পরিবর্তিত হয়েছে। এই মুহুর্তে, বেশিরভাগ ইন্টারনেট সাইটগুলি ভাষার সর্বশেষ সংস্করণে চলে যাচ্ছে - HTML5৷ কিন্তু এমনকি HTML5-তেও, ভাষার মৌলিক বিষয়গুলি অপরিবর্তিত রয়েছে৷
একটি HTML পৃষ্ঠার গঠন একটি স্যান্ডউইচের মতো। যেমন একটি স্যান্ডউইচে দুটি রুটির টুকরো থাকে, তেমনি একটি HTML নথিতে খোলা এবং বন্ধ করার HTML ট্যাগ থাকে৷
এই ট্যাগগুলি, স্যান্ডউইচের রুটির মতো, ভিতরের সমস্ত কিছুকে ঘিরে রাখে৷
ট্যাগ
আপনি HTML শেখা চালিয়ে যাওয়ার সাথে সাথে আপনাকে অবশ্যই ট্যাগের সাথে পরিচিত হতে হবে। প্যারেন্ট ট্যাগের ভিতরে সরাসরি ট্যাগ সহ সাইটের সমস্ত বিষয়বস্তু থাকে। এই ট্যাগটি প্রয়োজনীয় এবং এতে সাইটের পৃষ্ঠার সমস্ত সেটিংস রয়েছে যার জন্য এটি লেখা হয়েছে৷ এই সেটিংস সাইট দর্শকদের কাছে দৃশ্যমান নয়, শুধুমাত্র ব্রাউজার (গুগল ক্রোম, মজিলা ফায়ারফক্স, ইত্যাদি) দেখতে পায়৷
ওয়েবপৃষ্ঠা সেটিংস ব্লকে সমস্ত "অ-রেন্ডার করা" উপাদান রয়েছে যা ব্রাউজারকে ওয়েবে আপনার সাইটটি সঠিকভাবে প্রদর্শন করতে সহায়তা করে৷
সমস্ত বিকল্প যেট্যাগের ভিতরে কনফিগার করা যেতে পারে, আমরা এটি দেখব, তবে একটু পরে - যখন সময় আসবে।
ট্যাগ
ট্যাগের মতো ট্যাগটি ট্যাগের ভিতরে থাকে।
আপনি যে সমস্ত তথ্য প্রদর্শন করতে চান তা আপনার সাইটে প্রদর্শন করার জন্য এই ট্যাগটি প্রয়োজন৷
শিরোনাম, অনুচ্ছেদ, টেবিল, ছবি এবং লিঙ্কগুলি উপাদানগুলির একটি ছোট অংশ যা ট্যাগের ভিতরে থাকতে পারে।
একটি HTML নথির মৌলিক কাঠামো:
… …
আপনার প্রথম সাইট
এখন আপনি জানেন যে আপনি HTML ব্যবহার করে ওয়েবসাইট তৈরি করতে পারেন এবং এর জন্য মৌলিক ট্যাগগুলি ব্যবহার করা হয়:
- একটি ওয়েব পৃষ্ঠার সীমারেখা নির্দেশ করে৷
- একটি ব্রাউজারে একটি ওয়েব পৃষ্ঠা প্রদর্শনের জন্য সেটিংস রয়েছে৷
- আপনি সাইটের দর্শকদের দেখাতে চান এমন সমস্ত ওয়েব পৃষ্ঠা উপাদান (ছবি, ভিডিও, পাঠ্য এবং আরও) রয়েছে৷
অন্যান্য ট্যাগ যেমন,, আমরা শীঘ্রই কথা বলব।
এটি দুর্দান্ত হবে যদি পাঠক কেবল এই নিবন্ধটি পড়েন না, তবে অবিলম্বে তাদের দক্ষতা বাড়াতে দৌড়ে যান। আপনার এইচটিএমএল দক্ষতা বাড়াতে, আপনাকে আপনার প্রথম ওয়েবসাইট তৈরি করতে হবে, যা আপনার নতুন দক্ষতার জন্য একটি পরীক্ষার স্থল হিসেবে কাজ করবে।
এটা জানা যায় যে মোবাইল অপারেটরগুলি ("MTS", "MegaFon" এবং আরও) আমাদের মোবাইল পরিষেবা সরবরাহ করে৷ একইভাবে, হোস্টিং অপারেটরদের দ্বারা সাইট তৈরি এবং পরিচালনার জন্য আমাদের পরিষেবা প্রদান করা হয়। আপনার ওয়েবসাইট তৈরি করতে, যেকোনো ফ্রি হোস্টিং অপারেটরের সাইটে যান।
যাচাইকৃত হোস্টিং প্রদানকারীদের মধ্যে BEGET বা অন্তর্ভুক্তreg, উদাহরণস্বরূপ। আপনি যে কাউকে বেছে নিতে পারেন।
একটি সংক্ষিপ্ত নিবন্ধকরণের পরে, 24 ঘন্টা পরে, ইন্টারনেটে আপনার প্রথম ওয়েবসাইটটি স্বয়ংক্রিয়ভাবে তৈরি হবে, যা সমগ্র বিশ্বের কাছে দৃশ্যমান হবে এবং আপনি অনুশীলন শুরু করতে পারেন!
আধুনিক সাইট কাঠামো
এখন যেহেতু আপনার সাইট আছে, একটি ট্যাগে কী কী ট্যাগ রয়েছে এবং তারা কীভাবে সাইটগুলিতে তথ্য সংগঠিত করে তা দেখুন৷
উপরের ছবিটি হল কাঠামোর একটি পরিকল্পিত উপস্থাপনা যা HTML ভাষার সর্বশেষ সংস্করণের সাথে এসেছে - HTML5। HTML5 এর সাথে শুধু নতুন ট্যাগই আসেনি, ওয়েবসাইট তৈরির অর্থও এসেছে। আপনি ছবিতে যে সমস্ত ট্যাগ দেখছেন তা মূল ট্যাগের মধ্যে রয়েছে। এই ট্যাগগুলি আপনাকে আপনার সাইটের কাঠামোর "রূপরেখা" করতে এবং এর অর্থ দিতে সাহায্য করে৷
উদাহরণস্বরূপ, ট্যাগের ভিতরে … সাইটের শিরোনাম (ট্যাগ) এবং সাইটের বিবরণ (ট্যাগ) স্থাপন করা সুবিধাজনক।
ট্যাগের ভিতরে সাইটের মেনু (লিঙ্ক) (ট্যাগ) স্থাপন করা সুবিধাজনক।
ট্যাগের ভিতরে অর্থ সম্পর্কিত তথ্যের বড় ব্লক স্থাপন করা সুবিধাজনক। এটি বেশ কয়েকটি নিবন্ধ হতে পারে, যার প্রতিটি ট্যাগ, বা ফটো (ট্যাগ), বা টেবিলে (ট্যাগ
) এবং আরো।
এর অর্থের সাথে খাপ খায় না এমন যেকোন তথ্য ট্যাগের ভিতরে স্থাপন করা সুবিধাজনক
ট্যাগের ভিতরে, এটি অতিরিক্ত তথ্য যেমন যোগাযোগের তথ্য, সাইটের অতিরিক্ত বিভাগ এবং আরও কিছু রাখার প্রথাগত।
সুতরাং এখন আপনি আধুনিক ওয়েবসাইটগুলি কী দিয়ে তৈরি তাতে কিছুটা পারদর্শী। এর একটি উদাহরণ নেওয়া যাকআমার মাথার অশান্তি অন্তর্দৃষ্টি থেকে বিস্ময়ে প্রতিস্থাপিত হয়েছিল৷
সুতরাং, আপনি যখন আপনার হোস্টিং অপারেটরের সাইটে ফাইল ম্যানেজার খুলবেন এবং index.php নামে একটি নথি খুঁজে পাবেন, তখন নির্দ্বিধায় লিখুন, যেন প্রথম থেকে, আপনার সাইটের গঠন।
আমার প্রথম ওয়েবসাইট
পৃষ্ঠা শিরোনাম
পৃষ্ঠার বিবরণ
লিঙ্ক 1 | লিঙ্ক 2 | লিঙ্ক 3
কিছু নিবন্ধের শিরোনাম
এটি এমন একটি ব্লক যাতে যেকোনো তথ্য থাকে এবং CSS-এর সাহায্যে আপনি এই ব্লকটি এবং পুরো সাইটটিকে এর সমস্ত বিষয়বস্তু দিয়ে আপনার ইচ্ছামত রঙ করতে পারেন। © সর্বস্বত্ব সংরক্ষিত
মনে আছে আমরা বলেছিলাম যে সাইটের জন্য বিভিন্ন সেটিংস আছে? আচ্ছা, এটা এখানে:
- আমরা ব্রাউজার ব্যবহার করে দেখাই যে সাইটটিতে রাশিয়ান এবং ইংরেজি উভয় অক্ষর থাকতে পারে (অন্যথায়, আপনি যখন সাইটটি খুলবেন, আপনি ভয়ঙ্কর ক্রাকোজিয়াব্রী দেখতে পাবেন)।
- পৃষ্ঠার নাম নির্দেশ করতে ব্যবহৃত হয়, যা ব্রাউজার ট্যাবে এবং সার্চ ইঞ্জিনে ("Yandex", Google এবং এর মতো) প্রদর্শিত হবে।
অবশ্যই, CSS স্টাইলিং ছাড়া, আপনার সাইটটি কৃপণ দেখাবে (সাদা পটভূমিতে কালো অক্ষর), তবে প্রথমে আপনার প্রথম পৃষ্ঠাটি HTML-এ লেখার চেষ্টা করতে ভুলবেন না।
অভিনন্দন! আপনি আপনার নিজের ওয়েবসাইটে আপনার প্রথম ওয়েব পেজ তৈরি করেছেন! এটা আরো আকর্ষণীয় হবে!
