হাইপারটেক্সট বলতে বোঝায় যেভাবে ওয়েব পেজ (এইচটিএমএল ডকুমেন্ট) একসাথে লিঙ্ক করা হয়। সুতরাং, একটি ওয়েব পেজে উপলব্ধ লিঙ্কটিকে হাইপারটেক্সট বলা হয়। এর নাম অনুসারে, এইচটিএমএল হল একটি মার্কআপ ল্যাঙ্গুয়েজ যার মানে আপনি ট্যাগ সহ একটি টেক্সট ডকুমেন্টকে "মার্ক-আপ" করার জন্য এইচটিএমএল ব্যবহার করেন যা একটি ওয়েব ব্রাউজারকে কীভাবে এটি প্রদর্শনের জন্য গঠন করতে হয় তা বলে। এটি হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের জন্য দাঁড়িয়েছে, এবং এটি ওয়েব পেজ লেখার জন্য সবচেয়ে বেশি ব্যবহৃত ভাষা।
HTML5 হল HTML স্ট্যান্ডার্ডের পরবর্তী প্রধান সংশোধন HTML 4.01, XHTML 1.0, এবং XHTML 1.1-এর পরিবর্তে। HTML5 হল ওয়ার্ল্ড ওয়াইড ওয়েবে কন্টেন্ট গঠন এবং উপস্থাপনের জন্য একটি মানক। নতুন স্ট্যান্ডার্ড ভিডিও প্লেব্যাক এবং ড্র্যাগ-এন্ড-ড্রপের মতো বৈশিষ্ট্যগুলিকে অন্তর্ভুক্ত করে যা পূর্বে অ্যাডোব ফ্ল্যাশ, মাইক্রোসফ্ট সিলভারলাইট এবং Google গিয়ারের মতো তৃতীয় পক্ষের ব্রাউজার প্লাগ-ইনগুলির উপর নির্ভরশীল ছিল৷
HTML ডকটাইপ
যখনই আপনি একটি HTML ডকুমেন্ট তৈরি করেন, ডকটাইপটি নথিতে প্রথম জিনিসটি রাখা হয়। এটি ওয়েব ব্রাউজারকে এইচটিএমএল এর সংস্করণ সম্পর্কে জানায়, এই পৃষ্ঠাটিতে লেখা আছে। এটি কেস-সংবেদনশীল নয়৷
৷HTML5 ডকটাইপ
<!DOCTYPE html>
HTML ক্যারেক্টার এনকোডিং
অক্ষর এনকোডিং নির্দিষ্ট করতে HTML-এর অক্ষরসেট বৈশিষ্ট্যটি এর সাথে ব্যবহার করা হয়।
নিচের সিনট্যাক্স −
<meta charset="char_set">
উপরে, char_set হল একটি অক্ষর সেট যা একটি HTML নথির অক্ষর এনকোডিং নির্দিষ্ট করতে৷
আসুন এখন ক্যারেক্টার এনকোডিং -
নির্দিষ্ট করার জন্য একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> </head> <body> <h2>Example</h2> <p>We have added demo text:<p> <textarea rows = "4" cols = "50"> Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document. </textarea><br> <button type = "button">Previous</button> <button type = "button">Next</button> </body> </html>
আউটপুট
HTML শিরোনাম
যেকোনো ডকুমেন্ট একটি শিরোনাম দিয়ে শুরু হয়। আপনি আপনার শিরোনাম জন্য বিভিন্ন আকার ব্যবহার করতে পারেন. এইচটিএমএল-এ ছয়টি স্তরের শিরোনামও রয়েছে, যা
, , , , এবং উপাদানগুলি ব্যবহার করে। যেকোনো শিরোনাম প্রদর্শন করার সময়, ব্রাউজার সেই শিরোনামের আগে একটি লাইন এবং সেই শিরোনামের পরে একটি লাইন যোগ করে। HTML উপাদান
, , এবং উপাদানগুলি ব্যবহার করে। যেকোনো শিরোনাম প্রদর্শন করার সময়, ব্রাউজার সেই শিরোনামের আগে একটি লাইন এবং সেই শিরোনামের পরে একটি লাইন যোগ করে। HTML উপাদান
এবং উপাদানগুলি ব্যবহার করে। যেকোনো শিরোনাম প্রদর্শন করার সময়, ব্রাউজার সেই শিরোনামের আগে একটি লাইন এবং সেই শিরোনামের পরে একটি লাইন যোগ করে। HTML উপাদান
HTML উপাদান
একটি HTML উপাদান একটি শুরু ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়. যদি উপাদানটিতে অন্য বিষয়বস্তু থাকে, তাহলে এটি একটি ক্লোজিং ট্যাগ দিয়ে শেষ হয়, যেখানে উপাদানের নামের আগে একটি ফরোয়ার্ড স্ল্যাশ থাকে
HTML গুণাবলী
একটি HTML উপাদানের বৈশিষ্ট্য নির্ধারণ করতে একটি বৈশিষ্ট্য ব্যবহার করা হয় এবং উপাদানটির খোলার ট্যাগের ভিতরে স্থাপন করা হয়। সমস্ত বৈশিষ্ট্য দুটি অংশ নিয়ে গঠিত - একটি নাম এবং একটি মান। যেমন −
<canvas id=”newCanvas” width=”400” height=”300”>
অন্যান্য উদাহরণের মধ্যে রয়েছে −
<img alt = ”alternate text”>
HTML5 স্ট্যান্ডার্ড অনুযায়ী কোনো অ্যাট্রিবিউটের চারপাশে উদ্ধৃতিগুলি অন্তর্ভুক্ত করা বাধ্যতামূলক নয়, তবে উদ্ধৃতিগুলি অন্তর্ভুক্ত করা সর্বদা একটি ভাল অনুশীলন৷
HTML বিন্যাস
ফরম্যাটিং মানে আমরা কিভাবে একটি HTML-এ একটি ওয়েব পেজে টেক্সট ফরম্যাট করতে পারি। এতে বোল্ড টেক্সট, ইটালিক টেক্সট, স্ট্রাইক টেক্সট, টেক্সট হাইলাইট করা ইত্যাদি অন্তর্ভুক্ত রয়েছে। আসুন একটি উদাহরণ দেখি −
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Tags for formatting text in HTML</h2> <strong>Strong text</strong><br> <b>Bold text</b><br> <em>Emphasized text</em><br> <i>Italic Text</i><br> <mark>Highlighted text</mark> </body> </html>
আউটপুট
HTML মন্তব্য
HTML মন্তব্যগুলি ট্যাগের মধ্যে স্থাপন করা হয়। সুতরাং, ট্যাগের সাথে রাখা যেকোন বিষয়বস্তুকে একটি মন্তব্য হিসাবে গণ্য করা হবে এবং ব্রাউজার দ্বারা সম্পূর্ণরূপে উপেক্ষা করা হবে৷
