HTML5 Tutorial: The Basics/HTML5 টিউটোরিয়াল: মূল বিষয়গুলি

HTML5 Tutorial: The Basics/HTML5 টিউটোরিয়াল: মূল বিষয়গুলি

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

এত কিছু বলার পরে, আসুন প্রথম অংশে চলে যাই।

HTML কী?

HTML এর ইতিহাস

১৯৯০ সালে, টিম বার্নার্স-লিই HTML এর ধারণা নিয়ে এসেছিলেন। HTML 1.0 প্রথমবারের মতো ১৯৯৩ সালে জনসাধারণের জন্য উপলব্ধ করা হয়েছিল। এর লক্ষ্য ছিল ওয়েব ব্রাউজারগুলির মাধ্যমে পড়া এবং খুঁজে পাওয়া যায় এমন তথ্য ভাগ করে নেওয়া সহজ করা। কিন্তু খুব কম সংখ্যক ডেভেলপারই ওয়েবসাইট তৈরিতে কাজ করেছিলেন। তাই, ভাষাটিও উন্নত হচ্ছিল না।

HTML 2.0 ১৯৯৫ সালে প্রকাশিত হয়। এতে HTML 1.0 এর সমস্ত বৈশিষ্ট্য এবং আরও কিছু বৈশিষ্ট্য রয়েছে। HTML 2.0 জানুয়ারী ১৯৯৭ পর্যন্ত ওয়েবসাইট ডিজাইন এবং তৈরির জন্য স্ট্যান্ডার্ড মার্কআপ ভাষা ছিল। এটি HTML এর অনেক মূল বৈশিষ্ট্য উন্নত করেছে। HTML 2.0 ছিল সর্বশেষ প্রকাশিত ভাষা।

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

HTML 4.01 হল পরবর্তী সংস্করণ। এটি HTML 5.0-এর আগে HTML-এর একটি সফল সংস্করণ ছিল, যা এখন বাজারে এসেছে এবং বিশ্বের সর্বত্র ব্যবহৃত হচ্ছে। HTML 4.01 আজকাল প্রচুর ব্যবহৃত হয়।

HTML-এর উদ্দেশ্য

HTML-এর মতো মার্কআপ ভাষাগুলি একটি ওয়েবসাইটের সবচেয়ে মৌলিক অংশগুলি বর্ণনা করতে ব্যবহৃত হয়। অন্য কথায়, এই ভাষাগুলি মূলত ওয়েব পৃষ্ঠাগুলি মার্ক আপ করার জন্য ব্যবহৃত হয়। ২০২৪ সাল থেকে, CSS-এর সাথে HTML, বিশ্বব্যাপী ডেভেলপারদের মধ্যে সর্বাধিক ব্যবহৃত প্রোগ্রামিং ভাষা হয়ে ওঠে (~৫৩%)।

HTML হল HyperText Markup Language, যা নিয়ে কথা বলার অর্থ। যখন ইন্টারনেট এক্সপ্লোরার, ফায়ারফক্স, অথবা ক্রোমের মতো কোনও ওয়েব ব্রাউজার কোনও ওয়েবপেজ দেখায়, তখন এটি আসলে একটি HTML ডকুমেন্ট পড়ছে এবং ব্যাখ্যা করছে। ইন্টারনেট এক্সপ্লোরার, ফায়ারফক্স এবং ক্রোম সব ধরণের ওয়েব ব্রাউজার। ব্রাউজারটি এই ডকুমেন্টটি কত লম্বা তা পরোয়া করে না; এটি কেবল আপনি যা পড়তে বলেন তা পড়ে। এটি 10 ​​লাইন লম্বা বা কয়েকশ লাইন লম্বা হতে পারে।

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

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

HTML5 কী?

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

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

তা বলার পরেও, HTML5 পুরানো HTML সংস্করণের জন্য তৈরি ওয়েব ব্রাউজারগুলির সাথে সামঞ্জস্যপূর্ণ। এটি ওয়েব ডেভেলপারদের তাদের ওয়েবসাইটগুলিতে HTML5 বৈশিষ্ট্যগুলিকে নির্বিঘ্নে সংহত করতে দেয় এবং সাইটগুলি সঠিকভাবে কাজ করে তা নিশ্চিত করে।

HTML5 কেবল HTML-এর পরবর্তী প্রজন্মের চেয়েও বেশি কিছু। অন্য কথায়, এই শব্দটি কেবল HTML ভাষাকেই বর্ণনা করে না। পরিবর্তে, এটি ওয়েব প্রযুক্তির ইকোসিস্টেমকেও অন্তর্ভুক্ত করে যা এর সাথে কাজ করে, যার মধ্যে রয়েছে JavaScript API (ইন্টারঅ্যাক্টিভিটির জন্য) এবং CSS3 (স্টাইলিংয়ের জন্য)। এটি বোঝার ফলে শিক্ষার্থীরা কেবল মূল HTML স্পেসিফিকেশন নয় বরং অন্যান্য প্রাসঙ্গিক প্রযুক্তিগুলিতেও মনোনিবেশ করতে পারে।

এর প্রতিকারের জন্য, আমাদের পোস্টের নিম্নলিখিত অংশটি HTML5 ডিজাইন ধারণা এবং প্রয়োজনীয় বিষয়গুলির একটি বিশ্লেষণের জন্য নিবেদিত।

এর প্রতিকারের জন্য, আমাদের পোস্টের নিম্নলিখিত অংশটি HTML5 ডিজাইন ধারণা এবং প্রয়োজনীয় বিষয়গুলির একটি বিশ্লেষণের জন্য উৎসর্গীকৃত।

HTML5 প্রয়োজনীয় বিষয়

আপনার HTML5 কেন ব্যবহার করা উচিত?

আমাদের একটি HTML5 টিউটোরিয়াল কেন প্রয়োজন? HTML5-এ অনেক উন্নত বৈশিষ্ট্য রয়েছে যা ডিজাইনার এবং ডেভেলপার উভয়ের জন্যই ভাষাকে সহজ এবং ব্যবহারকারী-বান্ধব করে তোলে। এটি আপনাকে:

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

HTML 5 ব্যবহার করার সবচেয়ে বিশ্বাসযোগ্য কারণ হল এটি কিছু সময়ের জন্য থাকবে। W3C পরামর্শ দিয়েছে যে এটি দীর্ঘ সময় ধরে কাজ করবে।

HTML5 এর গুরুত্ব

HTML5 এর মূল্য পূর্ববর্তী সংস্করণগুলির সাথে কীভাবে তুলনা করা হয়?

আসুন এই টেবিলের সাহায্যে HTML5 এবং পূর্ববর্তী HTML সংস্করণগুলির মধ্যে পার্থক্যগুলি একবার দেখে নেওয়া যাক।

আপনি দেখতে পাচ্ছেন, পুরোনো ভার্সনের তুলনায় HTML5 ব্যবহারের উল্লেখযোগ্য সুবিধা রয়েছে। আসুন আরও বিস্তারিতভাবে আলোচনা করা যাক।

ডেভেলপারদের জন্য ৫টি সুবিধা

১. ত্রুটি পরিচালনার জন্য সহায়তা: বেশিরভাগ ব্রাউজার কাঠামোগত বা বাক্য গঠনগতভাবে ভুল HTML বুঝতে পারে।

২. উন্নত শব্দার্থবিদ্যা: ওয়েবসাইটের চেহারা নিয়ন্ত্রণকারী কোডটি এখন পড়া এবং পরিবর্তন করা যেতে পারে কারণ শব্দার্থিক উপাদান যুক্ত করা হয়েছে।

৩. ওয়েব অ্যাপের জন্য উন্নত সমর্থন: HTML5 উপাদানগুলিতে জাভাস্ক্রিপ্ট বা ফ্ল্যাশের প্রয়োজনের জন্য ব্যবহৃত সমস্ত বৈশিষ্ট্য রয়েছে। এটি একটি ওয়েবসাইট তৈরি করতে যে সময় লাগে তা হ্রাস করে। গ্রাফিক্স এখন HTML5 এর একটি সম্পূর্ণ অংশ এবং এর সবচেয়ে গুরুত্বপূর্ণ অংশগুলির মধ্যে একটি।

৪. ক্রস-প্ল্যাটফর্ম ক্ষমতা: মোবাইল ওয়েব ব্যবহার করা সহজ কারণ এটি আপনাকে একাধিক ডিভাইসে একই নকশা ব্যবহার করতে দেয়। শেষ ব্যবহারকারীরা যখনই চান ওয়েব রিসোর্স অ্যাক্সেস করার জন্য যেকোনো ডিভাইস ব্যবহার করতে পারেন।

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

৫ শেষ ব্যবহারকারীদের জন্য সুবিধা

১. মোবাইল ব্রাউজারগুলি ক্র্যাশ হওয়ার সম্ভাবনা কম। <section> অথবা <article> এর মতো নতুন HTML5 উপাদানগুলি ভালভাবে সমর্থিত। এটি ব্রাউজার এবং ডিভাইসগুলিতে স্থিতিশীলতা উন্নত করে, যার অর্থ মোবাইল ব্রাউজারগুলিতে ক্র্যাশ বা ত্রুটির সম্ভাবনা কম।

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

৩. আর ফ্ল্যাশের প্রয়োজন নেই। ইন্টারেক্টিভ কন্টেন্ট, অ্যানিমেশন এবং মিডিয়া প্লেব্যাকের জন্য HTML5 ওয়েবসাইটগুলিতে অ্যাডোবি ফ্ল্যাশের কোনও প্রয়োজন নেই। কারণ HTML5 ব্যবহারকারীদের মাল্টিমিডিয়া কন্টেন্ট নিরাপদে অ্যাক্সেস করতে সহায়তা করার জন্য অন্তর্নির্মিত বৈশিষ্ট্যগুলি অফার করে।

৪. নেটিভ অডিও এবং ভিডিও উপাদান সরবরাহ করুন। এর অর্থ হল আপনাকে উইন্ডোজ মিডিয়া প্লেয়ারের মতো কোনও অতিরিক্ত প্লাগইন ইনস্টল করার প্রয়োজন নেই।

৫. ক্যাশিং এবং স্থানীয় স্টোরেজের মাধ্যমে আরও ভাল অফলাইন ব্রাউজিং বৈশিষ্ট্য সরবরাহ করুন। অ্যাপক্যাশ বা ওয়েব স্টোরেজের মতো ক্ষমতা ব্যবহারকারীদের ইন্টারনেট সংযোগ না থাকলেও নির্দিষ্ট সামগ্রী বা ওয়েবসাইটের কিছু অংশ অ্যাক্সেস করার অনুমতি দেয়।

HTML5 টিউটোরিয়াল: একটি নতুনের যাত্রা

আপনার একটি টেক্সট এডিটর প্রয়োজন

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

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

শুরু থেকে শুরু করুন

আপনার প্রথমে যা করা উচিত তা হল ব্র্যাকেট ডাউনলোড এবং সেট আপ করা। আপনি যদি চান তবে উইন্ডোজের সাথে আসা নোটপ্যাড প্রোগ্রামটি ব্যবহার করতে পারেন এবং এটি এই HTML5 টিউটোরিয়ালের জন্য ঠিক কাজ করবে। ইনস্টলেশন সম্পন্ন হয়ে গেলে, এটি খুলুন এবং সেখানে ইতিমধ্যে থাকা যেকোনো টেক্সট বা কোড ফেলে দিন। “ফাইল” মেনুতে যান এবং “নতুন” নির্বাচন করুন (অথবা পিসিতে Ctrl+N বা ম্যাকে Command+N টিপুন) কারণ আমরা শুরু থেকেই শুরু করতে চাই।

এই মুহুর্তে, আপনি টেক্সট এডিটরে একটি খালি টেক্সট ফাইল দিয়ে কাজ করতে পারেন। এখান থেকেই যেকোনো মূল্যবান ওয়েবসাইট তার যাত্রা শুরু করে। প্রথমে এই সহজ পদক্ষেপগুলি অনুসরণ করুন:

১. “ফাইল” এ ক্লিক করুন

২. মেনু থেকে “সেভ অ্যাজ” নির্বাচন করুন।

৩. আপনার তৈরি প্রথম পৃষ্ঠায় index.html নাম দিন।

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

প্রাথমিক কাঠামো তৈরি করা

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

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>My First HTML Page</title>
</head>
<body>
“Thank you for visiting my page and taking the time to learn more about me.”
</body>
</html>

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

ট্যাগগুলির অর্থ কী?

!DOCTYPE ঘোষণা ব্রাউজারকে ডকুমেন্টটি HTML এর কোন সংস্করণে লেখা আছে তা বলে। ব্রাউজারটি তখন ডকুমেন্টটি সঠিক উপায়ে দেখাতে সক্ষম হবে। যখন আপনি একটি HTML ফাইল তৈরি করেন, তখন এটি সর্বদা একই বিন্দু দিয়ে শুরু হবে। এটি সেখানে থাকতে হবে এবং এটি সবচেয়ে দৃশ্যমান স্থানে থাকতে হবে।

প্রথম ট্যাগ, যা কেবল <html> লেখা হয়, ব্রাউজারকে জানায় যে একটি HTML ফাইল পাঠানো হচ্ছে এবং এটি দেখানোর প্রয়োজন হবে।

<hed> ট্যাগ হল এমন একটি জায়গা যেখানে শিরোনাম এবং মেটা ডেটার মতো জিনিসগুলি সাধারণত একটি ডকুমেন্টের “হেড” বা উপরে থাকে। বেশিরভাগ সময়, এই তথ্যটি ডকুমেন্টের “হেড”-এ থাকবে।

<html> ট্যাগগুলি দেখায় যে HTML5 ডকুমেন্টের শুরু এবং শেষ কোথায়। ব্রাউজারে ওয়েবসাইটটি খোলা থাকাকালীন, ট্যাবটি <title> ট্যাগের পরে আসা সামগ্রীটি দেখাবে। একবার আপনার ওয়েবসাইট ইন্টারনেটে লাইভ হয়ে গেলে, Google এর মতো সার্চ ইঞ্জিনগুলি তাদের ডাটাবেসে আপনার ওয়েবসাইট রাখার জন্য শিরোনাম ট্যাগের পাঠ্য ব্যবহার করবে। <title> ট্যাগের পরে, পৃষ্ঠার এই অংশটি সম্পন্ন হয়, যখন হেডারটি <hed> ট্যাগের পরে করা হয়।

একটি ওয়েবপেজের মূল অংশটি সাধারণত অনুচ্ছেদ এবং চিত্রের মতো জিনিস দিয়ে তৈরি হয়। <body> ট্যাগটি এই উপাদানগুলির জন্য একটি ধারক হিসাবে কাজ করবে, সেগুলিকে একসাথে ধরে রাখবে। এই অংশটি <body> ট্যাগ দিয়ে শেষ হয়েছে, এবং <html> ট্যাগ ইঙ্গিত দেয় যে কন্টেন্ট এখন সম্পন্ন হয়েছে।

উপসংহার

এই HTML5 টিউটোরিয়ালের মাধ্যমে HTML5 ব্যবহার করে কোডিং কীভাবে শুরু করবেন সে সম্পর্কে আপনার এখন আরও ভাল ধারণা থাকা উচিত।